「デザイン確認リスト」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 6行目: | 6行目: | ||
ここでは「どういう切り口でデザインを見ればよいか」の実例を挙げて、チェックリストを公開しています。 | ここでは「どういう切り口でデザインを見ればよいか」の実例を挙げて、チェックリストを公開しています。 | ||
==コンテンツ== | |||
'''■要素''' | |||
*・要素漏れはないか? | |||
*・誤字脱字はないか? | |||
'''■優先度・関係性''' | |||
*・内容がユーザーにわかりやすく伝わるか? | |||
*・優先度は適切か? | |||
==ナビゲーション== | |||
*・ | |||
2009年12月3日 (木) 15:04時点における版
ただいま更新中!
「デザインをする」、「デザインを確認する」には視点移動のスキルが求められます。視点移動とは、いろいろな切り口でそのデザインを見るという意味です。
それは表面的に見えているものだけを、ただ見るという意味ではありません。外見からは見えない隠れた関係性を読み解き、要素を構造化していくプロセスを踏まなくては、問題の抽出は不完全なものになります。だから、デザイン案をいろいろな角度、距離から見るという視点移動のスキルは重要です。
ここでは「どういう切り口でデザインを見ればよいか」の実例を挙げて、チェックリストを公開しています。
コンテンツ
■要素
- ・要素漏れはないか?
- ・誤字脱字はないか?
■優先度・関係性
- ・内容がユーザーにわかりやすく伝わるか?
- ・優先度は適切か?
ナビゲーション
- ・
文字
■優先度・関係性
- ・強さや大きさの強弱は適切か?
- ・他要素との関係性は適切か?
■可読性・視認性
- ・ツメ、カーニングはちゃんとしたか?
- ・文字間や行間は適切か?
- ・小さすぎないか?
- ・横幅が長く読みづらくないか?
■色味
- ・他要素との関係は適切か?
- ・イメージとあっているか?
- ・赤や青の使い方は適切か?(青はリンク、赤は注意書き、強調が一般的)
■制約
- ・半角英数は?
- ・機種依存文字を使っていないか?
画像
■画像補正
- ・色味がおかしくないか?
- ・シャープ不足やシャープ過多ではないか?
- ・画像が粗くないか?
- ・ゴミは?
- ・画像は曲がっていないか?
■優先度・関係性
- ・大きさは適切か?
- ・トリミングを変えれば、さらに良くならないか?