問い合わせや申し込みなど、Webサイトのコンバージョンに直結するフォーム。コンバージョン率を何とか上げようと個々の入力項目を細かく改善しても、費用対効果の高い改善は見込ません。 入力フォームの定量分析は、個々の入力項目という「木」を見る前に、その木はどんな「森」のどんな部分に生えているのかを見る必要があります。 たとえば、未記入のまま送信されて頻繁にエラーになる項目があったとしても、諦めずに再入力して送信を終えているのなら、致命的な問題とはいえません。 そこで今回は、ユーザー視点でフォームの利用行動をモデリングし、改善すべき箇所を特定する方法と、見るべきデータ、改善ポイントについて紹介します。 フォームの利用行動をモデリングしよう フォームがユーザーにどのように利用されるのか、どのような理由でフォームへの記入が中断（ドロップ）されるのかについて、図解しながら考えてみます。 この例ではユーザ

マウスカーソルを重ねると下層の項目が開く階層型のメニュー（ドロップダウン）では、カーソルを注意深く移動しないとメニューが閉じたり、隣のメニューが開いたりしてしまうことがあります。 Amazonでは、このような誤動作を防ぐために、カーソルが下層のメニューに向かって移動している間はメニューが少し長めに開き続けるようになっていることが最近、ブログで紹介され、話題になりました（英語のオリジナル記事／日本語の紹介記事）。 操作してみると確かに快適ですが、説明されなければ気がつかない地味な工夫です。 ユーザーの利便性を高めるために地道に改善を積み重ねるのも大事ですが、誰にも気がつかれないのはもったいない話です。効果を定量的に検証できるようにすれば、制作スタッフの貢献度が社内で認知されるようになり、いろいろな提案が通りやすくなるでしょう。 また、改善のつもりが実は効果が薄く、作り手の自己満足で終わること

会員登録制サイトに欠かせないログインボタン。ヘッダーの右上に設置されていることが多いですが、購入などのアクションを起こした時点でログインフォームを表示するようにしておけば、ユーザーにわざわざ「ログインボタン」をクリックしてもらう必要性は薄れます。 ユーザーが明示的にログアウトしない限り、ログイン状態を維持しておくのも有効です。後日再訪問したときには「ようこそ○○さん」などと表示し、ログイン状態が続いていますが、購入や登録情報の閲覧など高いセキュリティが必要なアクションでは再度認証を求めます。わざわざログインしないでもパーソナライズされた情報が表示されるので、ユーザーにとって利便性が高く、運営側にも「会員の行動履歴を取得しやすい」「ターゲティングによりコンバージョン率が上がる」などのメリットがあります。 このように、「ログイン」「ログアウト」ボタンはどの程度目立たせればよいのでしょうか？　今

アップルのサイトで印象的な「カルーセル（画像スライダー）UI」。しばらくすると、ページ上部の大きなエリアが右から左へなめらかに流れていきます。エリア下部のドットや左右の「＜」「＞」をクリックし、手動でも切り替えられます。 カルーセルにはバリエーションがありますが、本記事で取り上げるのは以下のようなスライダー型のUIです。 エリア全体が一定間隔で右から左へ流れていく エリア下部のドットが現在位置を表す ドットや左右の「＜」「＞」をクリックし、手動でも切り替えられる ページを遷移することなくコンテンツが切り替わるので、貴重なエリアを有効活用できる点が優れています。タブと違って、隠れたコンテンツが気付かずに埋れてしまうことも減りそうです。 ただし、広告だと無視されてしまうバナーブラインドネス効果が発生するリスクがあります。脈絡が無く連続性の低いプロモーション画像をつなげると違和感があるため、CD

Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません。 本連載では、マーケティング施策の効果測定として使われることが多いアクセス解析のツールと考え方を応用し、WebサイトのUIや機能の利用状況、効果を検証する方法を紹介します。Google Analyticsなどの無料ツールを使い、Web制作者が時間やお金をかけずにできる考え方と具体的なテクニックを実践的に解説します。 Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません