web_design_layout.pptVIP

Peace Piece 画面設計書 Version1.0　著者：Peace Piece 代表 江並公史 目次 １.更新履歴 ２.構成図 ３.制作における基本事項 ４.制作ルールの定義 ５.各画面仕様?設計 更新履歴 構成図 制作における基本事項① 制作における基本事項② 制作における基本事項③ 制作ルールの定義① 制作ルールの定義② 制作ルールの定義③ A-1 トップページ サブページ基本構成 B-1 会社概要 2011/12/17 更新日付 更新箇所 更新内容 A-1 トップページ B-1 会社概要 B-6 ブログ B-7 コラム C-1 料金案内 D-1 プランニング E-1 マーケティング F-1 Web制作 G-1 ブログ I-1 実績公開 H-1 コラム K-1 お問合せ J-1 リンク集 B-2 代表挨拶 D-2 企画書見本 D-3 設計書見本 E-2 手法解説 F-2 システム制作 F-3 CMS改修 H-2 内容 会社?サービス 特徴?コンテンツ サブコンテンツ その他?CV L-1 サイトマップ M-1 FAQ ナビゲーションデザイン ナビゲーション（メニュー）とは、ユーザーがサイト内を遷移する上での主要経路の事を指します。 ナビゲーションデザインにおける基本的な事は三つです。 ?メインメニューはコーポレートマーク、トップページ、他のコンテンツへの遷移へのリンクを含める。 ?メニューは全てのページにおいて、同じ位置、外観、機能で提供する。 ?行き止まりページを作らず、必ずナビゲーションを機能させる。 ?フッターメニュー部分にはページ内リンク(ページトップへ等)は設置せず、他ページへ誘導する。 コンテンツデザイン コンテンツとはWeb内における、Webを形成するモノの単位の事です。 このコンテンツ次第で「どんなWebサイトか」といったテーマや方向性が決まります。 コンテンツデザインにおいて、重要なことは多々ありますが、その中でも注意して欲しい事があります。 ?コンテンツには、タイトルに見合った内容を簡潔かつ丁寧に説明し、見出しを付ける事。 ?文章が多い場合には、画像などで簡略化出来ないかを検討し、見出しなどでストレスを軽減する事。 ?一行の文字数は表示幅の75?85％程度を意識し、一段落は四行程度。 ページデザイン コンテンツデザインより手前にあたるページ全体のレイアウト構成について記します。 ?ページデザインにおいてはユーザビリティ?アクセシビリティを優先して考えること。 ?Z字型レイアウトを基本形とし、人間の視線行動を意識すること。 ?リンクは必ずリンクだとわかる色にすること。また、アクセス済みか判断がつくようにすること。 ?リンクは画像であっても、必ずそのリンク先がどんなページかわかるように文言を追加すること。 ?全体のデザインから逸脱するような、例外的なページを作ることは極力避けること。 ユーザビリティ?アクセシビリティ ユーザビリティとはユーザーがWebサイトにアクセスした時の使いやすさの指標を指し、アクセシビリティとは、利用するユーザーを可能なかぎり限定しない仕組みのことを言います。 ?ページ毎に適切なタイトルをつけること。 ?音声ブラウザ用に画像のalt属性には必ず、画像の説明を簡潔かつ丁寧に挿入すること。 ?色覚障害者の事を想定し、色のみで情報の判断をさせるようなコンテンツを置かないこと。 ?スペースで文字間の整形をしないこと。音声用ブラウザが読み取れなくなります。 SEO SEOとは検索エンジン最適化の略で、Webコンテンツの質を高める技術です。 検索結果で上位表示されたり、質の高さからソーシャルに情報が流れ、クチコミ効果も高まります。 ?各タグの意味を理解し、正確に扱う事。titlemetah1などは特に。 ?HTMLの中にCSSを組み込む場合は長くなりすぎないように注意すること。 ?重要コンテンツには基本的にFlashやJavaScriptを活用しないこと。 ?ページ全体にリンクが行き渡るよう、リンク設計をしっかり行うこと。 効果検証?アクセス解析 Webサイトは出来上がり、公開してからが本当のスタートになります。 アクセス解析は必ず設置し、効果検証によるPDCAサイクルを必ず実行して下さい。 ?アクセス解析出来るように、設定を公開時点で必ず行うこと。 ?効果検証がしやすいよう、目標地点、目標数などを設定しておくこと。 ?コンバージョンページを明確に定めることが可能ならば、設定し、検証の材料とすること。 ?その他、ユーザー定義が必要であれば専門家の意見も伺いながら、設定をすること。 文章?文法構成 ?H