導覽

導覽在應用中引導使用者瀏覽不同畫面,所以應用的結構必須根據內容和目標任務進行組織。

將重點的路徑和功能放置於書籤或是側邊欄。或是將不重要的功能放置於較不顯眼的位置。

設計導覽會根據應用中的內容而不同,所以為了決定適合的導覽方式,必須要定義好以下幾點:

  • 目標使用者
  • 基本操作

基本操作應盡量詳盡

接著依照以下幾個步驟進行導覽流程設計:

  • 篩選權重決定各個操作的權重,讓導覽路徑和介面著重在較重要的功能。

順序可以可以再依照需求做更動

  • 使用路徑決定使用者在應用中的操作路徑,並將最常被使用的路徑視為最重要的導覽路徑。

  • 細項切分將使用路徑上的操作,切分成更細微的操作

層級導覽的層級關係分為以下幾種:

  • 首頁

  • 母子

單向向下

  • 平行切換

畫面可在同層級中切換

  • 集合

  • 連結

型態

  • 嵌入式應用沒有過多的子畫面,且大多功能可以在主頁面完成。

  • 書籤
    用於需要長滑動切換的畫面。

  • 巢狀

  • 互動式允許使用者用 些操作來切換畫面,達到導覽的功能

轉場動畫導覽畫面切換可分成以下兩種動作:

  • 抬升和延展
  • 書籤