ユーザー視点のウェブデザインガイド

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

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

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

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

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

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

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

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

ウェブサイト、特にECサイトにおいて「写真情報」は、商品の魅力を端的にユーザーに伝えるキラーコンテンツである。それだけに、見せ方1つで大きな効果を得られることもあれば、見せ方を少し誤っただけで多くのユーザーを取り逃がす、という怖さも存在する。

そこで今回は、実際にユーザビリティテストで見られたユーザー行動を交え、「どのように商品を見せることでユーザーの購買を促進できるか」という点について考えてみたい。