「ユーザー視点のウェブデザインガイド」 人気記事ランキング

ここ数年、モバイルサイトの利用者は増加の一途をたどっており、企業ビジネスにとっても携帯サイトの重要性はエンターテインメント系のみならず高まっている。

その反面、携帯サイトはPCサイトとは異なるユーザー特性があるにもかかわらず、設計についてのノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、闇雲に見た目だけを新しく装ったサイトが多いのが現状である。

今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。

ユーザー視点のウェブデザインガイド　
第0回　その気になった客を逃さないフォーム設計術

現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？

「ファーストビュー」、すなわち「ユーザーがサイトを訪問したその瞬間に画面に表示される領域」は、画面設計・デザインにおいて、常に意識しなければならないポイントの1つだ。限られたスペースの中で、いかにコンテンツに優先度を付け、効果的に構成するか、かなり悩まれた経験のある方も多いのではないだろうか？

そこで今回は、「ファーストビューだけでは抱えきれない情報を、いかにユーザーに訴求するか」に焦点を当て、コンテンツからコンテンツへとユーザーの目線を効果的に誘導するテクニックを紹介しよう。

ユーザー視点のウェブデザインガイド　
第3回　「資料請求」「問い合わせ」「会員登録」を増やすコツ

大好評のユーザー視点のデザイン講座、第3回は、サイトの目的である資料請求などのアクションを行ってもらう率を高める方法。ユーザーをゴールへと効果的に導くための具体的な画面実装の方法を紹介する。

ユーザー視点のウェブデザインガイド　
第1回　サイト訪問者の目線で考える

現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？

企業サイトやキャンペーンサイトのトップページなどでは、マウスを乗せると内容が切り替わるタイプのFlashを使うことが多くなってきている。

アニメーションムービーだったり、動的なバナーだったり、インターフェイスそのものだったり、Flashの活用方法もさまざまだ。ところが、このFlashが曲者である。数々のユーザービリティテストやアイトラッキング調査の結果から、Flashの使い方を一歩間違えると、途端にユーザーが使えない代物になってしまったり、見向きもされなかったりすることがわかっている。多数の要素を限られたスペースに入れるがゆえに、その実装には細心の注意を払い、ユーザーにきちんと見てもらえるものに仕上げることが重要なのだ。

そこで、今回はトップページにおけるFlash、その中でも「切り替え機能の付いたFlash」を採り上げ、まずは実装時に配慮すべき基礎的な観点を解説し、その後で効果的かつユーザーにとっても使いやすい見せ方について具体的な例を取り上げたいと思う。

ユーザー視点のウェブデザインガイド　
第6回　サイト価値を最大化するためのトップページ設計術
～4パターンの訪問者を想定して作るトップページデザイン

トップページの設計やデザインは、ウェブサイトの構築を行ううえで、最も難しいポイントの1つだろう。構成するコンテンツの多さに加え、さまざまな制約やこだわりなどによって、四苦八苦したことのある方も多いのではないだろうか。

そんなときに重要なのは、単にうわべのデザイン（見た目）や色を変えることではない。ユーザビリティテストやアクセス解析によって、「トップページは何のために存在しているのか」「どんなシーンで利用され、訪問者はどのようなコンテンツへと移動したいと考えているのか」を明確にしたうえで、「あるべきトップページの姿」へと落とし込むことが、サイトの成功には不可欠である。

ユーザー視点のウェブデザインガイド　
第2回　視線の動きからユーザーの行動を読み解く「アイトラッキング分析」

大好評のユーザー視点のデザイン講座、第2回は、海外記事などで話題の「アイトラッキング分析」。特別なシステムを使って得られる、サイトを見る人の視線の動きのデータを元に、サイトの改善を考えてみよう。

ユーザー視点のウェブデザインガイド　
第4回　予想外の行動をするユーザーの心をつかまえる
～ユーザー中心設計実践のコツ～

これまで、「ウェブページのフォーム」や「ユーザーの目線」といったテーマを採り上げて、ユーザーにとって使いやすい（≒ビジネスに貢献する）サイト設計のコツについて書いてきた。今回は、実際にユーザビリティテストを行った結果わかった特徴的な行動パターンを具体的に交え、ユーザーの行動や心理モデルを踏まえた設計のコツについて解説する。

ユーザー視点のウェブデザインガイド　
第7回　コンテンツの魅力を引き出すユーザーフレンドリーなウェブライティングのコツ

「Contents is King」という言い回しを見聞きしたことはあるだろうか？ ともすればテクニカルな施策に頭を奪われがちであるが、ウェブサイト成功のそもそもの根本概念として「コンテンツが魅力的である」ことに勝るものはないという事実を忘れてはならない。いくら多くのユーザーを連れてきても、あるいはいくらアクセスログ解析を行ってサイトの構造を最適化しても、コンテンツそのものに価値や魅力がない限り、（特に中長期的に）ビジネスに貢献するウェブサイトの実現は不可能なのである。

そこで今回は、コンテンツの魅力を最大限に引き出すための“ウェブライティング”について実例を交えて紹介しよう。