ユーザの認知を正しく捉える (ユーザビリティ実践メモ)
複数ブランドを束ねるファッションサイトのリニューアルに際し、テキストリンクのみだった各ブランドへのリンクにロゴを足しました。 すると、あるブランドのクリック率が2倍も伸びたのです。 いったいなぜロゴを足しただけで、CTRが2倍も伸びたのでしょうか？ このブランドの特徴を見てみましょう。 複数の大型駅ビルに店舗を構えていて多くの人が店舗を目にしている ブランド名が長く覚えにくい ブランドカラーとロゴが特徴的 ロゴが目立つショッピングバッグをぶら下げている若者が多い つまり、当ブランドはブランド名よりもロゴで認知されていたのです。 リニューアルでロゴが付与され「あ、このブランド知ってる、ちょっと見てみよう」という行動が促されたと考えられます。 「ロゴが大事」ということをお伝えしたいわけではありません。（現に、他のブランドはロゴを足した後もCTRに大きな変化はありませんでした。） 自社の製品やサ
再検索をしやすくしよう (ユーザビリティ実践メモ)
ある程度の情報量を有するサイトの場合、サイト内にも検索機能を提供することは、サイトマナーの一つとして当然になっていると思います。今回は、このサイト内での検索の使い勝手を高める際の重要な観点として、「再検索がしやすいか」という観点をご紹介します。 ユーザは最初、家にある食材で何かを作りたいと思い、「じゃがいも」と検索 検索結果を見て、ポテトサラダが美味しそうと思い「ポテトサラダ」で再検索 ポテトサラダをレシピをいくつか見ている中で、マカロニもあったことを思い出し、さらに「マカロニサラダ」と検索 「いつでもすぐに再検索できる」ことが重要 この例でも明らかなように、ユーザの検索ニーズはいつでも発生しえ、しかもそのワードは刻々変化しています。このため、いつでもすぐに検索が出来るような配慮が必要になるのです。 具体的な配慮の例として、「検索結果でも検索ボックスを配置する（図1）」「検索ボックスを全ペ
テキストリンクは「ユーザにわかる言葉」で (ユーザビリティ実践メモ)
アンカーテキストによるリンクは、様々なリンク形式の中で最も古く、最も簡単で、最も慣れ親しまれているものと言えるでしょう。今回はそのテキストリンクの使い方について考えてみます。 いかがでしょう？ どれをクリックしたいと思いましたか？ ユーザ行動観察調査でよくあるパターンとしては、「とりあえず上から順番にクリックしてみる」か「一切クリックしない」です。 ユーザは、リンクには気づいても（アイトラッキングをすると確実に視線は届いています）、クリックした先に何があるかが想像できないため、当てずっぽうの行動をするか、離脱してしまいます。 自社の製品に独自のネーミングを施して、他社との差別化を図るということ自体はよいのですが、その製品が何なのかが伝わらなければ意味がありません。 では、これではどうでしょうか？ それぞれがどんな製品かを示すテキストを添えることで、ユーザの理解が進みそうな気がしますが、残念
わかりにくい1クリックよりも、わかりやすい2クリック (ユーザビリティ実践メモ)
トップページに多くの要素を盛り込まねばならず、情報の整理に悩んでいる方も多いのではないでしょうか。そんな時、ユーザの文脈を考慮することで情報整理方法が見えてきます。 上の画面例はBtoB向け製品を主に扱っているメーカーサイトのトップページです。各製品カテゴリへのテキストリンクがトップページに配置されており、弊社のユーザ行動観察調査では、はじめてこのサイトを訪れるユーザが「何かごちゃごちゃしている」と言いながら、どこをクリックすべきか迷う傾向が見られました。 そこで、 トップページでは大まかに振り分け、次の階層で各製品カテゴリを選ばせるという図2のような画面に変更したところ、ユーザは目的の製品ページへスムーズに到達できるようになりました。 改善後の画面 目的のページに達するまでのクリック数は少ないほうがよいと言われますが、クリックを減らすことが目的になってユーザを迷わせてしまっては本末転倒で
ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題点として、 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい列数が多いために、セル内に折り返しが発生し、読みにくい ことが挙げられます。 特に、1つ目の問題点は、表が縦に長い場合にユーザを混乱させる要因の一つになります。なぜなら、画面サイズに収まりきらないほど表が縦に長い場合、下にスクロールしていくと「開催日」などの項目名が画面から消
入力フォームでの「郵便番号」の意外な盲点 (ユーザビリティ実践メモ)
登録や申し込みページの入力フォームにおいて、郵便番号を入力すると住所欄が自動入力される機能は、ユーザの入力負荷を軽減する便利な機能です。実はこの機能、正しく郵便番号を入力してもある条件下ではエラーとなってしまうことがあることをご存知でしょうか。今回は入力フォームでの「郵便番号」の意外な盲点についてご紹介します。 ただ、「会社」で用いられている郵便番号は一般的な郵便番号と異なる場合があります。 郵便番号は、特定の企業（１日の配達量が一定量を超えるような事業所）に対して「大口事業所個別番号」という事業者向けの郵便番号を割り当てており、該当する企業はこの割り当てられた郵便番号を使用しています。 しかし、郵便番号から「住所を自動入力する機能」が参照している郵便番号は必ずしもこの「大口事業所個別番号」に対応しているわけではありません。入力された郵便番号が対応していない「大口事業所個別番号」であった場
【○×】Q.ユーザが画像をざっと見て良し悪しを判断する商品の詳細ページでは、「左：画像、右：文章」、その下は「左：文章、右：画像」と、画像と文章を交互に配置したレイアウトとする方が、そうでない場合に比べて文章にも目を通してもらえる可能性が高い。○か×か？: beBit.Q
【解説】写真画像で良し悪しを判断しようと考えているユーザの視線は、自然と画像と画像をつなぐ形で流れます。画像と文章を交互に配置することでユーザの視線が散らばり、スクロール速度も遅くなりやすいため、比較的文章にも目を通してもらいやすいレイアウトとなります。 解説詳細 例えば、セオリー通り情報が整理されたきれいなレイアウトを達成しようとすると、以下のようになります。 この場合ユーザは、気になる画像があれば横にある文章にも目を移しますが、基本的にはすーっと下に向かって画像だけを眺めてスクロールするといった行動をとりがちです。 また、単調なレイアウトであるためにユーザのスクロール速度も速くなりがちです。 一方、画像と文章を交互に配置したレイアウトでは、ユーザの視線は以下のように散らばってくれる可能性が高くなります。 この場合はユーザが画像から画像に視線を移すタイミングで自然と文章が視野に飛び込んで
ECサイトの落とし穴：「よくあるパターン」で安心していませんか？ (ユーザビリティ実践メモ)
ECサイトにおいては、「商品を探す」、「商品を見る」、「カートに入れる」、「購入する」といった基本的な作法は概ね共通化されてきていますが、商品ごとの特性やユーザ心理によっては定型的な情報提供では不十分なケースがあります。 下記のような商品紹介ページでユーザ行動観察調査を行った際、この商品を使用したことのないユーザは、商品特徴や価格を確認した後で「分量」や「目安の日数」を探し回るという行動が見られました。 健康食品は継続して利用するものであり、かつ商品によって1回に使用する分量が異なるため、価格情報だけでは「お得」なのかどうか判断できなかったためです。ところが、商品の分量は商品名に含まれており、なおかつ一回の使用量は商品説明の中に埋もれてしまっており、いずれも価格から離れた位置にあったために気づかれませんでした。 ECサイトの商品ページで提供されている情報については、「価格」、「送料」、「配
カードを使って簡単にユーザニーズを探る方法 (ユーザビリティ実践メモ)
「サイトの画面設計やデザイン性はそれなりに良いのだが、肝心の中身、コンテンツが足りていないので強化したい。けれどどんなコンテンツがユーザから求められているのか分からない…。」 今回はそんな時に役立つ調査手法の1つとして、「カードソーティング」をご紹介します。 メリット この手法の最大のメリットは、実際に物を作る前であっても、ユーザの行動観察ができることです。 カードという刺激物を与えて、それに対してユーザがどのように行動するかを見ることができるため、「どんなものが見たいですか？」、「○○というコンテンツがあったら見たいですか？」といったインタビューよりもはるかに意味のある検証が可能です。 また、ユーザと面しているため、仕分け結果の理由をすぐに尋ねることができるのもメリットです。具体的にどのようなものを期待したのか、なぜ見たくないのかなどを尋ねられるため、その場で疑問を解消し、さらに深掘りす
「お待たせしない」Webサイトでの接客 (ユーザビリティ実践メモ)
1990年代、電話回線やISDNを使ったダイヤルアップ接続（低速・時間課金）でインターネットに接続することが一般的だった頃は、Webサイトの利用は「時間との勝負」という側面がありました。そのためWebサイトを制作する際も、htmlファイルや画像などを含めたページ当たりのサイズを小さくしてページの表示速度を高め、ユーザを待たせないことが重要視されていました。 ■人間の思考とシステムの反応速度 人間の操作に対するシステムの反応速度については、一般的に次のような関係が見られると言われています。 （参考：「Response Times: The Three Important Limits」 Useit.com（英語）、「10の累乗： ユーザーエクスペリエンスにおける時間スケール」 Jakob NielsenのAlertbox（日本語）） 0.1秒：ユーザは、自分がシステムを「直接」操作していると
新卒採用ページ、本当に学生視点ですか？ (ユーザビリティ実践メモ)
2011年の新卒採用活動に向けて、採用ページをリニューアルしたり、コンテンツを拡充したりする企業サイトが多くなっています。今回は、新卒採用ページを「学生視点」で作るためのポイントについて考えたいと思います。 ただその場合でも、掲載コンテンツを本当に有効なものとするには、学生の目線に立っているかどうかをチェックしてみる必要があります。 例えば、職種の紹介として、以下のような例があった場合、どちらがイメージしやすいでしょうか？ 例Aに関しては、その職種に関する業務知識がないと、内容をイメージすることは難しいですが、例Bについては、1日の流れをイメージできたのではないでしょうか。 学生は業務経験がなく、社会人にとっては常識的な業務知識もないことがほとんどです。そのため、業務知識がないユーザも理解できるような配慮が求められます。（上記では「タイムスケジュールにする」、「解説をつける」、「画像で補足
フォームでのちょっとした配慮の例 (ユーザビリティ実践メモ)
フォーム設計のポイントについては、実践メモでも何度もご紹介してきました。 フォーム設計についての記事一覧 今回は、ECサイトの「配送日時」を例にとって、フォームの改善ポイントをご紹介します。 一見普通のフォームですが、実際にユーザ行動観察調査を行ってみると、何人ものユーザが混乱する様子が観察されました。どのような問題が起こったのでしょうか？ 調査では、次のようなことが起こりました。 「配送日時は1週間以内をご指定ください」という注記の存在に気付かず、1週間以降の月日を入力してしまった。 「2月8日」と入力したが、実際に指定できるのは2月7日までだった。 翌週の水曜日で指定したかったが何日か分からずに、手元の手帳でカレンダーを確認しようとした。 開発側の視点では、「1週間以内とちゃんと明記しているのに・・・」「曜日なんて考えるまでもない」と思ってしまいがちです。 もちろん何の問題もなく使いこ
成果につながるフォーム最適化 - シナリオの重要性 (ユーザビリティ実践メモ)
また、本サイトのコラムや実践メモでも、フォームの最適化については何度も述べてきました。 【ユーザビリティコラム】登録フォームのユーザビリティ 【ユーザビリティ実践メモ】フォームに関する記事一覧 フォームはユーザがアクションを行うために通過が必要な最後の砦であり、非常に重要な領域です。しかしながら、サイトはフォームが全てではありません。 あるサイトのフォームは、ユーザビリティは十分高いと思われるにもかかわらず、リスティング広告から入ってきたユーザのフォーム通過率は10%以下という状況でした。 そこで、ユーザがフォームに至るまでの過程を調べると、次のような課題が発見されました。 課題1. サイトに入ってくるユーザ全員に対して、同じ受け方を行っていた あらゆるリスティングのキーワードに対して、同じページを受けページとして設定していたのですが、実際にはキーワードによって、ユーザの状況は下記のように
「システム視点」で機能を作っていませんか？ (ユーザビリティ実践メモ)
不動産情報サイトや転職情報サイトなど、多くの情報を掲載しているサイトでは、ユーザが複数の条件を指定して検索する、という機能が非常に重要になっています。 そのサイトで紹介している各情報の属性は、 個人、法人のいずれも募集している 個人だけ募集している 法人だけ募集している の三通りがあります。 それを反映して、サイトでの検索条件指定画面では、次のような項目となっています。 さて、この検索機能をユーザの視点から見てみましょう。 この情報検索サイトのターゲットユーザは、大きく個人ユーザか法人ユーザのどちらかです。 例えば個人ユーザであれば、「個人を募集している情報を見たい」というニーズを持っているわけです。 それでは、個人ユーザが上記のプルダウンを見たときには、何を選べばいいのでしょうか？ 「個人・法人」？ それとも「個人」？ 弊社で実施したユーザ行動観察調査では、ユーザが「自分は個人だから」と
【携帯サイト】もう1ページ先に進んでもらうための６つのテクニック (ユーザビリティ実践メモ)
せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト（ユーザ行動観察調査）
ネットリサーチを正しく利用するための3つのポイント (ユーザビリティ実践メモ)
ネットリサーチは従来のアンケートと比較して低コストかつ短期間で定量データを獲得できる有益な手段のひとつです。 しかし、その手軽さが逆に誤った結果を導き出してしまう危険性があることには注意が必要です。 ネットリサーチでは、インタビュー調査のように質問者が同席していないため、回答時の態度が見えず、無責任に回答しやすいという特徴があります。 また、調査会社に登録したモニターを対象にアンケートを行う場合、ユーザ（モニター）はアンケートに回答するだけでポイントや謝礼を獲得できるので、アンケートに「正しく」回答するインセンティブが小さく、適当に回答してしまうことがあるようです。 今回はネットリサーチにおいて回答の正確性を高める方法を3つ紹介します。 対応策1. ダミーの回答項目を用意する 選択肢の中に現実には有り得ない項目を紛れ込ませ、その項目をチェックしたユーザを排除する方法です。下の例をご覧くださ
顧客データベース分析でムダな広告費をカットする (ユーザビリティ実践メモ)
今回は、コンバージョンを成果指標としているウェブサイトにおいて、顧客データベースと連携した分析を行ない、「最終的に利益を生む顧客」の獲得に成功した事例をご紹介します。 ビジネスの目的を「利益」と考えた場合、「会員登録」「資料請求」「口座開設」などのコンバージョンは、優先度の高い中間ゴールではあっても、最終ゴールにはなりえません。 例えば、会員数をいくら増やしたとしても、その後の商品購入（利益）に結びついていなければ、「利益を生む顧客」を獲得できたとは言えません。 最終ゴールである利益を殖やすためには、顧客データベースと連携したウェブサイトの分析を行い、「最終的に利益を生む顧客」を獲得するシナリオを明確にする必要があります。 【事例】 利益ベースの分析で広告費を効率化 金融業を営むある企業では、OvertureとGoogle Adwordsの2媒体にリスティング広告を出し、「口座開設」の増加
【海外事例に学ぶ】 リッチ化するフッター (ユーザビリティ実践メモ)
これまで当サイトでも、いくつかの記事でフッターについて扱ってきました。最近、海外のサイトを見ていると、フッターについて新しい取り組みが見られます。 今回は、海外サイトの動向をサンプルとし、フッターにおける新たな取り組みのメリットをご紹介します。 Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things To Include for a User Friendly Footer ( UXBooth ) Modern Sitemap and Footer ( WebDesignerWall ) Footers (76 examples) ( Smiley Cat Elements of Design ) 例えばTIGERS （http://www.tigers.org.au）のフッター(下図)では、革
FLASHユーザビリティ3原則 (ユーザビリティ実践メモ)
FLASHによるWebコンテンツは、ビジュアルでの表現力が高く、最近はサイト全体をFLASHで構築する例もかなり多くなってきました。しかし、通常のHTMLと比べてインターフェース作成の自由度が高いため、非常に使いにくいサイトになってしまう可能性もあります。 今回は、FLASHコンテンツを設計する上で気をつけたいユーザビリティ上の3つの原則をご紹介します。 ユーザがウェブサイトを利用する上で最も頻繁に利用するブラウザの機能が「戻る」です。 弊社で実施したユーザ行動観察調査では、FLASHコンテンツの場合でも一つ前の表示画面へと戻そうとする場合、ブラウザの「戻る」ボタンを押すケースが非常に多く見られます。これは、FLASH画面内に「戻る」ボタンが設置されていても同様でした。 この問題への対策として、「表示画面ごとにURLを設定する」ことが効果的です。ブラウザはURLでページを管理しているので、
携帯サイトで会員登録を阻害する4つのハードル (ユーザビリティ実践メモ)
携帯向けサイトを運営する中で、アクセス数はそれなりにあるのになかなか会員登録に結びつかずに歯がゆい思いをされた経験のある方も多いのではないでしょうか？ 安易に広告投下費用を増やす前に、もう一度原因を考えてみましょう。 不要なメールマガジンが届くのが嫌だ 個人情報を登録することに抵抗がある 情報を入力するのが面倒 あえて登録する必要性が感じられない これらのハードルを乗り越えるためのポイントを整理しました。 1.メールマガジンは配信頻度を明記する これまでに何らかの無料サイトに登録した結果、大量のメールが届くようになったという苦い経験をしているユーザは意外と多いものです。 メールマガジンの受信が必須のサイトの場合でも、あらかじめどの程度の頻度でメールを送付するのかを明示しておくことで、一定程度ハードルを下げる効果が期待できます。 2. 個人情報を登録させる場合には理由を明記する ショッピング
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
