- 框架層
- 功能型產品注重介面設計
- 資訊類產品注重導覽設計
- 全域導覽
- 局部導覽
- 輔助導覽
- 文內導覽 (contextual/inline)
- 友好導覽 (courtesy)
- 遠程導覽
- 資訊設計
- 線框圖 (Wireframe)
https://docs.google.com/presentation/d/1hapkkAVjl0E60okXYxMEc2AFJC0j1__-/edit?usp=drive_link&ouid=109217401442891322003&rtpof=true&sd=true
導覽列
導覽列內容的設計首先就是要能反應資訊架構，讓使用者可以容易的找到要找的內容，另外，要讓使用者一眼就能認出來這是導覽列，不要為了美觀而讓導覽列「消失」了。
常用的導覽方式有:
- Hamburger menu
- 就是三條線的選單，因為很像是漢堡，所以英文叫做漢堡選單，點選後才會展開選單，通常會點選後才出現垂直導覽。一開始只是在手機中使用，現在在一般網頁也可以看到。可保持頁面的乾淨，但是，初次使用者可能不知道要點「三條線」
- Tabs
- 直觀，過去大量的使用在手機上，但是，因為畫面有限，很難有很多的Tab。所以，經常會使用ICON，使用ICON的壞處是不直覺，所以，盡量和其他網站或App有同樣或類似的ICON
- Vertical navigation
- 直觀，過去是使用水平的導覽，因為手機使用者通常是直的使用畫面，所以，手機中經常使用垂直導覽。當項目太多時，會跟水平導覽一樣，會有多層次的導覽
- Call-to-action button
- Breadcrumbs
- 適合很多層次的導覽，可以回到任何一層，如果項目太多或者是使用手機，一樣會很難看到所有的項目，所以，會有些設計是只顯示本層次跟上一層
- Navigation design: almost everything you need to know
請依照螢幕的大小以及需要導覽的內容，選擇適合的導覽方式