ブロガー募集中
ECommerce Knowledgebase
ECサイト関連の役立つ情報を無料配信。世界中のECサイトニュースをいち早くキャッチできるブログ。
マイスイートホーム・・・ページ
ホームページはサイトの中で最も重要なページであるという観点から、できるだけ沢山コンテンツを詰め込もうとする傾向がよく見られる。
ホームページをどのようにデザインするべきなのか・・・この模索の過程の中でユーザビリティとデザイン性という因果関係が生まれた。
今回、ホームページをデザインする過程において重要と思われる4つのテクニックを紹介する。1つ注意しておきたいのは、このテクニックはユーザーの判断を惑わすような巧妙なトリックではないということ。むしろユーザーが無知または誤解から判断を下すことがないよう、彼らを“教育”することが目的のテクニックである。
変化しつつあるホームページの役割
ホームページの役割は変化しつつある。もはやビジターがサイトを訪問する際、最初に通過する主要なポイントではないのだ。
Jakob Nielsen氏は自身の著書“Prioritizing Web Usability”の中で次のように述べている。
「ホームページは確かに重要であるが、一番初めに表示されるページの6割を（ホームページ以外の）内部ページが占めいている。ウェブサイトは今や1000もの扉がある家のようなもので、ビジターはそのどこからでも入ることができるのだ。」
目的のコンテンツを探すのに、検索エンジンに頼るユーザーが増加の傾向にあり、その結果、ホームページ経由でサイトを訪問するということがなくなったのだ。
先に述べた6割という数字は、今後増加し続けるだろう。原因は検索エンジンだけでなく、RSSフィードもかなり影響を及ぼすと予測される。
だからといってホームページが重要ではないと言っている訳ではない。ユーザーにとってホームページはナビゲーションツールであることに変わりはない。故にホームページは、キラーアプリケーション（あるサービスやコンピュータの機種を大きく普及させるきっかけとなる、特別に人気の高いソフトウェアやコンテンツのこと：e-Wordsより）・検索・サイトマップ・その他関連するショートカットへ素早くアクセスできる場でなければならない。またそれと同時に、自分のニーズを満たすサイトであるかどうかをユーザー自身が判断できるようなページである必要がある。
この条件を満たす良い例が、Appleのサイトである。是非参考にして欲しい。
焦ってホームページを作らない
ウェブデザインをする際、まずホームページから開発を始めるのが常であるが、それは必ずしも賢明なやり方ではないと考える。
代わりに、普通のテキストページのような、比較的重要度の低いページから開発を始めるデザインプロセスはどうだろうか？
これは、一番初めに表示されるページの6割を（ホームページ以外の）内部ページが占めいているという事ともう1つ、サイトの大部分がこれら普通のテキストページから成るためである。
テキストページからデザインし始めることにより、サイト全体のデザインスタイル・ユーザビリティ・アクセシビリティをきちんと確立することができる。
ホームページ開発を後に回すのは、戦略的な意味ばかりではない。ホームページはユーザーをサイト内のキーコンテンツへ誘導する、案内標識の役割を担うため、サイトコンテンツが最も効果的に反映されていなければならない。サイト全体のコンテンツを把握し、どのコンテンツを“標識”とするのがベストなのか、きちんと理解できていないと効果的なホームページは作れない。
空白部分（White space）の重要性とその役割
ホームページ制作の際、明確に理解してほしいのが空白部分の重要性とその役割である。
“The Laws of Simplicity” の中でJohn Maeda氏はこう述べている。
「空白部分を増やすことによって、逆にテキストや画像のインパクトを高める効果を得ることができる。」
ホームページにコンテンツを詰め込みすぎると、個々のコンテンツのインパクトが減ってしまうということである。
もしあなたがホームページ制作を依頼されたウェブデザイナーだとしたら、この点についてクライアントにどのように説明するだろうか？
「見栄えが良いから・・」や「空白部分が重要だということは周知の事実だから。」といった説明では彼らは納得しない。
そこでクライアントに空白の重要性を理解してもらうための良策を紹介したいと思う。
まずクライアントと一緒に、ホームページに掲載したい項目のリストを作成する。メニューバー・サイトツール・サーチボックスといったナビゲーションは省き、シンプルなリストを作成するのがポイント。
リストが出来上がったら、次は各項目に点数（ポイント）を付けていく。クライアントが自身のユーザーに個々の項目に対してどのくらい注目して欲しいか、その度合いが点数となる。必ず1点は各項目に割り振ること。クライアントが特定の項目に関してもっと重点を置きたい場合は、点数を上げていく。
例：
ニュースレター登録 （4ポイント）
最新ブログ （3ポイント）
キラーアプリケーション （3ポイント）
新商品の紹介 （3ポイント）
テスティモニアル（推奨型広告） （2ポイント）
———————————————
計 15ポイント
クライアントに与えるトータルポイント数は基本的に自由であるが、私個人の経験から、15ポイント位が丁度良いと思われる。
尚、シンプルなデザインを望むクライアントにはポイントを少なめに、逆ににぎやかでダイナミックなデザインを望むクライアントにはポイントを多めに与えるとしても良い。
重要なのは、ホームページに載せる項目が増えれば増えるほど、個々の項目に対するインパクトが減ってしまうということに、クライアント自身が気付くこと。掲載する項目を減らすことによって必然的に空白が増え、間接的にではあるが、空白部分の重要性をクライアントに認識してもらうことができる。
“フォールド”は存在しない
クライアントが空白部分の重要性を理解する妨げとなる要因で厄介なのが、「ユーザーはスクロールしない」と信じている点である。故にスクロールせずに見ることができる画面上に、ホームページ上のコンテンツのほとんどを表示したいと主張する。
スクロールせずに画面内に表示できる部分と、画面からはみ出してしまう部分の間には目に見えない架空のライン“フォールド”が存在する。ウェブサイトの場合、ユーザーがスクロールを始めるポイント（＝フォールド）は、ブラウザ・ウィンドウサイズ・ツールバーの数などによってユーザー間で異なる。目に見えない架空のラインであるにもかかわらず、多くのクライアントがこのフォールドに随分悩まされてきた。
しかしながら実際のところ、ユーザーはスクロールをするのである。最近のレポートでは、4分の3以上のユーザーがある程度まではスクロールすると予測しており、その内の22％がページの最後までスクロールすると報告している。22％というと少ないようにも感じられるが、この結果にはリピーターも含まれており、彼らがこの調査の前にすでにページの最後までスクロールしてコンテンツを把握しており、そのためにスクロールしなかったことを考えると、決して少ないパーセンテージとは言えない。
この報告を踏まえ、クライアントをフォールドの制約から解放することがウェブデザイナーとして重要となる。
最後に・・・
以上、ホームページをデザインする際に重要な4つのテクニックを紹介したが、効果的なホームページのデザインについてさらに詳しく知りたいという方は、Jakob Nielsen氏の著書、“Homepage Usability”をお勧めする。また、Derek Powazek氏の記事も素晴らしいので、是非参考にして欲しい。
この記事の原文については、HOME SWEET HOME を参照のこと。
Popularity: 9% [?]
関連する記事
コメントをどうぞ
コメントを投稿するには ログイン してからお願いします。.