2002年 ウェブ・デザインの間違いトップ10

1. 価格情報の欠落

B2C の e コマースサイトでこの間違いを犯すところはないはずだ。だが、B2B ではこれが蔓延している。「エンタープライズ・ソリューション」をうたいながらも、その規模が 100 人を対象としたものなのか、10 万人なのかすらわからないところがほとんどだ。価格とは、顧客にとってその提案を理解する上でもっとも大事な情報であり、これが提示されていなければ、読む人は行き詰まり、製品ラインを十分理解できなくなる。私たちの手元には、「値段はどこにあるんだ？」と言いながら頭をかきむしっているユーザのビデオが、いやというほどある。

B2C サイトですら、カテゴリー・ページや、検索結果といった製品リストでは、価格を表示するのを忘れていることが多い。いずれの場合も価格がキーになることはわかっているはずだ。製品を見分け、もっとも見込みの高いものをクリックする上で、必要不可欠な情報だ。

2. 融通のきかない検索エンジン

必要以上に一言一句にこだわる検索エンジンは、ユーザビリティを低下させてしまう。入力ミスや、単数／複数の違い、その他の検索語の揺れに対応できないものが、これに該当する。こういった検索エンジンは、特に高齢者のユーザにとって使いにくいものになるが、誰にとっても問題ではある。

これに関連して、検索結果の優先順位を、文書の重要度ではなく、キーワードの出現回数だけで判断する検索エンジンも問題だ。リストの最初に「本命」が表示されるようになっていれば、かなりすばらしい。自社製品の製品名など、重要なキーワードに関しては、特にそうである。

3. 水平スクロール

ユーザは、左右にスクロールするのが大嫌い。だが縦方向のスクロールは問題ないようだ。おそらく、はるかに頻繁に見受けられる事例だからだろう。

800 x 600 ピクセルなどの標準サイズのウィンドウで水平スクロールが必要になるウェブページは、特にイライラする。どういうわけか、幅805ピクセルのブラウザ・ウィンドウに最適化されているらしいウェブサイトがたくさんある。こんな解像度はめったにないし、余分な5ピクセルが、わずかなりとも、頭の痛い水平スクロール（および、水平スクロール・バーに占有されるスペース）を生み出す一因にもなっているというのに。

4. 固定フォントサイズ

残念ながら、スタイルシートのおかげで、ウェブ・ブラウザの「文字のサイズ」ボタンは、ウェブサイト側の勝手で無効にできるようになってしまった。この時固定される文字サイズは、ほぼ95％の確率で小さすぎ、40 歳を超えた人間にとっては非常に読みづらい。

ユーザの設定を尊重し、必要に応じて文字サイズを変更できるようにしておこう。また、文字サイズの指定は相対値にしておくこと。ピクセル単位での絶対値指定は避けよう。

5. テキストのかたまり

一面を壁のようにテキストで埋めてしまうと、インタラクティブ体験にとっては致命傷となる。ユーザは圧倒され、退屈し、読むのが苦痛になる。

印刷用でなく、オンライン向けの文章作法に従おう。読む気を起こさせ、斜め読みしやすいものにするためには、よく知られたいくつかのコツがある。

• 小見出し
• 箇条書き
• キーワードの強調
• 短い段落
• 逆ピラミッド型叙述
• シンプルな文章スタイル、そして
• 過剰なマーケティング抜きの簡潔な言葉づかい

6. JavaScript を使ったリンク

リンクは、ウェブの基本的な構成要素である。これを理解し、様々なブラウザの機能を使いこなせるかどうかが、ユーザのオンライン・スキルを決める鍵となる。

リンクが期待通りに動かないと、そのシステムは理解しにくくなる。リンクは、今見ているページが新しいコンテンツに入れ替わるという、シンプルなハイパーテキスト参照にしておくべきだ。ユーザは、勝手にポップアップするウィンドウを嫌う。新しいページで開きたい時は、ブラウザの「新しいウィンドウで開く」コマンドを使えばいいのだ。もちろん、このためには、リンクが、ブラウザの標準的な動作を乗っ取るようなコードで書かれていてはダメである。

ユーザの行き先は、ユーザが決めるのが当然だ。コンピュータが一貫性ある動きをしていれば、ユーザは自分のツールを利用して、これを正確に使いこなせるようになるだろう。

7. FAQ の中のめったにない質問

こんなことを聞いてくれたらいいのに、と企業サイドが願っているだけの質問を、FAQ の中に取り入れているウェブサイトがあまりにも多い。これはよくない。情報デザインがシンプルな FAQ には、拡張性があまりない。掲載するのは、よくある質問だけにとどめておくべきだ。ウェブサイトの一機能として FAQ を役立てる方法は、これ以外にない。めったにない質問が入っていると、ウェブサイトに対する信用が損なわれ、ナビゲーションの理解にも悪影響を与える。

8. プライバシー方針なしでの電子メール・アドレス収集

ユーザは、受信箱に関して守りの姿勢を強めている。ユーザ・テストでは、ウェブサイトで電子メール・アドレスを聞かれるたびに、ユーザはネガティブな反応を示している。

無料だからといって、必ずしもニュースレターの講読申込みをしてくれるとは限らない。何がどれくらいの頻度でメールボックスに届けられるのかを、その場で明らかにすること。また、入力フィールドのすぐ近くに、プライバシー方針、あるいはオプト・インのチェックボックスを配置しておくこと。さもなくば、mickey@mouse.com 以外の電子メール・アドレスが集まる見込みはほとんどない。

9. URL > 75 文字

長い URL は、ウェブの社会的ナビゲーションを損なう。推薦したいウェブページを電子メールで友人に送るのが、実質的に不可能になるからだ。URL がブラウザのアドレス欄に入りきらないくらい長くなると、それをどうやって選択したらいいか、わからなくなるユーザが多い。電子メール上で複数行に分割されてしまった URL を、元通りにくっつける方法がわからない受信者もたくさんいる。

その結果は？URL が長すぎるというだけで、バイラル・マーケティングが不可能になる。こんなことで商機を逃すのは、もったいない。

10. 思いがけないところに仕込まれた Mailto リンク

ウェブでリンクをクリックした時、何を期待するだろう？クリックしたアンカーに関する情報の入った新しいページが表示されることだ。

では、期待しないことは？電子メール・ソフトが立ち上がり、何か読むかわりに、何か書けと言われることだ。

Mailto リンクは、電子メール・アドレスであることがはっきりわかるアンカーにのみ用いるべきだ。これは、表示形式（donald@duck.com）か、または文言（顧客サポートへ電子メールを送信）によって明示できる。名前には mailto リンクをつけないこと。人名をクリックしたら、人物紹介ページに行くのが普通だ。

ここでもやはり、インタラクション・デザインは、ユーザの期待を裏切ってはいけない。動作が一貫していれば、ユーザには自分のできることがよりよく理解できるようになり、システム習熟の実感もより多く得られるようになる。期待を裏切ればユーザは抑圧を感じる。テクノロジーが人間を支配し、インタラクションの主導権を損なわれた気持ちを抱く。