2011-01-24

PPTのラフスケッチを添削していただく。

打合せ

疑問点としてあった、ヘッダーフッダーの使い方について教えていただく。
・人の目線の動きはＺに動くので左上は企業のロゴ、右上に検索、その下にタイトル、その下にサイトのメニュー。
　Topページの左右に他のページへのリンク（RSS的なもの）は、クリックされやすいので避けた方がよい。
　バナーは左右の下側のほうがいい。
・更新される記事には、「前の記事へ＞　＜後ろの記事へ」を入れる。
・ロゴについて「なじらね通信」だけでは、どこのなんのサイトかわからないため、企業ロゴを入れることにこだわっていたが、
　タイトルタグに入れるのでも表現できる。

・代表的な企業サイトとして

どれも上記に書いたとおりになっている。どのサイトもほぼ同じレイアウトになっている。
見た目のデザインにとらわれすぎていて、使いやすさ、見やすさのことを一切考えていなかった。
今後は、ユーザービリティを意識して作成しよう。

○次の課題
今回教えていただいたことを元に、ラフスケッチPPTを修正する。

そのあとのこととして、webデザインをそっくりそのままイラストレータなどに起こすとのこと。
Dwでそのまま作っていくと思っていた。Dwでは画像をあとで調整することなどが困難なため、
先に全てを画像にしてサイズなどを決めてしまうとのこと。

ユーザービリティについてわかりやすい。
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン
 http://oalp.org/doc/nilesen/

2011-01-22

ラフ作成３

ここまでの手順

１，アイディアを頭でふくらませる。紙に書いてもいい。
２，参考になりそうなのを探す。本、webから。webだったら、クリップするかキャプチャにとる。本には付箋。
３，紙にラフスケッチのラフスケッチ。できるだけたくさん。
４，PPTにラフスケッチのラフスケッチを起こす。

○疑問や感じたこと
・３〜４で自分のアイディアも入れることができた。
　参考のサイトとそっくりになってしまう不安もあったけど、そうでもなかった。
・実態のないもの（サービスとか）では、イメージ画像が大きい（多い）ものは難しい。
・レイアウトのスタイルってほぼ決まっている。（レイアウトのセオリーの本を読んでいるから当たり前。）
・ヘッダーフッターの部分は何を配置すべきか？よくわからなかった。
・「グリッドレイアウト」バランスが良くていい。