ユーザビリティ改善？、そんな時に役立つ「CRAP」という概念
別ブログのクロスポスト、です。ユーザビリティを改善するという、ある種漠然とした課題に対して、考えておくと便利な４つのポイントについて解説しています。
【告知】動画マーケティングの秘訣を抑えたガイドブックを配布開始しました(^_^)
想像以上の反響で驚いています。興味のある方はご覧下さい。
約３０，０００文字で６０ページ、今なら無料で配布しています。
→ http://www.7korobi8oki.com/book/video-marketing-guidebook.html
ユーザビリティコンサルタントを行なっているUserFocus社のブログから、ユーザビリティデザインに関する4つのポイントです。
これ以外にもユーザーインターフェイス設計をする際に考えておきたいポイントはありますが、まずはこの4つのポイントを押さえておくのがいいのではないかと思います。
▼A CRAP way to improve usability
具体的には以下の4つで頭文字をとってCRAPですね。
- コントラスト（Contrast）
- 繰り返し(Repetition)
- 整列(Alignment)
- 近似(Proximity)
コントラスト（対比）
- コントラストを意識することによって、ユーザに大事なものとそうでないものを直感的に伝えられる
- 次に起こして欲しい（起こすべき）アクションを伝えられる（予め殆どの場合こちらを選択するだろうというものなど）
- ケースバイケースというわけではなく「文字の太さを変える」「色を薄くする」などセオリー的なものがあるので、まずはそれを考慮するべき
繰り返し（一貫性）
- 同じコンテキストでは同じアイコン、フォントに見出しやリンク、リストのデザインを使う（デザインのガイドラインを作る）
- WEBの場合は、ユーザはすでにたくさんのサイトを見ており、一般的にはHTMLのボタンなどのデザインはデフォルトのOSUIを使っている。
そのため、ユーザエクスペリエンスの観点からデフォルトを基本的には使うべき。 - 見出しの位置や検索ボックス、ページナビゲーションの位置も同様
- 悩んだら実際にユーザが実行しているところを想像し、それをサポートするにはどうしたら良いか？と考える
整列
- 整列は実はかなり大きな効果を持っている
- 物と物とをつないだり、グルーピングするということにおいて力を発揮する
近似
- 人間はモノを把握しようとする時に、個々の要素ではなく、グルーピングされているであろう塊ごとに見るようだ（とゲシュタルト派は強調している）
- 近くにあるものは関係があるものだと思うものだ
終わりに
ユーザーインターフェイスデザインというのは、デザインの真骨頂だと私は思っています。
デザイン＝コミュニケーションツールだと思っているので、ユーザとツールを結びつける「インターフェイス」という部分はまさにデザイナーの腕の見せ所です。
直感的な操作をいかにして実現するかは、ノーマン氏の著作などにもありますが、WEBだけではない人間のエクスペリエンスや、脳がどのように形や色彩を意識するかなど、いろいろな要素がからみ合ってきいます。
おそして恐らく人種や民族、文化的な要素でも違うでしょう。
深いです、なので大好きです。ちょっとユーザビリティ関係をさぼっていたので、情報感度を上げていかなきゃなぁと思っています（いいブログなどあったら教えて下さい(^_^)
WEB戦略ニュースレターで、さらに定期的にノウハウを
海外戦略情報Facebookページ
Google+のお誘い
よろしければサークルで一緒に情報交換などさせて下さいね(^_^)（※ちなみにこのウィジェットはここで作れます。）