SlideShare a Scribd company logo
1 of 4
Download to read offline
02 ナビゲーションを理解する




  ナビゲーションとは:



  サイト全体に流れを作り出すこと
                  (ストーリー)




                            1
02 ナビゲーションを理解する



探索モード
 1. 既知項目検索モード
   探すものがわかっている。「iMac 24inchモデルの価格が知りたい」

 2. 調査探索モード
   知識を得ながらさがす。「新しいパソコンが欲しい、iMacがいいらしい」

 3. 認識不足モード
   何を探すべきか決まっていない。「とりあえずパソコンが欲しい」

 4. 再発見モード
   以前訪れたページを探している。「先週見たiMacのページはどこだっけ?」




  どんなモードでサイトに訪れるかはわからないし、モードはすぐに変化する。
  色々な経路でアクセスされることを想定してデザインするべき。
                                          2
02 ナビゲーションを理解する



行動パターン                          ・情報のシェイプ
                                   (スタイル・形式・内容)
                                ・予測を促す適切な「変化」




                     予測
          馴化                  再オリエンテーション
異なった状況に適応する
                  さまざまな感情が生まれる(ISPモデル)            方向付け、志向




                   予測しやすい一貫性のある変化を
                     意識し、ユーザーの自信を
                      深めてゆくことが重要
                                      ・一貫性のあるナビゲーション
  ・充足化行動、流し読み
                                      ・予測から外れると
  ・0.05秒で印象が決まる
                                           「自信の落ち込み」
  ・バナー忌避現象
  ・ハロー現象
                                                            3
02 ナビゲーションを理解する



まとめ
ナビゲーションとは:サイト全体に流れを作り出すこと



・さまざまなモードのユーザーがいることを意識。
・サイト内を巡回するにつれてユーザーの自信を深め、
 それを保てるようにする。


   ラベリング            体系化         外観

   トリガーワード        ナビゲーションの分類    レイアウト
     充足化           サイト全体の構造    情報のシェイプ


                                         4

More Related Content

Viewers also liked

Viewers also liked (11)

Computer project
Computer projectComputer project
Computer project
 
calcutta university
calcutta universitycalcutta university
calcutta university
 
Who am i
Who am iWho am i
Who am i
 
satyajit roy
satyajit roysatyajit roy
satyajit roy
 
Riesgos laborales (Fisicos y quimicos)
Riesgos laborales (Fisicos y quimicos)Riesgos laborales (Fisicos y quimicos)
Riesgos laborales (Fisicos y quimicos)
 
2010 eCosway Annual Report - English Version (www.franchise-for-free.co.uk)
2010 eCosway Annual Report - English Version (www.franchise-for-free.co.uk)2010 eCosway Annual Report - English Version (www.franchise-for-free.co.uk)
2010 eCosway Annual Report - English Version (www.franchise-for-free.co.uk)
 
imaginationcubed
imaginationcubedimaginationcubed
imaginationcubed
 
calcutta niversity
calcutta niversitycalcutta niversity
calcutta niversity
 
Merge sort
Merge sortMerge sort
Merge sort
 
Agama
AgamaAgama
Agama
 
Power Training
Power TrainingPower Training
Power Training
 

Similar to 『デザイニング・ウェブナビゲーション』2章

サイトサーチアナリティクスとは
サイトサーチアナリティクスとはサイトサーチアナリティクスとは
サイトサーチアナリティクスとはMakoto Shimizu
 
Nonaka's Scrum, Phronetic Leadership and Requirements Development
Nonaka's Scrum, Phronetic Leadership and Requirements DevelopmentNonaka's Scrum, Phronetic Leadership and Requirements Development
Nonaka's Scrum, Phronetic Leadership and Requirements DevelopmentKenji Hiranabe
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
Mobile frontier chapter7
Mobile frontier chapter7Mobile frontier chapter7
Mobile frontier chapter7naoki ando
 
Ecサイトの構造設計 5月21日 東京セミナー 抜粋
Ecサイトの構造設計 5月21日 東京セミナー 抜粋Ecサイトの構造設計 5月21日 東京セミナー 抜粋
Ecサイトの構造設計 5月21日 東京セミナー 抜粋Narutoshi Gon
 

Similar to 『デザイニング・ウェブナビゲーション』2章 (7)

サイトサーチアナリティクスとは
サイトサーチアナリティクスとはサイトサーチアナリティクスとは
サイトサーチアナリティクスとは
 
UX流Web解析
UX流Web解析UX流Web解析
UX流Web解析
 
Nonaka's Scrum, Phronetic Leadership and Requirements Development
Nonaka's Scrum, Phronetic Leadership and Requirements DevelopmentNonaka's Scrum, Phronetic Leadership and Requirements Development
Nonaka's Scrum, Phronetic Leadership and Requirements Development
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Mobile frontier chapter7
Mobile frontier chapter7Mobile frontier chapter7
Mobile frontier chapter7
 
Ecサイトの構造設計 5月21日 東京セミナー 抜粋
Ecサイトの構造設計 5月21日 東京セミナー 抜粋Ecサイトの構造設計 5月21日 東京セミナー 抜粋
Ecサイトの構造設計 5月21日 東京セミナー 抜粋
 

Recently uploaded

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?akihisamiyanaga1
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NTT DATA Technology & Innovation
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...博三 太田
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)Hiroshi Tomioka
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)UEHARA, Tetsutaro
 

Recently uploaded (8)

自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
 

『デザイニング・ウェブナビゲーション』2章