ウェブサイト設計の時に役立つ７つのテクニック／【その6】目線の操作 (ユーザビリティ実践メモ)
今回のテーマは「目線の操作」です。ユーザの視線を集める要素と遠ざける要素をうまく使い分けることで、意図通りにユーザにメッセージを伝達するためのコツをご紹介します。 ファーストビュー 関連性 具体性 ウェブライティング リンクの装飾と配置 目線の操作 ←今回のテーマ 他サイトでの慣習 「目線の操作」を構成する3つの要素 視線の開始位置 視線を集める要素 視線を遠ざける要素 1. 視線の開始位置 例えば、以下は弊社のHPですが、このサイトを見るときどこから見ますか？「徹底した顧客心理分析により・・・」というブランドパネルか、その下の「コンサルティング事例・実績」ではないでしょうか？ 弊社HPの例 ビービットのサイトには、「ビービットは何をやっているんだろう？どのような会社なんだろう？」ということを漠然と思いながら来訪する方が多いため、その疑問に直接答えられるようメインメッセージや実績エリアに目
ウェブサイト設計の時に役立つ７つのテクニック／【その1】ファーストビュー設計のポイント (ユーザビリティ実践メモ)
サイトを作るにあたって、伝えたいことやユーザが求めているものをはっきり考えられても、いざ実際のウェブサイトにしようとするとどう作ったらいいのか途方に暮れてしまう、といったことはありませんか？ 実践メモでは、今回から7回シリーズで実際のウェブサイトをどう作っていったらよいのか分からないときに役立つ、特に重要な7つのテクニックについてまとめていきます。 ファーストビュー 関連性 具体性 ウェブライティング リンクの装飾と配置 目線の操作 他サイトでの慣習 まとめの第1回は「ファーストビュー」についてです。ファーストビューは、ユーザがそのページを見るかどうかを決める重要なエリアです。以下4つのことに気をつけてください。 ファーストビュー設計／4つのポイント 縦幅を節約する 適切なフィードバックを与える 下にページがつながる印象を与える 画像を置く 1. 縦幅を節約する スクロールしないユーザもい
ユーザビリティ実践メモ
スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む
『フッタートライアングル』 ~ フッターエリアの活用でCVRを向上する方法 (ユーザビリティ実践メモ)
以前、当ユーザビリティ実践メモにて、ページ下部に並べたフッターリンクが、ユーザのサイト内回遊を促すのに有効なことをご紹介しました（詳細は「意外に効果的なフッターリンク」 をご覧下さい）。 本記事はその発展形として、上述の 「(1)サイト内回遊を促すフッターリンク」に加え、資料請求やお問い合わせ等の「(2)ビジネスゴールへ誘導するボタン」をトライアングル（三角形）状に配置する事で、コンバージョン率アップに繋がる方法をご紹介します。 まず始めに必要な材料からご説明します。材料はたったの2つです。 材料1：フッターリンク�ユーザに回遊させるページのフッターリンクを用意してください。例えば、ある保険商品の販促サイトであれば、その商品に関する一連の説明ページ（商品トップ、商品の特長、詳しい保障内容など）へのリンクをフッターに並べて配置します。 材料2：ビジネスゴールへのボタン画像�ユーザをサイトのビ
困ったときのタブ頼み？ (ユーザビリティ実践メモ)
タブによる表示内容の切替は、トップページのファーストビュー（スクロールせずに見られる範囲）など、貴重なスペースを効率的に使えるインターフェースとして非常に便利ですが、やみくもにタブ化してしまうと、ユーザニーズの高いコンテンツを見てもらえなくなる危険性もあります。 情報の優先度とタブの前後関係は合っているか� タブのメタファは視覚的に「前面か背後か」という関係が強調され、暗に「背後にあるものは重要ではない」と認識されます。 （情報が並列関係の場合は、リンクを水平に並べるなどして並列であることを表現しましょう。） ラベルだけで切り替え後の内容が想像できるか� 背後に隠れたタブに関しては、少ない文字数で「それが何であるか」を伝える必要があります。 ラベルだけでユーザの興味を喚起できるか 内容を想像させるだけではなく、それがユーザのニーズに合ったコンテンツであることを伝える必要があります。 比較や
充実したFAQで、ユーザの問題解決＋態度変容を促す (ユーザビリティ実践メモ)
FAQに関する過去の実践メモ「FAQの隠れた役割」では、FAQの2つの目的を述べました。 1. ユーザの疑問に答えることで、問い合わせ数を削減する 2. ユーザをサイトのゴールへと導く攻めのコンテンツとして活用する 今回は、特に「攻めのコンテンツ」としての具体的な実践方法をご紹介します。 FAQの中でユーザが関心を持つ項目は、サービスや製品の選定ポイントとなっている可能性もあり、競合他社に勝るための訴求チャンスとしても捉えられます。ユーザにとって問題解決となる情報提供はもちろんですが、その中でうまくサービス・製品の訴求も行うことで、ユーザの態度変容を促すことができます。 とある教材サイトのユーザ行動観察調査では、「仕事と両立できるの？」という誰しもが抱く不安・疑問をFAQの中に出し、その回答として具体的な強みを訴求することで、ユーザの態度変容を強く促すことに成功していました。 方法2 体験
Webページの情報を共有してもらうための３つのポイント (ユーザビリティ実践メモ)
複数の人が関わるシナリオを意識しよう Webサイトを訪れたユーザが、商品・サービスの購入など何らかの意志決定を行う際、自分ひとりだけの判断で決めず、他の人と相談してから決めるという場合は、実はかなり多いものです。 弊社のユーザ行動観察調査では、以下のような例が見られました。 幹事役の数名が、各自で会場候補を検索各自が自分の選んだいくつかの候補を持ち寄り、どの会場にするか相談決定 【例2．企業におけるIT製品の導入】 部門の担当者が、おおまかな要求仕様を決め、メーカーサイトや販売店サイトを検索性能や価格などを一覧できる比較表を作り、IT管理者などに相談（IT管理者がWebサイトを閲覧する場合もあります）絞り込んだ候補について決裁文書を作り、上司に相談決定 【例3．住宅ローンの借り換え】 妻が金融機関サイトや比較サイトで情報収集夫に相談して候補を絞り込む絞り込んだ金融機関の店舗を夫婦で訪れ、担
ビービット採用サイト – ビービットでは2018新卒、中途採用の募集を受付中です
良い体験とは なんだろう？ 新卒/キャリア採用 夏期インターン 新卒/キャリア採用 ｜ 夏期インターン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ビービット