|
|
| 1行目: |
1行目: |
| <em>ただいま更新中！</em>
| |
| <div id="manual"> | | <div id="manual"> |
| 「デザインをする」、「デザインを確認する」には視点移動のスキルが求められます。視点移動とは、いろいろな切り口でそのデザインを見るという意味です。
| | デザインを確認・評価するときのチェックリストです。<br> |
| | |
| それは表面的に見えているものだけを、ただ見るという意味ではありません。外見からは見えない隠れた関係性を読み解き、要素を構造化していくプロセスを踏まなくては、問題の抽出は不完全なものになります。だから、デザイン案をいろいろな角度、距離から見るという視点移動のスキルは重要です。
| |
| | |
| ここでは「どういう切り口でデザインを見ればよいか」の実例を挙げて、チェックリストを公開しています。 | | ここでは「どういう切り口でデザインを見ればよいか」の実例を挙げて、チェックリストを公開しています。 |
|
| |
|
| | ==チェックリスト== |
| | <em>ただいま考え中</em> |
|
| |
|
| ==全体== | | ==参考サイト== |
| | | http://www.wakayama-u.ac.jp/~matunobe/web/chklist.pdf |
| *・伝えるべきことが適切にユーザーに伝わるか？
| |
| *・要素の強弱の関係性は適切か？
| |
| *・全体的な色づかいは適切か？
| |
| | |
| *・統一すべきところは統一しているか？
| |
| | |
| | |
| ==コンテンツ==
| |
| '''■要素'''
| |
| *・要素漏れはないか？
| |
| *・誤字脱字はないか？
| |
| | |
| '''■優先度・関係性'''
| |
| *・内容がユーザーにわかりやすく伝わるか？
| |
| *・優先度は適切か？
| |
| *・ベタの使い方は適切か？
| |
| *・広告が見易さを邪魔していないか？
| |
| | |
| | |
| | |
| '''■その他'''
| |
| *・ボリュームが多いページは分けることができないか？
| |
| | |
| ==ナビゲーション、リンク==
| |
| *・ボタンはリンクと識別できるか？
| |
| *・ボタンの大きさは適切か？
| |
| *・リンクのラベリングは、ユーザーから見てわかりやすいか？
| |
| *・「こちらをクリック」など内容の想像できない名称だけになっていないか？
| |
| *・ボタン内の文字の可読性は満たされているか？
| |
| | |
| ==文字==
| |
| '''■優先度・関係性'''
| |
| *・強さや大きさの強弱は適切か？
| |
| *・他要素との関係性は適切か？
| |
| | |
| '''■可読性・視認性'''
| |
| *・ツメ、カーニングはちゃんとしたか？
| |
| *・文字間や行間は適切か？
| |
| *・文字サイズは小さすぎないか？
| |
| *・タイトルや段落と文章の間などは、適当な間隔をとっているか？
| |
| *・横幅が長くなりすぎて、読みづらくないか？
| |
| | |
| '''■色味'''
| |
| *・文字と背景とのコントラストは取れているか？
| |
| *・イメージとあっているか？
| |
| *・他要素との関係は適切か？
| |
| | |
| *・赤や青の使い方は適切か？（青はリンク、赤は注意書き、強調が一般的）
| |
| | |
| '''■制約'''
| |
| *・半角英数は？
| |
| *・機種依存文字を使っていないか？
| |
| | |
| | |
| ==画像==
| |
| '''■画像補正'''
| |
| *・色味がおかしくないか？
| |
| *・シャープ不足やシャープ過多ではないか？
| |
| *・画像が粗くないか？
| |
| *・ゴミがついていないか？
| |
| *・イメージが斜めになっていないか？？
| |
| | |
| '''■優先度・関係性'''
| |
| *・大きさは適切か？
| |
| *・スケールが違くないか？
| |
| *・トリミングを変えれば、さらに良くならないか？
| |
| | |
| | |
| | |
| | |
| | |
|
| |
|
| </div> | | </div> |