導覽原則

Stay organized with collections Save and categorize content based on your preferences.

在不同螢幕和應用程式之間來回瀏覽是使用者體驗的核心。下列原則奠定了在各個應用程式間保持一致且直觀的使用者體驗基準。導覽元件是專為預設實作這些原則而設計,可確保使用者在切換應用程式時,能套用相同的經驗法則及模式。

固定起始目的地

您建構的每個應用程式都有一個固定的起始目的地。這是使用者從啟動器啟動應用程式時看到的第一個畫面。此目的地也是使用者在按下「返回」按鈕後,返回啟動器時看到的最後一個畫面。我們以 Sunflower 應用程式為例來進行說明。

圖 1:Sunflower 應用程式的起始目的地為清單螢幕。

透過啟動器啟動 Sunflower 應用程式時,使用者看到的第一個畫面是清單螢幕,列出花園中的植物清單。這也是使用者離開應用程式前所看到的最後一個畫面。如果按下清單螢幕上的「返回」按鈕,就會返回至啟動器。

應用程式首次啟動時,系統會為使用者建立新工作,並顯示應用程式的起始目的地。這會成為所謂「返回堆疊」的基本目的地,是應用程式導覽狀態的基礎。堆疊頂端的位置是目前的畫面,堆疊中的上一個目的地則代表您過去的歷史記錄。而返回堆疊的最底端則永遠會是應用程式的起始目的地。

返回堆疊的改變永遠從堆疊頂端開始,可選擇將新目的地推送到堆疊頂端,或者從堆疊位置中移除最頂層的目的地。瀏覽至目的地時,會把目的地推送到堆疊的上方。

導覽元件可為您管理所有返回堆疊的順序,不過您也可以選擇自行管理返回堆疊。

「向上」及「返回」對應用程式的工作是相同的

圖 2:「向上」和「返回」按鈕

「返回」按鈕會顯示在螢幕底部的系統導覽列中,讓使用者可以按時間倒序來瀏覽使用者最近使用過的螢幕記錄。按下「返回」按鈕時,目前的目的地會隨即從返回堆疊的頂端消除,接著您即可導覽至上一個目的地。

「向上」按鈕會出現在螢幕頂端的應用程式列中。在應用程式的工作中,「向上」和「返回」按鈕的運作方式完全相同。

「向上」按鈕不會離開應用程式

當使用者位於應用程式的啟動目的地時,「向上」按鈕不會出現,因為「向上」按鈕不會離開應用程式。但是「返回」按鈕會出現而且會離開應用程式。

如果您的應用程式是透過其他應用程式工作上的深層連結啟動,「向上」按鈕會讓使用者回到應用程式工作,並且經由模擬的返回堆疊,而非返回到觸發深層連結的應用程式。不過,按下「返回」按鈕會返回到另一個應用程式。

無論是深層連結或是手動導覽至特定目的地,您都可以使用「向上」按鈕瀏覽目的地,回到起始目的地。

若是從深層連結連往應用程式工作中的目的地時,系統會移除應用程式工作的所有現有返回堆疊,並替換成深層連結的返回堆疊。

再次以 Sunflower 應用程式做為範例,假設使用者之前已從啟動器畫面啟動應用程式,並瀏覽到蘋果的詳細資料螢幕。如果查看「近期記錄」螢幕,可以看到螢幕最上方存在著某項工作,內容為蘋果的詳細資料畫面。

圖 3:使用者瀏覽 Sunflower 應用程式及產生的返回堆疊。

這時使用者就可以輕觸「首頁」按鈕,將應用程式放在背景中。接著,假設這個應用程式有深層連結功能,可讓使用者利用名稱直接開啟特定植物的詳細資料畫面。透過這個深層連結開啟應用程式,會以全新的返回堆疊完全取代圖 3 中顯示的目前 Sunflower 返回堆疊,如圖 4 所示:

圖 4:追蹤深層連結,這種方式會取代 Sunflower 應用程式現有的返回堆疊。

請注意,Sunflower 返回堆疊會被合成返回堆疊取代,頂端有酪梨的詳細資訊畫面。我的花園螢幕是起始目的地,也新增至返回堆疊中。原有 Sunflower 的返回堆疊將消失,包括使用者先前在蘋果詳細資料畫面看到的應用程式資訊。這些概念都十分重要,因為合成返回堆疊的作法必須很實際。它應與可透過應用程式以自然導覽方式達到的返回堆疊相符。

為符合這項需求,合成返回堆疊是以 NavGraph 簡化建立而成。針對沒有巢狀結構的簡單 NavGraph,這裡的內容包含起始目的地和深層連結的目的地。如果是更複雜的巢狀結構導覽圖,合成的返回堆疊也會含有任何巢狀結構圖的起始目的地,這些目的地會位於深層連結目的地的上一階。

導覽元件支援深層連結,並可在連結至導覽圖的任何目的地時,重新建立實際的返回堆疊。