WEB + PC

　ユーザビリティについては、これまで経験的にしか学んでこなかったのだが、何かそういう知識が一冊にまとまった本があるといいなと思っていた。で、ちょっと捜してみたら、やっぱりあるものだね（既に１年ほど前に出版されている）。ざっと目を通してみたけど、これはなかなか役立ちそうだ。

　で、紹介がてら下記に目次を付しておく。（この本の目次、第４章のあたりが誤って本文とカテゴリ分けがずれていたので、勝手に訂正してある。最近の出版物って校正が甘いものが増えている気がするよ。）
　この目次、基本的にこのままユーザビリティのチェックシートとしても使えると思う。

Webユーザビリティ・デザイン　Web制作者が身につけておくべき新・100の法則。

• 第１章　Webサイトを作る前にやるべき法則
  • 目的とターゲットユーザーに基づいて企画する
    1. 長期継続か短期のインパクトか目的をしぼる
    2. Webサイトの目的を考える
    3. ターゲットユーザーを考える
    4. 競合サイトを研究する
    5. ユーザーからのフィードバックを受け入れる体制を整える
    6. 技術志向ではなくユーザー志向で考える
  • ユーザーの行動からサイトの構造を考える
    7. コンテンツを整理してランク付けをする
    8. ユーザーの目的を細分化してランク付けをする
    9. コンテンツとタスクから基本構成を考える
    10. Webサイトの企画とドメイン名をセットで考える
  • コラム　Webサイトを作る前にやるべき法則
• 第２章　基本構造とレイアウトの法則
  • 構造と文字情報でユーザビリティを向上させる
    11. わかりやすいディレクトリ名とファイル名を使う
    12. ページの内容がひと目でわかるtitle要素にする
    13. alt属性で画像の代替テキストを入れる
    14. 検索結果をわかりやすくする
  • 目的の情報を見つけやすいレイアウトにする
    15. ユーザーがわかりやすいカテゴリに分ける
    16. ナビゲーションに例外規則を作らない
    17. フッター部分から次のアクションへ結びつける
    18. レイアウトで情報を明確に区分する
    19. ユーザーの視線をコントロールする
  • 使いやすいWebデザインを理解する
    20. 文字サイズはユーザー側で変更できるようにする
    21. Webサイトの横幅は1,024ピクセル表示を前提にしない
    22. 文字と背景色の組み合わせを考え、コントラストを十分にとる
    23. Webサイトのテーマカラーを決める
    24. コンバージョンを上げるサイト設計にする
    25. 1ページの情報を多くして盛りだくさん感を演出する
    26. CSSで印刷されることも考えたページをデザインする
    27. ノイズのないデザインを目指す
  • コラム　基本構造とレイアウトの法則
• 第３章　ユーザーをWebサイトに引き込むための法則
  • 離脱させないための基本を押さえる
    28. どのページから入ってきても次の行動がわかるように設計する
    29. ランディングページの最適化を図る
    30. 会員登録とログインでユーザーを囲い込まない
    31. すべてのページに問い合わせ先を明記する
    32. 掲載したページを削除・移動・リネームしない
  • ホームでWebサイトの特徴を伝える
    33. どのページからでもホームに戻れるようにする
    34. Webサイトの目的やテーマはタグラインで瞬時に伝える
    35. トップページでユーザーを信頼させる
  • コラム　ユーザーをWebサイトに引き込むための法則
• 第４章　引き込んだユーザーを迷わせないための法則
  • 使いやすいリンクの基本を再確認する
    36. テキストリンクには具体的な内容を記載する
    37. テキストリンクはWebブラウザの標準仕様をベースにデザインする
    38. target=”_blank” による新規ウィンドウ表示は避ける
    39. HTMLページ以外へのリンクは事前に知らせる
    40. ページ内リンクは他ページへのリンクと区別してわかりやすくする
    41. 画像リンクはまわりとのメリハリで目立たせる
    42. サムネイル画像リンクからアクションを起こしやすくする
    43. ページの「戻る」リンクはJavaScriptではなくURL指定にする
  • 文字情報の読みやすさを向上させる
    44. 文章の行間を調整して読みやすくする
    45. 読まずにパッと見てわかる文章にする
    46. 表記と用字用語を統一してユーザーの混乱を防ぐ
    47. ユーザーが誤解しやすい表現は避ける
    48. 機種依存文字は使わない
    49. 外国語はカタカナ表記でわかりやすく検索しやすくする
    50. 製作者ではなくユーザーにわかる言葉を使う
    51. ページ内にスクロール枠は付けない
    52. テキストをスクロール／点滅させない
  • 文字以外の要素のユーザビリティを向上させる
    53. Webサイトの目的に応じて画像の量や使い方を決める
    54. アイコンには意味をそえる
    55. CSSで読みやすい表組みを作成する
    56. 図や表の統一を図る
    57. 印刷できて迷わない地図ページを作る
  • ユーザーを安心させる仕組みを取り入れる
    58. ユーザーが本当に安心できるSSLを導入する
    59. 情報バーで注意される技術は使わない
    60. 「よくある質問と答え」でユーザーの問題を解決する
  • Webサイトのナビゲーションを充実させる
    61. 現在位置を常に明確にする
    62. サイト内検索ボックスを各ページに付ける
    63. サイト内検索の結果表示の最適化に力を入れる
    64. サイトマップはユーザー用と検索エンジン用を分けて作る
    65. 要所にナビゲーションを置いてサイト共通のナビゲーションを補完する
  • コラム　引き込んだユーザーを迷わせないための法則
• 第５章　登録したくなるフォームの法則
  • フォームを入力しやすくする
    66. フォームの項目は本当に必要なものだけにしぼる
    67. 制限入力と自由入力を使い分ける
    68. 入力制限をできるだけ減らす
    69. 自動入力で入力ミスを減らす
    70. 入力内容に合わせたフォームの要素を使う
    71. 単純な２択でもフォーム要素を使い分ける
    72. 初期値を上手に使ってユーザーの手間を省く
  • 途中で離脱させないポイントを理解する
    73. 複数ページにわたるフォームは現在位置を終了までの過程を明示する
    74. ユーザーを混乱させるボタンは付けない
    75. エラーで画面を切り替えない
    76. エラーは画面上部と問題個所に具体的に表示する
  • コラム　登録したくなるフォームの法則
• 第６章　ユーザーの視点・行動から分析する法則
  • ユーザーテストで行動を事前に把握する
    77. ユーザーテストは企画段階で実施する
    78. ユーザビリティチェックシートを活用する
    79. ユーザーテストの結果を反映させる
  • アクセス解析ツールを使いこなす
    80. 閲覧時間が長いページの離脱率を調べる
    81. 出口ページをつきとめてユーザーの離脱を防ぐ
    82. ユーザーの直帰率を改善する
    83. リピーター向けに項目別ナビゲーションを作る
  • コラム　ユーザーの視点・行動から分析する法則
• 第７章　FlashやAjaxなどのトレンドを取り入れる法則
  • FlashやAjaxのユーザビリティを向上させる
    84. ここぞの場所でこそFlashを使う
    85. ウィンドウは最大サイズで開かない
    86. skipありきでFlashコンテンツを考えない
    87. Flashの待ち時間をユーザーに伝える
    88. ユーザーインターフェイスはリアルさよりも使い勝手を優先する
    89. Flashのメニューはユーザーが直感的に使えるようにする
    90. Flashでは標準のパーツを活用する
    91. FlashやAjaxを活用して無駄なページ移動を減らす
    92. シームレスな画面の変化をユーザーに意識させる
    93. スライドしながら展開するコンテンツは見た目でわかるようにする
    94. テキストはできるだけ画像にしない
  • 最新トレンドを上手に取り入れる
    95. 音声や動画はコントロールできるようにする
    96. 新技術を取り入れる目的と対象を明確にする
    97. RSS配信には説明を付ける
    98. ブログを知らなくてもトップページとほかの記事に移動できるようにする
    99. ブログもユーザビリティに配慮する
    100. 「ポッドキャスト」を知らないユーザーでも使えるようにする
  • コラム　FlashやAjaxなどのトレンドを取り入れる法則
• 付録　Google Analytics の導入方法
• 用語集
• 索引