サイトマップ(サイトストラクチャ)を考える
DESCRIPTION
TRANSCRIPT
サイトマップ(サイトストラクチャ)について
~ KIA base 001 ~
KOUSUKE (seven) INAMOTOGeneralasahi
Hello!• 稲本浩介(稲本せぶん)• 31age 子持ちになりました。• 株式会社ゼネラルアサヒ
www.generalasahi.co.jp• Web ディレクター、マークアップエンジニア• IA• @sevenina• sevenstyleweb.com/blog
Agenda
• ハイレベルサイトマップ• 詳細サイトマップ• ナビ付き詳細サイトマップ• まとめ
Agenda
• ハイレベルサイトマップ• 詳細サイトマップ• ナビ付き詳細サイトマップ• まとめ
ハイレベル=
抽象
マイクロサイト化の検討メインカテゴリの検討
マイクロサイト化の検討メインカテゴリの検討
•ユーザー属性•コンテンツのカテゴリ•ユーザーへ与えるタスク•企業・組織側の意図•一般的に用いられる考え方
トップページNews 会社情報 プライバシー
ポリシー 問い合わせ サイトマップ
コンセプト 情報 AAA 情報 BBB 情報 CCC 情報 DDD
トップページNews 会社情報 プライバシー
ポリシー 問い合わせ サイトマップ
コンセプト 情報 AAA 情報 BBB 情報 CCC 情報 DDD目的・概要・全体像
Agenda
• ハイレベルサイトマップ• 詳細サイトマップ• ナビ付き詳細サイトマップ• まとめ
“ ページ単位で記述を行うため、ユーザーエクスペリエンスフローを元にしながら、・1ページに切り出すページ内容・何と何を並列にするか・ページの順序・必要なナビゲーション・各カテゴリ内のコンテンツ量のバランスといった観点で検討を進める“
= 1
トップページ
News 会社情報 プライバシーポリシー 問い合わせ サイトマップ
コンセプト 情報 AAA 情報 BBB 情報 CCC 情報 DDD
概要・沿革
事業の 3 本柱
メッセージ
hogehoge
AAA
0001
002
003
004
005
006
007
BBB CCCインデックス
DDDインデックス
00000000
00000000
00000000
トップページ
News 会社情報 プライバシーポリシー 問い合わせ サイトマップ
コンセプト 情報 AAA 情報 BBB 情報 CCC 情報 DDD
概要・沿革
事業の 3 本柱
メッセージ
hogehoge
AAA
0001
002
003
004
005
006
007
BBB CCCインデックス
DDDインデックス
00000000
00000000
00000000
具体的
Agenda
• ハイレベルサイトマップ• 詳細サイトマップ• ナビ付き詳細サイトマップ• まとめ
トップページ
News 会社情報 プライバシーポリシー 問い合わせ サイトマップ
コンセプト 情報 AAA 情報 BBB 情報 CCC 情報 DDD
概要・沿革
事業の 3 本柱
メッセージ
hogehoge
AAA
0001
002
003
004
005
006
007
BBB CCCインデックス
DDDインデックス
00000000
00000000
00000000
トップページ
News 会社情報 プライバシーポリシー 問い合わせ サイトマップ
コンセプト 情報 AAA 情報 BBB 情報 CCC 情報 DDD
概要・沿革
事業の 3 本柱
メッセージ
hogehoge
AAA
0001
002
003
004
005
006
007
BBB CCCインデックス
DDDインデックス
00000000
00000000
00000000
ページの関係性ナビゲーション
But
書きにくい・・・なんかいいアイデアないっすか?
Agenda
• ハイレベルサイトマップ• 詳細サイトマップ• ナビ付き詳細サイトマップ• まとめ
• ハイレベルサイトマップ– 目的・概要・全体像の把握で土台をつくる
• 詳細サイトマップ– 具体的にページの中身を考える
• ナビ付き詳細サイトマップ– 個別に創られるページをつなげサイトに仕上
げる
整理するためのロジック
説明のナビゲーション
IA = Information Architecture