ナビゲーション
ナビゲーションに求められる要件
・リンクの存在・リンクと判るデザイン
・スクロールせずに操作可能＜ファーストビューエリア
・各ページ同じ法則性を保つ
ナビゲーションの種類
グローバルなビゲーション
・トップ第一階層のナビ・全てのページのスクロール不要な同じ場所に配置
ローカルナビゲーション
・カテゴリー内を移動するためのナビコンテンツ内ナビゲーション
・ページ内要素が多い場合の見出しとリンクを兼ねたものナビゲーションのレイアウト
水平型
主にグローバルナビゲーション
・スクロール不要で使い勝手に優れる・項目数・文字数の制約を受ける
垂直型
変更のある可能性のあるローカルナビなど
・項目数の増減に柔軟に対応可能・下部は操作性が劣る
プルダウンメニュー
・垂直・水平のメリットを組み合わせられる・使いづらい側面も
12/16 コンテンツ提案とマルチデバイス対応
マルチデバイス対応
| セパレートURL | デバイスごとのページを用意し切り替える |
|---|---|
| レスポンシブwebデザイン | 同一ページをデバイス毎のCSSで切り替え |
| 動的配信 | DBで切り替える |
レスポンシブwebデザイン
メディアクエリでデバイス幅に応じCSSを切り替え既存コンテンツの分析と提案
コンテンツの分析
課題と改善策
◦情報設計の見直し
◦端的にまとめる
◦分類分けをする
企画コンテンツ案
やりたいもの
実現性の高いもの
web制作物の流れ
1.サイトマップ（サイト全体の構成）
2.ワイヤーフレーム（ページの構成）
3.デザインカンプ（ページのデザイン）
4.コーディング（実ページの作成）
XDでは１〜３をリンクをつけて作成できる