お待たせいたしました、お待たせしすぎたかもしれません。
全裸監督大好きなだけ、谷川じゅんぺいでございます。
今回はホームーページの改善箇所を丸出し、さらけ出し、モロ出しにするための、チェック項目リストを皆様にご覧入れます。
もし最後までご覧いただきナイスですね〜と思ったら、ファンタスティック!とその場で叫んでください。
STEP1.サイトの目的を確認
最初にサイトのゴール(コンバージョン)を決めましょう。
(ここからテンション一気に普通になります)
ECならカートへの到達、コーポレートならお問い合わせへの到達、メディアサイトならページ周回率と滞在期間など、明確なゴールがなければ、あらゆる施策が無意味となります。
きちんとゴールを考えて共有しましょう。
※リードとは「見込み客」と捉えていて基本的に問題ありません。
オウンドメディアの場合
サイトのゴール例:広告収入 / 会員獲得 / PV数獲得
コーポレートサイト
サイトのゴール例:リード獲得 / 採用獲得 / ブランディング
サービスサイト・ブランドサイト
サイトのゴール例:リード獲得 / 会員獲得 / ブランディング
ECサイト・ネットショップ
サイトのゴール例:売上獲得 / 会員獲得
サイトの種類別改善点顕在化チャート
サイトの目的がきちんと定まったら、次はその目的を達成するためにどこを改善するべきか、Googleアナリティクスと以下のチャートを見比べながら洗い出します。広告収入目的のメディアサイトのフローチャート
[最終目標]1.広告収入アップ 2.広告出稿をするのに魅力的なサイトにする(アクセス数や会員数が多いサイト)
ECサイトのフローチャート
[最終目標]1.安定的な売り上げの増加 2.顧客エンゲージメント
コーポレート・オウンドメディア・その他リード獲得を目的としたサイトのフローチャート
[最終目標]1.良質なリード(見込み客)の獲得 2.顧客エンゲージメント(好感度・信頼性など)の向上
求人採用目的のサイトのフローチャート
[最終目標]1.自社採用率のアップ 2.企業理念などにマッチした人材獲得
仮説チェックリストに沿ってサイトの問題点を洗い出し
改善したい箇所が決まったら、以下のチェックリストから該当する箇所をチェックして、問題点と改善案を洗い出しましょう。
ランディングページ(到達目標:エントリーフォーム・カート)
検討内容:入口(ファーストビュー)の改善
検討エリア:ファーストビュー
仮説 | 改善案 | 実施内容例 |
---|---|---|
動機形成につながる情報が不足しているのではないか | 動機形成につながる情報を追加する | どのような情報を追加すれば効果的かを検証 |
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報を目立たせる | 動機形成につながる情報のデザインや大きさをどれほど変更すれば効果的かを検証 |
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報の位置を変更する | 動機形成につながる情報をどこに配置変更すれば効果的かを検証 |
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報以外を減らす | 動機形成につながる情報以外をどれほど減らせば効果的かを検証 |
キャッチコピーやキービジュアルがユーザーに適していないのではないか | キャッチコピーやキービジュアルを変更する | キャッチコピーをどのように変更すれば効果的かを検証 |
メインビジュアルや訴求コンテンツが広告と連動していないのではないか | ビジュアルやコンテンツを変更する | ビジュアルを広告とつながるストーリーにした場合の効果を検証 |
ファーストビューでアクションが起こせないのではないか | ファーストビューにコンバージョンボタンを配置する | ファーストビュー内にコンバージョンボタンをどのように配置すれば効果的かを検証 |
ファーストビューでアクションが起こせないのではないか | ファーストビューでコンバージョンボタンを目立たせる | コンバージョンボタンのデザインや大きさをどれほど変更すれば効果的かを検証 |
ファーストビューでアクションが起こせないのではないか | ファーストビューのコンバージョンボタンの誘導文言を変更する | コンバージョンボタンの誘導文言をどのように変更すれば効果的かを検証 |
ファーストビューにフォームを入れた方が良いのではないか | ファーストビューにフォームを追加する | ファーストビュー内にフォームをどのように配置すれば効果的かを検証 |
検討内容:出口(コンバージョンエリア)の改善
検討エリア:コンバージョンボタン
仮説 | 改善案 | 実施内容例 |
---|---|---|
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンを目立たせる | コンバージョンボタンのデザインや大きさをどれほど変更すれば効果的かを検証 |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンの位置を変更する | コンバージョンボタンをどこに配置変更すれば効果的かを検証 |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンの数を増やす | コンバージョンボタンの数をどれほど増やせば効果的かを検証 |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタン周りの訴求文言を変更する | |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタン周りの情報を減らす | コンバージョンボタン周りのどの情報を減らせば効果的かを検証 |
コンバージョンボタンの内容が適切ではないのではないか | コンバージョンボタンの誘導文言を変更する | コンバージョンボタンの誘導文言をどのように変更すれば効果的かを検証 |
検討内容:最適な導線・情報設計の検証
検討エリア:コンテンツ
仮説 | 改善案 | 実施内容例 |
---|---|---|
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報を目立たせる | 動機形成につながる情報のデザインや大きさをどれほど変更すれば効果的かを検証 |
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報の位置を変更する | 動機形成につながる情報をどこに配置変更すれば効果的かを検証 |
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報以外を減らす | 動機形成につながる情報以外をどれほど減らせば効果的かを検証 |
動機形成につながる情報が不足しているのではないか | 動機形成につながる情報を追加する | どのような情報を追加すれば効果的かを検証 |
エントリーフォーム(到達目標:申込み完了)
検討内容:入力へのモチベーションを高め、不安を取り除けているか
検討エリア:ファーストビュー
仮説 | 改善案 | 実施内容例 |
---|---|---|
時間がかかりそうで億劫で離脱しているのではないか | 完了目安時間を表示する / ステップ図を挿入 / ステップの説明文を挿入 | 対応時間目安をどのように追加すれば効果的かを検証 |
入力することで得られるメリットが伝えられていないのではないか | 入力目的を明確化する / サービスの特徴を簡潔に説明する | 入力する目的をどのように追加すれば効果的かを検証 |
入力対応をすることで得られるメリットが伝えられていないのではないか | キャンペーン情報など対応することで得られるメリットを提示する | 得られるメリットをどのように追加すれば効果的かを検証 |
検討内容:入力エリアの改善
検討エリア:コンテンツ
仮説 | 改善案 | 実施内容例 |
---|---|---|
対応時間がかかりそうで億劫で離脱しているのではないか | 縦スクロールを短くする | 縦スクロール幅をどれほど短くすれば効果的かを検証 |
対応時間がかかりそうで億劫で離脱しているのではないか | 入力ステップを分けて画面内の情報を減らす | 入力ステップを分けてどれほど情報を減らせば効果的かを検証 |
アクションへの喚起に不要なコンテンツがあるのではないか | 必須事項(規約など)を非表示(表示ボタン付き)にする | |
アクションへの喚起に不要なコンテンツがあるのではないか | 必須事項(規約など)を可読性、可視性を下げて目立たせなくする。コンバージョンボタンの下に要素移動する。 | |
会員登録など必須なプロセスの説明がないため、登録画面で離脱してしまうのではないか | 必要なプロセスや手順を説明する | |
(購入や応募など)重要要項の文字が多く、読みにくいのではないか | 必要要項の可読性、可視性を上げて、動機喚起に繋がる要素を追加する。 | |
入力がしにくく離脱しているのではないか | 入力エリアを大きくする、または項目の配置を変更する | 入力エリアをどれほど大きくするのが効果的かを検証 |
入力がしにくく離脱しているのではないか | 必須箇所と任意項目を分かりやすくデザインする | 必須箇所をどれほど目立たせれば効果的かを検証 |
入力がしにくく離脱しているのではないか | 必須項目のみの表示に切り替える | 必須項目のみへの切り替えが効果的か検証 |
検討エリア:コンバージョンボタン
仮説 | 改善案 | 実施内容例 |
---|---|---|
ボタンがアクションを促すようになっていないのではないか | コンバージョンボタンの文言、デザインを変更する | |
未入力項目があることに気づかないのではないか | 未入力項目の表示をボタンで強調する | |
未入力項目があることに気づかないのではないか | 赤以外の色に変える(エラーと間違えない&圧迫感を与えないため) |
検討エリア:確認画面
仮説 | 改善案 | 実施内容例 |
---|---|---|
確認画面で「完了した」と思われてはいないか | 画面上部に送信ボタンを設置 | 縦スクロール幅をどれほど短くすれば効果的かを検証 |
確認画面で「完了した」と思われてはいないか | まだ完了していない旨を明示する | 入力ステップを分けてどれほど情報を減らせば効果的かを検証 |
そもそも確認画面は本当に必要なのか | 確認画面をスキップする | システム的にスキップ、もしくは確認画面を一瞬出してリダイレクトなど可能な施策の検討。およびその効果を検証 |
カートページ / 注文確認ページ(到達目標:注文完了ページ / ログインページ / 会員登録ページ)
検討エリア:投入商品表示
仮説 | 改善案 | 実施内容例 |
---|---|---|
商品画像や商品名、価格表示、数量変更ボタンなど表示項目がわかりにくいのではないか | 表示要素のデザイン、レイアウトを変える | |
購入完了までのアクション以外の要素に目が止まってしまうのではないか | 注文を確定・変更以外の要素を削除する |
検討エリア:コンバージョンボタン / 他商品(併売促進)
仮説 | 改善案 | 実施内容例 |
---|---|---|
ボタンがアクションを促すようになっていないのではないか | コンバージョンボタンの文言、デザインを変更する | |
ログインや登録方法が多く、わかりにくいのではないか | 各方法別にデザインやレイアウトを変更する |
検討エリア:レコメンド
仮説 | 改善案 | 実施内容例 |
---|---|---|
商品画像や商品名、価格表示、数量変更ボタンなど表示項目がわかりにくいのではないか | 表示要素のデザイン、レイアウトを変える | |
ボタンがアクションを促すようになっていないのではないか | ボタンの文言、デザインを変更する |
index(到達目標:詳細ページ / 一覧ページ)
検討エリア:ファーストビュー
仮説 | 改善案 | 実施内容例 |
---|---|---|
メインビジュアル / キャッチコピーがユーザーに適していないのではないか | ビジュアル / キャッチコピーを変更する |
検討エリア:コンテンツ
仮説 | 改善案 | 実施内容例 |
---|---|---|
indexから自分のほしい商品・情報にたどり着けてないのではないか | コンテンツ / カラムのデザイン / 並び順を変更 |
検討エリア:グローバルナビ / 検索窓
仮説 | 改善案 | 実施内容例 |
---|---|---|
indexから自分のほしい商品・情報にたどり着けてないのではないか | グローバルナビのデザイン/表示項目を変更 | |
indexから自分のほしい商品・情報にたどり着けてないのではないか | 検索機能の表示レイアウトや項目の順序を変える | |
indexから自分のほしい商品・情報にたどり着けてないのではないか | 検索機能のボタンを目立たせる |
検討エリア:コンバージョンボタン
仮説 | 改善案 | 実施内容例 |
---|---|---|
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンを目立たせる | |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンの位置を変更する | |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンの数を増やす | |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタン周りの情報を減らす | |
コンバージョンボタンの内容が適切ではないのではないか | コンバージョンボタンの誘導文言を変更する |
検討エリア:ページ全体
仮説 | 改善案 | 実施内容例 |
---|---|---|
ページ全体や各要素(見出しやタイトルなど)のトーンが合っていないのではないか | 要素の色を変更する |
一覧ページ(到達目標:詳細ページ)
検討内容:ユーザーが求める情報に辿り着きやすく出来ているか
検討エリア:検索絞り込み
仮説 | 改善案 | 実施内容例 |
---|---|---|
検索項目が多く使いにくいのではないか | 検索項目の数を減らす | 検索項目をいくつまで減らすのが効果的かを検証 |
検索項目が多く使いにくいのではないか | 特定の検索項目を減らす | どの項目を減らすのが効果的かを検証 |
検索項目が広く使いにくいのではないか | 検索機能を絞るまたは、分ける | |
検索項目が広く使いにくいのではないか | 検索機能の表示レイアウトや項目の順序を変える | |
使い方が解らないのではないか | 使う手順を説明する | 利用手順や方法などの説明を画面内に分かりやすく表示する |
検索機能が理解しにくいのでは | 機能の名称を分かりやすい日本語に置き換える | ユーザーに理解しやすい文言になっているのかの検証 |
入力がしにくく離脱しているのではないか | 入力/選択エリアを大きくする | 入力エリアをどれほど大きくするのが効果的かを検証 |
入力がしにくく離脱しているのではないか | 入力必須箇所を目立たせる | 必須箇所をどのように目立たせれば効果的かを検証 |
検索機能が目立ちにくいのではないか | 検索機能の位置を目立つ場所へ移動する | 検索機能をどこに配置変更すれば効果的かを検証 |
検索機能が目立ちにくいのではないか | 検索機能エリアを大きく(小さく)する | 検索機能エリアをどれほど大きく(小さく)すれば効果的かを検証 |
検索機能が目立ちにくいのではないか | 検索ボタンを目立たせる | 検索ボタンをどのように目立たせれば効果的かを検証 |
検索機能が目立ちにくいのではないか | 検索条件を目立たせる | 検索条件をどのように目立たせれば効果的かを検証 |
絞込検索の結果がイメージできていないのではないか | 特定条件の検索ショートカットボタン設置 | 既存検索の組み合わせとして何が一番コンバージョンに直結しやすいか検証 |
絞込検索の結果がイメージできていないのではないか | 現在の検索結果からの横移動ショートカット設置 | 検索結果から「近くの…」「あと○円安い…」など横移動させる行動促進が有効か検証 |
検討内容:ユーザーが求める情報を適切に提供出来ているか
検討エリア:コンテンツ
仮説 | 改善案 | 実施内容例 |
---|---|---|
興味のあるアイテムを見つけられていないのではないか | ファーストビューの表示件数を多くする | ファーストビューにどれほど表示件数を増やせば効果的かを検証 |
興味のあるアイテムを見つけられていないのではないか | 表示件数を減らす | |
興味のあるアイテムを見つけられていないのではないか | 表示要素のワードを変更する | |
興味のあるアイテムを見つけられていないのではないか | 再検索導線を上部または、下部にねじ込んでみる | |
詳細への遷移がしにくいのではないか | クリッカブルなエリアを広げる | 一覧コンテンツのクリッカブルなエリアをどのように広げれば効果的かを検証 |
詳細への遷移がしにくいのではないか | 詳細へのボタン、リンクを目立たせる | 詳細へのリンクをどのように目立たせれば効果的かを検証 |
必要な情報が目に止まりにくいのではないか | 詳細遷移につながる情報を目立たせる | 詳細遷移につながる情報量やデザイン、サイズ、文字色をどのように変更すれば効果的かを検証 |
必要な情報が目に止まりにくいのではないか | 詳細遷移につながる情報の位置を変更する | 詳細遷移につながる情報をどこに配置変更すれば効果的かを検証 |
必要な情報が目に止まりにくいのではないか | 詳細遷移や遷移に繋がる情報以外の要素を減らす | 詳細遷移につながりやすい情報以外をどれを減らせば効果的かを検証 |
必要な情報が目に止まりにくいのではないか | 再検索導線を上部または、下部にねじ込んでみる | 検索結果にダイレクトアクセスしたユーザーを対象に再検索導線を入れ、効果を検証 |
必要な情報が目に止まりにくいのではないか | 写真を可能な限り大きくレイアウトしてみる | 写真による訴求がテキストによる訴求を上回るかどうか |
0件時の表示に適切な誘導がないのではないか | 別の問い合わせ方法を提供(電話やチャット)に適切に誘導する | ネット以外の検索方法を適切にユーザーに提供ができるのかを検証 |
0件時の表示に適切な誘導がないのではないか | 再度検索絞り込みにつながる情報を追加する | 再度検索絞り込み機能を利用されるにはどのような情報が効果的かを検証 |
詳細ページ(到達目標:エントリーフォーム / 他詳細ページ / 一覧ページ / 退会の抑止 / 退会ページからの離脱)
検討内容:出口(コンバージョンエリア)の改善
検討エリア:コンバージョンボタン
仮説 | 改善案 | 実施内容例 |
---|---|---|
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンを目立たせる | コンバージョンボタンのデザインや大きさ、アニメーションなどでどれほど変更すれば効果的かを検証 |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンの位置を変更する | コンバージョンボタンをどこに配置変更すれば効果的かを検証 |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタンの数を増やす | コンバージョンボタンの数をどれほど増やせば効果的かを検証 |
コンバージョンボタンが目立っていないのではないか | コンバージョンボタン周りの情報を減らす | コンバージョンボタン周りのどの情報を減らせば効果的かを検証 |
コンバージョンボタンの内容が適切ではないのではないか | コンバージョンボタンの誘導文言を変更する | コンバージョンボタンの誘導文言をどのように変更すれば効果的かを検証 |
検討内容:ユーザーが求める情報を適切に提供出来ているか
検討エリア:コンテンツ
仮説 | 改善案 | 実施内容例 |
---|---|---|
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報を目立たせる | 動機形成につながる情報のデザインや大きさをどれほど変更すれば効果的かを検証 |
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報の位置を変更する | 動機形成につながる情報をどこに配置変更すれば効果的かを検証 |
動機形成につながる情報が目に止まりにくいのではないか | 動機形成につながる情報以外を減らす | 動機形成につながる情報以外をどれほど減らせば効果的かを検証 |
動機形成につながる情報が不足しているのではないか | 動機形成につながる情報を追加する | |
動機形成につながる情報が不足しているのではないか | 動機形成につながるページへの動線を追加する | どのような情報を追加すれば効果的かを検証 |
検討エリア:ファーストビュー
仮説 | 改善案 | 実施内容例 |
---|---|---|
興味を引く情報が不足しているのではないか | 興味を引く情報を追加する | どのような情報を追加すれば効果的かを検証 |
検討エリア:コンバージョンボタン
仮説 | 改善案 | 実施内容例 |
---|---|---|
他コンテンツへの誘導が行えているか | コンバージョンボタン周りに他コンテンツへの誘導リンクを追加する | どのような情報を追加すれば効果的かを検証 |
検討エリア:コンテンツ
仮説 | 改善案 | 実施内容例 |
---|---|---|
退会するデメリットや注意事項が伝えられていないのではないか | 退会時のデメリット / 注意事項を追加する | どのような情報を追加すれば効果的かを検証 |
退会するデメリットや注意事項が伝えられていないのではないか | 退会時のデメリット / 注意事項を目立たせる | 退会時のデメリット / 注意事項のデザインや大きさをどれほど変更すれば効果的かを検証 |
大事なのは、所詮仮設の域を出ないので、きちんとABテストを行っていくことです。
基本的にはGoogleオプティマイズを使ってやっていくのが良いと思います。
みなさんもぜひファンタスティックでセクシーなサイト制作を頑張ってください!
めんどくさい人はAND SPACEにご依頼いただければ良いと思いますよ!
谷川
この記事を書いた人「本気でぶつかる」第一人者。17歳でロンドンへ短期留学。18歳でデザイナーを目指し制作会社に入社。次第に個人での受注が増え、23歳で起業。以降、じわじわ組織化していく。2021年に社長を退き、現在は顧問的なポジションに。座右の銘は「どうせなら全力」。株式会社デリシャステイク取締役、株式会社BOB不動産取締役、株式会社上田酒店デザイン事務所取締役、大阪総合デザイン専門学校非常勤講師を兼任。肩書が多いため胡散臭いが、会ってみるとホントに胡散臭い(がんばれ!)。