SlideShare a Scribd company logo
お申し込みを1割増やした
フォーム改善の話
GMO Pepabo, Inc.
財津大夏
2015.05.12 定時で帰ってます!仕事に活かせるペパボの改善セミナー
自己紹介
• 財津大夏(@zaimy611)
• ロリポップ!-> minne
• ディレクター
• サービス改善 / 企画 / 広告 / 広報 / …
2
アジェンダ
1. はじめに
2. 継続的なサイト改善
3. フォーム改善とは
4. フォーム改善の手法とロリポップ!の改善例
3
1.はじめに
はじめに
• フォーム改善の基本的な部分をお話しします
• 画期的な手法の話
• 汎用的に使える手法
• ロリポップ!での実例
5
2.継続的なサイト改善
目標を決める
• 問い合わせ/資料請求/申し込み etc…
• 目標があれば手をつけるべき所が判断できる
• 「この指標も、あの指標も気になる」
• 目標があれば成功か失敗か判断できる
• 現時点での成功 or 失敗 / 最終的な成功 or 失敗
7
小刻みにリリースする
• 要因の切り分けがやりやすい
• PDCA / データドリブン
• 「ショートケーキを作る」
• 作っている本人たちが楽しい!
8
3.フォーム改善とは
EFO
Entry Form Optimization
(入力フォーム最適化)
何にどうやって
”最適化”するのか
何にどうやって最適化するのか
• 問い合わせ数/資料請求数/申し込み数
• 折角フォームまで来てくれたユーザーさまが
ゴールまで進んでくれるように
• 一般的な指標は「離脱を減らす」
13
4.フォーム改善の手法と
ロリポップ!の改善例
独自ドメインの利用選択画面
アカウント・メールアドレス入力画面
仮登録メールに記載のURLを開く
契約内容・個人情報入力画面
確認画面
完了画面
仮登録完了画面
フォーム改善の手法
1. 不要な画面/項目/リンクを削除する
2. 視覚的なハードルを下げる
3. 操作のハードルを下げる
24
不要な画面/項目/リンクを 
削除する
不要な画面/項目/リンクを  
削除する
• 他の要素が目に入ると離脱する
• 「会員登録するともっとお得」
• 項目が多いと見ただけで意欲が削がれる
• EFOの大原則は離脱を減らす事      
→離脱機会を減らすこと
26
ロリポップ!がやったこと
• 画面(フロー)を3つ削った
• 項目を6つ削った
• 戻るボタンを削った
• ヘッダとフッタを削った
27
独自ドメインの利用選択画面
アカウント・メールアドレス入力画面
仮登録メールに記載のURLを開く
契約内容・個人情報入力画面
確認画面
完了画面
仮登録完了画面
項目を6つ削った
• 契約期間
• 支払い方法
• 職種
• ビジネス利用の選択
• 性別
• 生年月日
31
項目を6つ削った
• 契約期間
• 支払い方法
• 職種
• ビジネス利用の選択
• 性別
• 生年月日
33
> 契約時に決められる
項目を6つ削った
• 契約期間
• 支払い方法
• 職種
• ビジネス利用の選択
• 性別
• 生年月日
34
> マーケティング的項目
戻るボタンを削った
✖ 誤クリックすると最初から…
35
ヘッダとフッタを削った
36
✖ 気になるメニューが目に入る
視覚的なハードルを下げる
視覚的なハードルを下げる
• 必須項目は「必須」と表示する
• 項目は縦並び
• 不要な説明を省く
• ナビゲーションをつける
38
必須項目は「必須」と表示する
39
項目は縦並び
40
不要な説明を省く
41
ナビゲーションをつける
42
操作のハードルを下げる
操作のハードルを下げる
• 入力枠をまとめる
• 入力例を表示する
• 入力完了時にチェックマークを表示する
• エラーもその都度表示する
• 不要なボタンを外す
44
入力枠をまとめる
✖ tabやマウスで移動しなければいけない
45
入力例を表示する
✖ 「姓名の間にスペース要るの?全角?半角?」
46
入力完了時にチェックマークを
表示する
47
エラーもその都度表示する
✖ 送信したタイミングでまとめて表示
48
不要なボタンを外す
既存アカウントをお持ちの方は入力を省ける
→ログインが必要
→ログイン情報を覚えてない
✖ 「カンタン入力」が迷わせていた…
49
不要なボタンを外す
✖ 「住所検索」「郵便番号検索」どっち?
50
その他
• どこからでもフォームにたどり着けるように
51
結果
改善後のロリポップ!の
フォーム
結果
2014年1Q → 2015年1Q
申込数前年比110%
→契約へキャッチアップしていく
54
90
95
100
105
110
2014 2015
まとめ
まとめ
• 不要な画面を削除する
• 不要な項目を削除する
• 不要なリンクを削除する
• 戻るボタン/リセットボタンを削る
• ヘッダとフッタを削る
56
まとめ
• 必須項目は「必須」と表示する
• 項目は縦並び
• プレースホルダは時と場合で
• 不要な説明を省く
• ナビゲーションを付ける
57
まとめ
• 入力枠をまとめる
• 入力例を表示する
• 入力を制限しない
• 入力完了時にチェックマークを表示する
• エラーもその都度表示する
• 不要なボタンを外す
58
ツールの話
ツールの話
• PDCA / データドリブン
• GoogleAnalytics
• 「ウェブテスト」でA/Bテスト
• 「目標到達フロー」などで離脱箇所のチェック
• 多機能で無料
60

More Related Content

Viewers also liked

Strutsから移行する人のためのjsf基礎
Strutsから移行する人のためのjsf基礎Strutsから移行する人のためのjsf基礎
Strutsから移行する人のためのjsf基礎
Satoshi Kubo
 
JavaEE7徹底入門 プレゼンテーション層の開発 JSF
JavaEE7徹底入門 プレゼンテーション層の開発 JSFJavaEE7徹底入門 プレゼンテーション層の開発 JSF
JavaEE7徹底入門 プレゼンテーション層の開発 JSF
Masuji Katoda
 
第1回JUnit勉強会ハンズオン
第1回JUnit勉強会ハンズオン第1回JUnit勉強会ハンズオン
第1回JUnit勉強会ハンズオン
equj65
 
営業向け ABテストの統計学 データアーティスト
営業向け ABテストの統計学 データアーティスト営業向け ABテストの統計学 データアーティスト
営業向け ABテストの統計学 データアーティスト
Satoru Yamamoto
 
データで切り開くCRMのエキサイティングな未来
データで切り開くCRMのエキサイティングな未来データで切り開くCRMのエキサイティングな未来
データで切り開くCRMのエキサイティングな未来
Directus Inc.(ディレクタス)
 
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
tanakayoshikif-code
 

Viewers also liked (6)

Strutsから移行する人のためのjsf基礎
Strutsから移行する人のためのjsf基礎Strutsから移行する人のためのjsf基礎
Strutsから移行する人のためのjsf基礎
 
JavaEE7徹底入門 プレゼンテーション層の開発 JSF
JavaEE7徹底入門 プレゼンテーション層の開発 JSFJavaEE7徹底入門 プレゼンテーション層の開発 JSF
JavaEE7徹底入門 プレゼンテーション層の開発 JSF
 
第1回JUnit勉強会ハンズオン
第1回JUnit勉強会ハンズオン第1回JUnit勉強会ハンズオン
第1回JUnit勉強会ハンズオン
 
営業向け ABテストの統計学 データアーティスト
営業向け ABテストの統計学 データアーティスト営業向け ABテストの統計学 データアーティスト
営業向け ABテストの統計学 データアーティスト
 
データで切り開くCRMのエキサイティングな未来
データで切り開くCRMのエキサイティングな未来データで切り開くCRMのエキサイティングな未来
データで切り開くCRMのエキサイティングな未来
 
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
もうやりきったと思ってませんか?まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化
 

Similar to お申し込みを1割増やしたフォーム改善の話

ウェブアナリスト養成講座「LPOとA/Bテスト」
ウェブアナリスト養成講座「LPOとA/Bテスト」ウェブアナリスト養成講座「LPOとA/Bテスト」
ウェブアナリスト養成講座「LPOとA/Bテスト」
Kazumasa Harumoto
 
【発表用】ウェブアナリスト養成講座「Lpoとabテスト」
【発表用】ウェブアナリスト養成講座「Lpoとabテスト」【発表用】ウェブアナリスト養成講座「Lpoとabテスト」
【発表用】ウェブアナリスト養成講座「Lpoとabテスト」VOYAGE GROUP
 
社外勉強会 転職サイトGreenでのマーケティング
社外勉強会 転職サイトGreenでのマーケティング社外勉強会 転職サイトGreenでのマーケティング
社外勉強会 転職サイトGreenでのマーケティング
Yasushi IHATA
 
0からのwebディレクション講座 運用編 150905
0からのwebディレクション講座 運用編 1509050からのwebディレクション講座 運用編 150905
0からのwebディレクション講座 運用編 150905
yoshifumi matsumoto
 
アドテック2014 発表資料
アドテック2014 発表資料アドテック2014 発表資料
アドテック2014 発表資料
Yasushi IHATA
 
実録!現場におけるLeanStartupの実践
実録!現場におけるLeanStartupの実践実録!現場におけるLeanStartupの実践
実録!現場におけるLeanStartupの実践
Kaori Tomiyama
 
(仮)ややこしい時こそ質問してみる
(仮)ややこしい時こそ質問してみる(仮)ややこしい時こそ質問してみる
(仮)ややこしい時こそ質問してみる
T Takeno
 
Reprokomaya u xpoteto_20190422
Reprokomaya u xpoteto_20190422Reprokomaya u xpoteto_20190422
Reprokomaya u xpoteto_20190422
Toru Komaya
 
第21回ちらし屋アカデミー:ホームページ改善ポイントの見つけ方を学ぶ
第21回ちらし屋アカデミー:ホームページ改善ポイントの見つけ方を学ぶ第21回ちらし屋アカデミー:ホームページ改善ポイントの見つけ方を学ぶ
第21回ちらし屋アカデミー:ホームページ改善ポイントの見つけ方を学ぶchirashiya_academy
 
スクー「ゼロ秒思考」のメモ書き実践による、仕事の質とスピードを早く上げる方法(新入社員向け)
スクー「ゼロ秒思考」のメモ書き実践による、仕事の質とスピードを早く上げる方法(新入社員向け)スクー「ゼロ秒思考」のメモ書き実践による、仕事の質とスピードを早く上げる方法(新入社員向け)
スクー「ゼロ秒思考」のメモ書き実践による、仕事の質とスピードを早く上げる方法(新入社員向け)ブレークスルーパートナーズ 赤羽雄二
 
PFPのご紹介
PFPのご紹介PFPのご紹介
PFPのご紹介
Masaru Amano
 
「コンバージョン数を2倍にしてくれ」と言われた時の対処法
「コンバージョン数を2倍にしてくれ」と言われた時の対処法 「コンバージョン数を2倍にしてくれ」と言われた時の対処法
「コンバージョン数を2倍にしてくれ」と言われた時の対処法
Tsuyoshi Kaneko
 
すばやく実装するための戦略とテクニック
すばやく実装するための戦略とテクニックすばやく実装するための戦略とテクニック
すばやく実装するための戦略とテクニック
77web
 
Oracle Labs PGX:FAQサイトとグラフ
Oracle Labs PGX:FAQサイトとグラフOracle Labs PGX:FAQサイトとグラフ
Oracle Labs PGX:FAQサイトとグラフ
Hirai Kenji
 
海外展開のためのSEO/Webマーケティングセミナー_清水パート
海外展開のためのSEO/Webマーケティングセミナー_清水パート海外展開のためのSEO/Webマーケティングセミナー_清水パート
海外展開のためのSEO/Webマーケティングセミナー_清水パート
DemandSphere
 
【発表用】Lpoワークショップ~組織でサイト改善をする方法~
【発表用】Lpoワークショップ~組織でサイト改善をする方法~【発表用】Lpoワークショップ~組織でサイト改善をする方法~
【発表用】Lpoワークショップ~組織でサイト改善をする方法~VOYAGE GROUP
 
サイト公開までのスケジュールと成果イメージ
サイト公開までのスケジュールと成果イメージサイト公開までのスケジュールと成果イメージ
サイト公開までのスケジュールと成果イメージ
Syuzo Harashima
 
LPOワークショップ~組織でサイト改善をする方法~
LPOワークショップ~組織でサイト改善をする方法~LPOワークショップ~組織でサイト改善をする方法~
LPOワークショップ~組織でサイト改善をする方法~
Kazumasa Harumoto
 
フェローズ講演資料
フェローズ講演資料フェローズ講演資料
フェローズ講演資料Kenta Nakamura
 
OMNI-CORE20190515 サービス紹介資料
OMNI-CORE20190515 サービス紹介資料OMNI-CORE20190515 サービス紹介資料
OMNI-CORE20190515 サービス紹介資料
naokimi-so
 

Similar to お申し込みを1割増やしたフォーム改善の話 (20)

ウェブアナリスト養成講座「LPOとA/Bテスト」
ウェブアナリスト養成講座「LPOとA/Bテスト」ウェブアナリスト養成講座「LPOとA/Bテスト」
ウェブアナリスト養成講座「LPOとA/Bテスト」
 
【発表用】ウェブアナリスト養成講座「Lpoとabテスト」
【発表用】ウェブアナリスト養成講座「Lpoとabテスト」【発表用】ウェブアナリスト養成講座「Lpoとabテスト」
【発表用】ウェブアナリスト養成講座「Lpoとabテスト」
 
社外勉強会 転職サイトGreenでのマーケティング
社外勉強会 転職サイトGreenでのマーケティング社外勉強会 転職サイトGreenでのマーケティング
社外勉強会 転職サイトGreenでのマーケティング
 
0からのwebディレクション講座 運用編 150905
0からのwebディレクション講座 運用編 1509050からのwebディレクション講座 運用編 150905
0からのwebディレクション講座 運用編 150905
 
アドテック2014 発表資料
アドテック2014 発表資料アドテック2014 発表資料
アドテック2014 発表資料
 
実録!現場におけるLeanStartupの実践
実録!現場におけるLeanStartupの実践実録!現場におけるLeanStartupの実践
実録!現場におけるLeanStartupの実践
 
(仮)ややこしい時こそ質問してみる
(仮)ややこしい時こそ質問してみる(仮)ややこしい時こそ質問してみる
(仮)ややこしい時こそ質問してみる
 
Reprokomaya u xpoteto_20190422
Reprokomaya u xpoteto_20190422Reprokomaya u xpoteto_20190422
Reprokomaya u xpoteto_20190422
 
第21回ちらし屋アカデミー:ホームページ改善ポイントの見つけ方を学ぶ
第21回ちらし屋アカデミー:ホームページ改善ポイントの見つけ方を学ぶ第21回ちらし屋アカデミー:ホームページ改善ポイントの見つけ方を学ぶ
第21回ちらし屋アカデミー:ホームページ改善ポイントの見つけ方を学ぶ
 
スクー「ゼロ秒思考」のメモ書き実践による、仕事の質とスピードを早く上げる方法(新入社員向け)
スクー「ゼロ秒思考」のメモ書き実践による、仕事の質とスピードを早く上げる方法(新入社員向け)スクー「ゼロ秒思考」のメモ書き実践による、仕事の質とスピードを早く上げる方法(新入社員向け)
スクー「ゼロ秒思考」のメモ書き実践による、仕事の質とスピードを早く上げる方法(新入社員向け)
 
PFPのご紹介
PFPのご紹介PFPのご紹介
PFPのご紹介
 
「コンバージョン数を2倍にしてくれ」と言われた時の対処法
「コンバージョン数を2倍にしてくれ」と言われた時の対処法 「コンバージョン数を2倍にしてくれ」と言われた時の対処法
「コンバージョン数を2倍にしてくれ」と言われた時の対処法
 
すばやく実装するための戦略とテクニック
すばやく実装するための戦略とテクニックすばやく実装するための戦略とテクニック
すばやく実装するための戦略とテクニック
 
Oracle Labs PGX:FAQサイトとグラフ
Oracle Labs PGX:FAQサイトとグラフOracle Labs PGX:FAQサイトとグラフ
Oracle Labs PGX:FAQサイトとグラフ
 
海外展開のためのSEO/Webマーケティングセミナー_清水パート
海外展開のためのSEO/Webマーケティングセミナー_清水パート海外展開のためのSEO/Webマーケティングセミナー_清水パート
海外展開のためのSEO/Webマーケティングセミナー_清水パート
 
【発表用】Lpoワークショップ~組織でサイト改善をする方法~
【発表用】Lpoワークショップ~組織でサイト改善をする方法~【発表用】Lpoワークショップ~組織でサイト改善をする方法~
【発表用】Lpoワークショップ~組織でサイト改善をする方法~
 
サイト公開までのスケジュールと成果イメージ
サイト公開までのスケジュールと成果イメージサイト公開までのスケジュールと成果イメージ
サイト公開までのスケジュールと成果イメージ
 
LPOワークショップ~組織でサイト改善をする方法~
LPOワークショップ~組織でサイト改善をする方法~LPOワークショップ~組織でサイト改善をする方法~
LPOワークショップ~組織でサイト改善をする方法~
 
フェローズ講演資料
フェローズ講演資料フェローズ講演資料
フェローズ講演資料
 
OMNI-CORE20190515 サービス紹介資料
OMNI-CORE20190515 サービス紹介資料OMNI-CORE20190515 サービス紹介資料
OMNI-CORE20190515 サービス紹介資料
 

お申し込みを1割増やしたフォーム改善の話