2014.01.15 2015.09.16

Webデザインのユーザビリティを向上させる14のポイント

shin-u

1. トップ左側にロゴ、その右側か下にメニューを置く

ロゴはトップ左側に配置し、その右側もしくは下にメニューを置く。このロゴは必ずクリックできるようにして、訪問者をトップページに連れ戻すこと。理由は一般に認められた約束事だから―それは、ほとんどのウェブユーザーが当たり前に期待すること。車のデザインの中でハンドルをどこに置くか決めるのにクリエイティブになる必要がないのと同じ。

2. 問い合わせ情報や問い合わせフォームは見つけやすくする

問い合わせ情報もしくはフォームは、メニューまたはフッター内に専用のリンクを設けて別ページにするか、サイドバーかフッターにコンタクト情報を含める。

3. ヘルプページを見つけやすくする

FAQ、テクニカルサポート、ドキュメンテーションなどのヘルプページは、メニューもしくはフッター内で見つけやすくする。

4.メニューの項目は出来る限り少なくする

新規訪問者が持つ選択肢が多くなればなるほど、決断できない可能性は大きくなる（＝ナビゲーションメニューの項目のどれもクリックしなければ、直帰する確率は高くなる）。

5. リンクとボタンをマウスオーバーさせる

クリックが可能であることを強調する事で、訪問者の混乱を低下すると同時に、訪問者が望ましいリンクとボタンをクリックする可能性が増える。

6. アクティブなフォーム領域をハイライト表示する

訪問者がフォーム領域の中をクリックしたときにはそれをハイライト表示して、入力し始めた時にそこがテキスト入力されることになる場所であることを強調する。

7. リンクの色をできるだけ目立たせる

リンクの色を目立たせて、そのテキスト部分が明らかにクリック可能であることを示す。

8. 全てのことをできる限り一貫させる

不一致を避けることで訪問者の迷わせない。次の事柄などをできる限り一貫させる
（全幅ページかサイドバーのあるページかも含む）：色、リンクの色、構造、インターフェース、構成要素がどこにあるか。

9. フォームを分かりやすくする

グループ化したフォームは、フォームを分かりやすくする。例えば、苗字と名前を同じライン上に置いて、市と県を別のライン上に置いたりする。
さらに、それぞれのフォームの前にはタイトルをつけてフォーム内に何を入力すればいいのか分かるようにする。

10. 決済、登録などのプロセスのページではトップ近くにパンくずリストを追加する

これは、訪問者が、自分はどれ位プロセスを進んだのか、あとどれ位プロセスが残っているかを知るためのもの。訪問者は当て推量やあとどれ位時間がかかるのかが分からないことを嫌うため、それを取り除く。

11. “ウィンドウショッピング”フレンドリーになる

価格/仕様/説明を、リスト/インデックスページ内で素早く提示する。それらを見るためにマウスオーバーしたり、クリックして別のページに行くことを要求しない。
訪問者は自分の欲しいものを早く見つけることができるほど満足し、あなたの商品のために戻ってくる可能性は高くなる。
あなたも、非効率的なウェブデザインがつくづく嫌になって使うのを止める気持ちをよく知っているはずだ―自分のウェブサイトをそういう中の1つにしないこと。