PPTのラフスケッチを添削していただく。
疑問点としてあった、ヘッダーフッダーの使い方について教えていただく。
・人の目線の動きはZに動くので左上は企業のロゴ、右上に検索、その下にタイトル、その下にサイトのメニュー。
Topページの左右に他のページへのリンク(RSS的なもの)は、クリックされやすいので避けた方がよい。
バナーは左右の下側のほうがいい。
・更新される記事には、「前の記事へ> <後ろの記事へ」を入れる。
・ロゴについて「なじらね通信」だけでは、どこのなんのサイトかわからないため、企業ロゴを入れることにこだわっていたが、
タイトルタグに入れるのでも表現できる。
・代表的な企業サイトとして
- docomo:http://www.nttdocomo.co.jp/
- 日産:http://www.nissan.co.jp/
- panasonic:http://panasonic.jp/
- sony:http://www.sony.co.jp/
どれも上記に書いたとおりになっている。どのサイトもほぼ同じレイアウトになっている。
見た目のデザインにとらわれすぎていて、使いやすさ、見やすさのことを一切考えていなかった。
今後は、ユーザービリティを意識して作成しよう。
○次の課題
今回教えていただいたことを元に、ラフスケッチPPTを修正する。
そのあとのこととして、webデザインをそっくりそのままイラストレータなどに起こすとのこと。
Dwでそのまま作っていくと思っていた。Dwでは画像をあとで調整することなどが困難なため、
先に全てを画像にしてサイズなどを決めてしまうとのこと。
ユーザービリティについてわかりやすい。
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン
http://oalp.org/doc/nilesen/