Upgrade to Pro — share decks privately, control downloads, hide ads and more …

導覽之道 - 以iCook和Womany為例

導覽之道 - 以iCook和Womany為例

Information Architecture:Ch8 The Tao of Navigation
以iCook和Womany為例

ChiaChia Lee

May 24, 2012
Tweet

More Decks by ChiaChia Lee

Other Decks in Design

Transcript

  1. 三種導覽類型 • 結構導覽 Structural navigation • 層級 • 分成全域導覽、局部導覽 •

    關聯導覽 Associative navigation • 接下來呢?我該怎麼做?你還有什麼? • 工具性導覽 Utility navigation • 包括登入、個人檔案、書籤等 • 排除在內容外,但對網站功能至關重要 9 12年5月24日星期四
  2. 局部導覽 • 只要顯示該類別的子類別連結 • 局部導覽通常出現在全域導覽「底下」 • 1. 強化組織方式 • 2.

    讓局部導覽離頁面內容近些,所以使用者若 要找其他可去之處,會先看局部導覽 24 12年5月24日星期四
  3. 關聯導覽 • 下⼀一步?What’s next? (互動成功) • 使用者和該頁面互動成功後該發生什麼事?接 下來呢? • 安全網

    Safety nets (互動失敗) • 頁面並非使用者想要的,將發生什麼事?使用 者就快要離開你的網站了,你有什麼安全網可 以接住他? 30 12年5月24日星期四
  4. 以metadata驅動關聯導覽 • 依據時間:大約同時出版、下⼀一篇 • 依據類型 • 依據標題或主題 • 依據興趣 •

    依據擁有人或群體:來自相同作者 • 依據社群:跟你相像的其他人都看些什麼 42 12年5月24日星期四