「ランディングページ」の盲点 (ユーザビリティ実践メモ)
■1ページ完結型「ランディングページ」はコンバージョンまでに詳細な検討を要する商材に弱い 近年、広告をクリックした際に表示されるページとして、コンバージョンへのリンク以外を極力張らず、1ページ内で訴求を完結させる、いわゆる「ランディングページ」が普及しています。 この1ページ完結型の「ランディングページ」には、他ページへの離脱を防ぐというメリットがあり、基本的には１回の訪問で直接コンバージョンさせることを狙っています。 しかし、この1ページ完結型の「ランディングページ」が全ての商材に有効だとは限りません。まずは、この「ランディングページ」が有効な商材と、有効ではない商材の例を以下に整理しました。 ＜有効な商材＞ ・直感的にコンバージョンしやすい商材 （例）コスメ・食品等の消耗品、キャッシングなど シンプルな比較軸で選べる商材や、衝動買いしやすい商材など、１ページの情報量でコンバージョン可能
サイトID（ページ左上の会社ロゴ）のリンク先はどうあるべき？ (ユーザビリティ実践メモ)
サイトIDとは、「何のサイトか」「誰が運営しているサイトか」を表現する企業やブランドのロゴマークのことで、ページ左上に設置されるのが一般的です。 「サイトの顔」とも言えるサイトIDは、ユーザが「サイトの基点（多くの場合トップページ）に戻りたい」と思うときクリックすることが多いですが、サイトによってはユーザの予期しないリンク先が設定されており、ユーザが困惑してしまうことがあります。 今回は、サイトIDの最適なリンク先について検討したいと思います。 ビービットのアメリカ現地法人、ビービットアメリカの情報が掲載されているサイトです。このサイトでは、全社共通の企業ロゴ（赤枠）と現地法人名（青枠）がサイトIDとして表示されています。サイトIDのリンク先としては、以下の3パターンが考えられますが、どのリンク先が最もふさわしいでしょうか。 1. 全社共通の企業ロゴ（赤枠）はビービット本社トップページへ、
Webページの情報を共有してもらうための３つのポイント (ユーザビリティ実践メモ)
複数の人が関わるシナリオを意識しよう Webサイトを訪れたユーザが、商品・サービスの購入など何らかの意志決定を行う際、自分ひとりだけの判断で決めず、他の人と相談してから決めるという場合は、実はかなり多いものです。 弊社のユーザ行動観察調査では、以下のような例が見られました。 幹事役の数名が、各自で会場候補を検索各自が自分の選んだいくつかの候補を持ち寄り、どの会場にするか相談決定 【例2．企業におけるIT製品の導入】 部門の担当者が、おおまかな要求仕様を決め、メーカーサイトや販売店サイトを検索性能や価格などを一覧できる比較表を作り、IT管理者などに相談（IT管理者がWebサイトを閲覧する場合もあります）絞り込んだ候補について決裁文書を作り、上司に相談決定 【例3．住宅ローンの借り換え】 妻が金融機関サイトや比較サイトで情報収集夫に相談して候補を絞り込む絞り込んだ金融機関の店舗を夫婦で訪れ、担
【海外事例に学ぶ】「会員登録はこちら」を用いない会員化シナリオ (ユーザビリティ実践メモ)
今回は、A List Apart.掲載のLuke Wroblewski氏による記事、"Sign Up Forms Must Die"をご紹介します。 ユーザにウェブサービスを提供する上で、まずは「会員登録」を求めることはよくあることだと思いますが、今回は、「まずは会員登録」から始めずユーザの会員化を実現する方法についての記事です。 旧来の「まずは会員登録」の事例： 動画共有サイトの一つ、 Google Video( http://video.google.com/)を例にとります。ユーザはGoogle Videoに訪問し、色々な動画を見ていく中で、自分もウェブ上に動画を公開してみたいと思います。そこで、「ビデオをアップロードする(Upload Video)」を押すと、その機能を利用するためのアカウント作成を初めに求められ、以下の会員登録ページにたどり着いてフォームへの情報入力を求められます
左ナビと右ナビはどっちが良い？ (ユーザビリティ実践メモ)
ウェブサイトを設計する際に、ナビゲーションメニューを左右のどちらに設置するかで悩んだ経験はありませんか？ 弊社でウェブサイトを設計する際には、「コンテンツ」と「ナビゲーションによる誘導」のいずれが大事かによって設置位置を判断しています。 ■ナビゲーションによる誘導が重要な場合はナビゲーションを左に 例えばアマゾンなどの巨大ECサイトではナビゲーションによる誘導が重要であるため、ナビゲーションが画面から切れてしまうことのないよう、左側にナビゲーション設置しています。 上記のほかの考え方として、ユーザがそのサイトと同時に利用する競合サイトと同じ位置にナビゲーションを設置する、という考え方もあります（ユーザの慣れや先入観に配慮する）。 ナビゲーション設置時には「コンテンツ」と「誘導」のいずれが大事なのかによって設置位置を調整するようにしましょう。
フォームにおける「進む」ボタンと「戻る」ボタン。どのように配置する？ (ユーザビリティ実践メモ)
これまで実践メモではフォームを設計する際に注意すべき点をいくつかご紹介してきました。 フォーム設計についての記事一覧 今回はフォームによく出現する「進む（次へ）ボタン」と「戻るボタン」を配置する際に気をつける点を纏めました。 ウェブサイトにおいては「進む（次へ）」ボタンなど前進するものを右側に、「戻る」ボタンなど後退するものを左側に置くことが一般的になっています。 ユーザは多くのサイトを利用している中でこの配置に慣れていますので、配置が逆になっていると次へ進むつもりがうっかり「戻るボタン」を押してしまうことになりかねません。最悪の場合、これまで入力したものがクリアされてしまい、入力を一からやり直すはめになります。 そういう訳ですから、フォームのボタンを配置する際は「進む（次へ）」ボタンを右側に、 「戻る」ボタンを左側へと一般的な慣習に従う方がユーザに対して親切と言えるでしょう。 2.「進む
意外に効果的なフッターリンク ｜ 誤解を避けるコンテンツ配置のコツ (ユーザビリティ実践メモ)
ウェブサイトを訪れたユーザにできるだけ多くのページを閲覧してもらうために、どんな対応が考えられるでしょうか。 他に見たいと思うコンテンツにスムーズに移動できるようにすることが重要となります。 今回は、後者を実現するための手段の一つとして、フッターリンクの有効性についてご紹介します。 ナビゲーションリンクには、一般的には「グローバルナビゲーション」や「左ナビゲーション」「右ナビゲーション」などがありますが、中でもユーザに頻繁に利用されているのはページ下部に配置されたフッターリンクであることが弊社のユーザビリティテスト（ユーザ行動観察調査）でわかっています。 フッターリンクはページの下部に配置されるナビゲーションリンクであるため、設計時には軽視されがちです。しかし、ユーザにとってはページの上から一通りコンテンツを閲覧した後に出現する関連ページへの最も近い導線であるため、有効な手段となっているわ
強引な伝え方は効果的か？ (ユーザビリティ実践メモ)
サイトを運営していてもっとユーザに知らせたいけれどなかなか認知が取れないサービスがあり、もどかしく思った経験はありませんか？今回は、「ユーザに強制的に情報を見せる」例についてご紹介したいと思います。 このサイトでは、ほとんどのユーザがログインするとまず最新情報ページを閲覧し、すぐにログアウトするか他の個別のサービスページに遷移してしまうため、最新情報ページでいかに新しいサービスを訴求するかが課題となっていました。 このような場合、よく使われる手法として以下のようなものがあります。 ポップアップウインドウ ウェルカムページでのFlashムービー 動画の自動再生 ライトボックス（同一画面上にレイヤーを重ね、背景を暗くすることで上レイヤーに注目させる手法） このサイトでは、ライトボックスによる情報訴求が注目度が高く有効であるという仮説を立て、ログインしたユーザが最新情報ページへ移動すると同時に自
コラム一覧｜ビービット(beBit)- エクスペリエンス・デザイン・パートナー
本コラムの前編では、昨今eNPS℠が重要になってきていること、また、eNPS℠には「正当な報酬」・「正当な評価」・「顧客への貢献実感」が影響していることを述べました。 本コラムでは、仕事の役割が見える「部署」を切り口に、eNPS℠の比較を行い、そこからeNPS℠を高めていくための方法について考察・ご紹介します。 「中国のデジタルサービスが進んでいる」「中国のCX/UX※1が優れている」そんな評判や記事を最近多く耳にするようになりました。また、Alibaba傘下のAnt Financialが、Harvard大学から「先進的かつ再現可能」なビジネスとして評価され、Harvardビジネススクールの企業事例集に取り上げられたことは記憶に新しいニュースです。 コピー商品や、「安かろう悪かろう」の製品のイメージが根強くあった中国。しかし、そのような「偏見」はもう昔のことです。中国は今、デジタルを活用し
コラム一覧｜ビービット(beBit)- エクスペリエンス・デザイン・パートナー
本コラムの前編では、昨今eNPS℠が重要になってきていること、また、eNPS℠には「正当な報酬」・「正当な評価」・「顧客への貢献実感」が影響していることを述べました。 本コラムでは、仕事の役割が見える「部署」を切り口に、eNPS℠の比較を行い、そこからeNPS℠を高めていくための方法について考察・ご紹介します。 「中国のデジタルサービスが進んでいる」「中国のCX/UX※1が優れている」そんな評判や記事を最近多く耳にするようになりました。また、Alibaba傘下のAnt Financialが、Harvard大学から「先進的かつ再現可能」なビジネスとして評価され、Harvardビジネススクールの企業事例集に取り上げられたことは記憶に新しいニュースです。 コピー商品や、「安かろう悪かろう」の製品のイメージが根強くあった中国。しかし、そのような「偏見」はもう昔のことです。中国は今、デジタルを活用し
コラム一覧｜ビービット(beBit)- エクスペリエンス・デザイン・パートナー
本コラムの前編では、昨今eNPS℠が重要になってきていること、また、eNPS℠には「正当な報酬」・「正当な評価」・「顧客への貢献実感」が影響していることを述べました。 本コラムでは、仕事の役割が見える「部署」を切り口に、eNPS℠の比較を行い、そこからeNPS℠を高めていくための方法について考察・ご紹介します。 「中国のデジタルサービスが進んでいる」「中国のCX/UX※1が優れている」そんな評判や記事を最近多く耳にするようになりました。また、Alibaba傘下のAnt Financialが、Harvard大学から「先進的かつ再現可能」なビジネスとして評価され、Harvardビジネススクールの企業事例集に取り上げられたことは記憶に新しいニュースです。 コピー商品や、「安かろう悪かろう」の製品のイメージが根強くあった中国。しかし、そのような「偏見」はもう昔のことです。中国は今、デジタルを活用し
ユーザの「気になっていること」を活用しよう (ユーザビリティ実践メモ)
ウェブサイトに訪れるユーザは、何も知らずにサイトを訪れるわけではありません。 ユーザは、ウェブサイトに来る前に、TVCMや広告、雑誌の記事、あるいは店舗等で様々な情報に触れていることが普通です。 弊社のユーザ行動観察調査からの知見を二つほど紹介いたします。 例1.TVCMのイメージをウェブサイトでも活用する とある耐久消費財メーカーA社では、ユニークなTVCMでよく知られていました。A社のウェブサイトでは、そのTVCMのイメージをトップページのクリエイティブに採用していました。 弊社ユーザ行動観察調査では、そのウェブサイトを訪れたユーザは「ああ、このCM面白いですよね」などという反応を示し、ウェブサイトに対してよい印象を持つ様子が見られました。特に、サイト訪問時に強い目的志向を持っていないユーザの場合、最初にポジティブな印象を与えることで、ウェブサイトを関心を持って見てもらうことにつながり
B to Bサイトでのビジネスリード獲得方法 (ユーザビリティ実践メモ)
B to B向けの製品・サービス紹介サイトでは資料請求・問合せをビジネスゴールに設定しているケースが少なくありません。 今回はB to B向けサイトで資料請求数を効果的に増やす方法として以下の2つを紹介します。 （1）全てのページで資料請求への導線を設置する （2）ユーザの求める情報を具体的に提示する しかしB to BサイトはB to Cと比べて、訪問ユーザは製品・サービスに対して一定の興味を持っているため、そうした懸念は杞憂であると考えられます。逆に全てのページに資料請求への導線を設置していない場合、ユーザが何のアクションも起こさないままサイトから立ち去るリスクが高まります。 弊社の調査でも、あるページで欲しい情報を獲得したあと、そのページに資料請求への導線がなかったため、そのままサイトから立ち去るというユーザ行動が確認されています。 （2）ユーザの求める情報を具体的に提示する B t
Google Analytics ビービット : 「Google Analytics」導入の検討ポイントを解説します
エクスペリエンスデザイン・パートナーのビービットが執筆したコラム一覧のページです。
ユーザの慣れや先入観に配慮する (ユーザビリティ実践メモ)
インターネットの普及が進みユーザのウェブサイト利用経験が増えるにつれ、ユーザにある種の慣れや先入観が発生していることがあります。ウェブサイトやページを設計していく上では、この慣れや先入観を加味して構成を検討することが重要です。 今回はこのようなユーザの慣れ・先入観について、弊社である企業サイトのユーザビリティテスト（ユーザ行動観察調査）を行った際の事例をご紹介します。 しかし、調査においてユーザに企業情報コンテンツを探してもらったところ、ほとんどのユーザはメインコンテンツエリアに置いたリンクを見つけることができませんでした。 これらのユーザの行動をアイトラッキングで確認したところ、トップページを訪れたユーザは、メインコンテンツにほとんど視線を移すことなく画面下部のフッターを注視し、企業情報へのリンクを探そうとしていましたが見つからず、ついで画面上部に戻り、ヘッダーを探したもののやはり発見で
【海外事例に学ぶ】インタラクティブなUIでコンテンツを見せる際の注意点 (ユーザビリティ実践メモ)
Jones氏は、Ajaxを使ったタブ切り替えなどインタラクティブにコンテンツを提示するUIを用いた際の、ユーザビリティやビジネス効果(ユーザの説得)といった観点での注意点を紹介しています。以下では、その中から2つの事例をご紹介いたします。 ユーザビリティへの配慮 コンテンツを参照しにくくしていないか？ Ajaxにより、ページ遷移をしないコンテンツの見せ方が普及しつつあります。よく見られるケースとしてタブ形式のインタフェースがあります(図1)。このタイプのUIでは、素早いコンテンツの切り替えができる反面、切り替えたコンテンツはページとして存在しないため、後からユーザが参照しづらいデメリットが生じることをJones氏は指摘しています。例えば、ユーザがあるタブのコンテンツを友達と共有したいと思っても、そのコンテンツはページとして存在しないため、リンクを送っただけでは友達は別のコンテンツを見てしま
ユーザ心理を捉えてリスティング広告を改善する (ユーザビリティ実践メモ)
多くのサイトがリスティング広告を出稿していますが、過去に色々なキーワードで出稿してみたが、「獲得効率が悪い」「コンバージョンしない」などの理由で、現在は獲得単価の安い企業名やサービス名のいわゆる「指名買いキーワード」のみ出稿し、その他の関連キーワード（複合語）は出稿していないというお話を伺うことがあります。 しかし、関連キーワードの出稿は本当に停止すべきなのでしょうか？ ここでは、ある大手インターネットサービス企業での改善事例をご紹介します。 この業界には多数の競合サービスが存在しており、多くのユーザがサービスの利用を検討する際に価格.comなどでサービスの比較を行います。 実際に、検索されているキーワードでも、「●●（サービス名） 比較」「●●（サービス名） ランキング」など、サービスを比べようとしていると考えられるキーワードが多数見られます。 この企業のサービスは、単純に価格だけで比べ
Flashの読み込み時間にご注意 (ユーザビリティ実践メモ)
今回は、Flashをナビゲーションに利用する場合に「読み込み時間」に注意する必要があるという事例についてご紹介します。 探したい商品カテゴリ（例：PC・周辺機器）をクリックすると、Flashエリアの中身が変わり、そこから下位分類（デスクトップパソコン・ノートパソコン・周辺機器）を選択するようになっています。 弊社のユーザ行動観察調査の中で、ノートPCを求めてこのページを訪れたユーザがいました。このユーザは、「とにかく目当ての商品を探したい」という商品検索モードであったため、ページが表示されるとすぐに「カテゴリ選択」から希望のカテゴリである「PC・周辺機器」を選択しました。 ところが、しばらく待っても何も反応がなく、ユーザはそこで「よくわからないな」と言ってサイトから離脱してしまいました。 実はこれは、カテゴリを選んでクリックした時には、まだFlashが「読み込み中」だったことが原因でした。
コラム一覧 ｜ - エクスペリエンス・デザイン・パートナー
エクスペリエンスデザイン・パートナーのビービットが執筆したコラム一覧のページです。
完了ページやログアウト画面の効果的な使い方 (ユーザビリティ実践メモ)
サイトを訪問したユーザに対して「キャンペーンの告知」や「新製品の訴求」、「おすすめサービスの宣伝」のように、サイト訪問目的と違う何かを伝えたいということはよくあるのではないでしょうか。 そういった場合に利用できるのが、完了画面やログアウト画面で訴求したいものを表示するという方法です。 目的遂行後に表示される完了ページやログアウト画面では、ユーザに「次は■■■■をする」といった明確な意思がないことが多く、サイトが訴求したいものを受け入れてくれることがあります。 以下は弊社が行ったユーザー行動観察調査で見られたユーザの行動例です。 あるECサイトでは新しく販売した製品をユーザに認知して欲しいという希望があり、トップページなど多くの画面で新製品を訴求していました。ただし、ユーザは自分が欲しいものの買い物に一生懸命なため、新製品の訴求に一向に気付きません。 そこで試してみたのが購入完了ページでの新
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
