12/2 企業サイト制作
商業デザイン
お金をもらって作るデザイン。
価値判断の基準
どこに優先順位を置くか
制約の中で制作
- 時間
- 予算
web制作でのワークフロー
プレゼンテーション
- オリエン
- 企画・構成・デザイン案
- プレゼン
- 原稿作成・編集
- パーツデザイン
- コーディング
- テスト・デバッグ
完成・納品
更新
企画・構成
既存サイトの分析
客観性
評価の指標には客観性が求められる
- 市場調査・分析
- 競合分析
- 既存サイト分析
ユーザーニーズや競合との比較からどうあるべきかを導く
競合分析
12/9 情報設計
webは物理的にページ遷移が行えない
情報設計
- 情報自体の整理＝カテゴライズ
- 到達手段の整備＝ナビゲーション
ナビゲーション
ナビゲーションに求められる条件
- リンクの存在・リンクと判る条件
- スクロールせずに操作可能＞ファーストビューエリア
- 各ページに同じ法則性を保つ
ナビゲーションの種類
グローバルナビゲーション
- トップ第一階層のナビ
- 全てのページのスクロール不要な同じ場所に配置
ローカルナビゲーション
- カテゴリー内を移動するためのナビ
コンテツ内ナビゲーション
- ページ要素が多い場合の見出しとリンクを兼ねたもの
ナビゲーションのレイアウト
水平型
主にグローバルナビゲーション
- スクロール不要で使い勝手に優れる
- 項目数・文字数の制約を受ける
垂直型
変更の可能性のあるローカルナビなど
- 項目数の増減に柔軟に対応可能
- 下部は操作性が劣る
プルダウンメニュー
- 垂直・水平のメリットを組み合わせられる
- 使いづらい側面も
既存サイト分析と提案
コンテツの分析- 余白や空間の取り方に違いがあり、空間がある他サイトは見やすかった。
- 授業風景がわかりやすかった。
きょうのひとこと
YDAサイトももう少し良くなりそうだと思った。