1. サイトマップ（サイトストラクチャ）について～ KIA base 001～ KOUSUKE (seven) INAMOTO Generalasahi

2. Hello! 稲本浩介（稲本せぶん） 31age 子持ちになりました。 株式会社ゼネラルアサヒwww.generalasahi.co.jp Webディレクター、マークアップエンジニア IA @sevenina sevenstyleweb.com/blog

3. Agenda ハイレベルサイトマップ 詳細サイトマップ ナビ付き詳細サイトマップ まとめ

5. Agenda ハイレベルサイトマップ 詳細サイトマップ ナビ付き詳細サイトマップ まとめ

6. ハイレベル ＝ 抽象

8. マイクロサイト化の検討 メインカテゴリの検討

9. マイクロサイト化の検討 メインカテゴリの検討

11. コンテンツのカテゴリ

12. ユーザーへ与えるタスク

13. 企業・組織側の意図

15. トップページ News 会社情報 プライバシー ポリシー 問い合わせ サイトマップ コンセプト 情報AAA 情報BBB 情報CCC 情報DDD

16. 目的・概要・全体像 トップページ News 会社情報 プライバシー ポリシー 問い合わせ サイトマップ コンセプト 情報AAA 情報BBB 情報CCC 情報DDD

17. Agenda ハイレベルサイトマップ 詳細サイトマップ ナビ付き詳細サイトマップ まとめ

18. “ページ単位で記述を行うため、 ユーザーエクスペリエンスフローを元にしながら、 ・１ページに切り出すページ内容 ・何と何を並列にするか ・ページの順序 ・必要なナビゲーション ・各カテゴリ内のコンテンツ量のバランス といった観点で検討を進める“

20. ＝ １

21. トップページ News 会社情報 プライバシー ポリシー 問い合わせ サイトマップ 概要・沿革 事業の3本柱 コンセプト 情報AAA 情報BBB 情報CCC 情報DDD BBB CCC インデックス DDD インデックス メッセージ AAA hogehoge 00000000 00000000 0001 00000000 002 003 004 005 006 007

22. 具体的 トップページ News 会社情報 プライバシー ポリシー 問い合わせ サイトマップ 概要・沿革 事業の3本柱 コンセプト 情報AAA 情報BBB 情報CCC 情報DDD BBB CCC インデックス DDD インデックス メッセージ AAA hogehoge 00000000 00000000 0001 00000000 002 003 004 005 006 007

23. Agenda ハイレベルサイトマップ 詳細サイトマップ ナビ付き詳細サイトマップ まとめ

24. トップページ News 会社情報 プライバシー ポリシー 問い合わせ サイトマップ 概要・沿革 事業の3本柱 コンセプト 情報AAA 情報BBB 情報CCC 情報DDD BBB CCC インデックス DDD インデックス メッセージ AAA hogehoge 00000000 00000000 0001 00000000 002 003 004 005 006 007

25. ページの関係性 ナビゲーション トップページ News 会社情報 プライバシー ポリシー 問い合わせ サイトマップ 概要・沿革 事業の3本柱 コンセプト 情報AAA 情報BBB 情報CCC 情報DDD BBB CCC インデックス DDD インデックス メッセージ AAA hogehoge 00000000 00000000 0001 00000000 002 003 004 005 006 007

27. But

28. 書きにくい・・・なんかいいアイデアないっすか？

29. Agenda ハイレベルサイトマップ 詳細サイトマップ ナビ付き詳細サイトマップ まとめ

30. ハイレベルサイトマップ 目的・概要・全体像の把握で土台をつくる 詳細サイトマップ 具体的にページの中身を考える ナビ付き詳細サイトマップ 個別に創られるページをつなげサイトに仕上げる

31. 整理するためのロジック

32. 説明のナビゲーション

33. IA＝Information Architecture