Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
サイトマップ(サイトストラクチャ)について~ KIA base 001~<br />KOUSUKE  (seven) INAMOTO<br />Generalasahi<br />
Hello!<br />稲本浩介(稲本せぶん)<br />31age  子持ちになりました。<br />株式会社ゼネラルアサヒwww.generalasahi.co.jp<br />Webディレクター、マークアップエンジニア<br />IA<b...
Agenda<br />ハイレベルサイトマップ<br />詳細サイトマップ<br />ナビ付き詳細サイトマップ<br />まとめ<br />
Agenda<br />ハイレベルサイトマップ<br />詳細サイトマップ<br />ナビ付き詳細サイトマップ<br />まとめ<br />
ハイレベル<br />=<br />抽象<br />
マイクロサイト化の検討<br />メインカテゴリの検討<br />
マイクロサイト化の検討<br />メインカテゴリの検討<br />
<ul><li>ユーザー属性
コンテンツのカテゴリ
ユーザーへ与えるタスク
企業・組織側の意図
一般的に用いられる考え方</li></li></ul><li>
トップページ<br />News<br />会社情報<br />プライバシー<br />ポリシー<br />問い合わせ<br />サイトマップ<br />コンセプト<br />情報AAA<br />情報BBB<br />情報CCC<br />情...
目的・概要・全体像<br />トップページ<br />News<br />会社情報<br />プライバシー<br />ポリシー<br />問い合わせ<br />サイトマップ<br />コンセプト<br />情報AAA<br />情報BBB<br...
Agenda<br />ハイレベルサイトマップ<br />詳細サイトマップ<br />ナビ付き詳細サイトマップ<br />まとめ<br />
“ページ単位で記述を行うため、<br />ユーザーエクスペリエンスフローを元にしながら、<br />・1ページに切り出すページ内容<br />・何と何を並列にするか<br />・ページの順序<br />・必要なナビゲーション<br />・各カテ...
= 1<br />
トップページ<br />News<br />会社情報<br />プライバシー<br />ポリシー<br />問い合わせ<br />サイトマップ<br />概要・沿革<br />事業の3本柱<br />コンセプト<br />情報AAA<br />...
具体的<br />トップページ<br />News<br />会社情報<br />プライバシー<br />ポリシー<br />問い合わせ<br />サイトマップ<br />概要・沿革<br />事業の3本柱<br />コンセプト<br />情報...
Agenda<br />ハイレベルサイトマップ<br />詳細サイトマップ<br />ナビ付き詳細サイトマップ<br />まとめ<br />
トップページ<br />News<br />会社情報<br />プライバシー<br />ポリシー<br />問い合わせ<br />サイトマップ<br />概要・沿革<br />事業の3本柱<br />コンセプト<br />情報AAA<br />...
ページの関係性<br />ナビゲーション<br />トップページ<br />News<br />会社情報<br />プライバシー<br />ポリシー<br />問い合わせ<br />サイトマップ<br />概要・沿革<br />事業の3本柱<b...
But<br />
書きにくい・・・なんかいいアイデアないっすか?<br />
Agenda<br />ハイレベルサイトマップ<br />詳細サイトマップ<br />ナビ付き詳細サイトマップ<br />まとめ<br />
ハイレベルサイトマップ<br />目的・概要・全体像の把握で土台をつくる<br />詳細サイトマップ<br />具体的にページの中身を考える<br />ナビ付き詳細サイトマップ<br />個別に創られるページをつなげサイトに仕上げる<br />
整理するためのロジック<br />
Upcoming SlideShare
Loading in …5
×

サイトマップ(サイトストラクチャ)を考える

5,045 views

Published on

  • Be the first to comment

サイトマップ(サイトストラクチャ)を考える

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

×