如何對APP中的導(dǎo)航欄做出正確的選擇?
本文主要討論了截至2023年底市場上最常見的導(dǎo)航實(shí)踐,文章涵蓋了現(xiàn)有的主要導(dǎo)航類型、導(dǎo)航邏輯是如何運(yùn)作的、平臺解決方案的一些特點(diǎn)和差異。同時著重介紹了標(biāo)簽欄、側(cè)邊欄/導(dǎo)航抽屜、基于搜索的導(dǎo)航和頂部欄與頂部應(yīng)用欄等四種導(dǎo)航方式,并對它們的工作原理、使用場景以及優(yōu)缺點(diǎn)進(jìn)行了詳細(xì)解析。
導(dǎo)航示例:
導(dǎo)航是任何移動應(yīng)用的核心。一個應(yīng)用的成功可能取決于它的導(dǎo)航是否直觀、高效和用戶友好。對于設(shè)計(jì)師來說,理解導(dǎo)航如何在每個應(yīng)用中發(fā)揮作用,以便為特定情況做出最合適的決策至關(guān)重要。本文將探討截至2023年底市場上最常見的導(dǎo)航實(shí)踐。
大家好!我叫 Ksenia Toloknova,目前正在為 Alpha 銀行商業(yè)應(yīng)用程序創(chuàng)建模式。在為我們的設(shè)計(jì)系統(tǒng)制定導(dǎo)航模式時,我們的團(tuán)隊(duì)遇到了一個有趣的事實(shí) ——缺乏幫助設(shè)計(jì)師了解導(dǎo)航如何工作的資料。因此,我決定進(jìn)行自己的研究:我與開發(fā)者交談,分析了許多應(yīng)用程序,并深入研究了設(shè)計(jì)指南。
我們將涵蓋:
- 現(xiàn)有的主要導(dǎo)航類型
- 導(dǎo)航邏輯上是如何運(yùn)作的
- 平臺解決方案的一些特點(diǎn)和差異(iOS與Android)
我會盡量不在本文中給出我對解決方案的主觀評估。下面你會找到來自權(quán)威來源的事實(shí)、觀察和信息。在本文中,我將專注于導(dǎo)航的基本元素,而不涉及輔助方面。
一、讓我們從標(biāo)簽欄和導(dǎo)航欄開始
在現(xiàn)代應(yīng)用中,這種類型的導(dǎo)航非常常見。目前,這是移動應(yīng)用的主要導(dǎo)航方法。根據(jù)指南的不同,它被稱為不同的名稱——在界面指南中稱為標(biāo)簽欄(HIG),在材料指南中稱為導(dǎo)航欄(M3)。
以下是一些原因:
- 易于訪問:方便手指點(diǎn)擊,提供輕松訪問應(yīng)用程序的主要部分。
- 簡單明了:導(dǎo)航元素可見且基于圖標(biāo)。圖標(biāo)可以快速傳達(dá)關(guān)于某個部分內(nèi)容的基本信息。
- 一致性:如果導(dǎo)航在應(yīng)用程序的所有屏幕上都保持可訪問(并非總是如此,如下所述),它會創(chuàng)造一個可預(yù)測的用戶體驗(yàn)。用戶可以始終返回到應(yīng)用程序的主屏幕。
同時,這種導(dǎo)航也有其局限性
這種類型導(dǎo)航的建議項(xiàng)目數(shù)量是從 3 到 5 個元素。您必須將所有場景組織成這 3-5 個條件性的“文件夾”。此外,我們在字符數(shù)和字體大小上有嚴(yán)格的限制。其中想出簡潔易懂的部分名稱可能就相當(dāng)具有挑戰(zhàn)性。
顯示選項(xiàng)
一旦決定您的應(yīng)用需要底部導(dǎo)航,您就需要決定這種導(dǎo)航將如何工作。從技術(shù)上講,有三種可能的實(shí)施選項(xiàng):
- 導(dǎo)航只在主屏幕上可見。例如,假設(shè)您在底部導(dǎo)航中有3個部分——首頁、目錄和個人資料。當(dāng)用戶深入目錄部分時,他們不再看到底部導(dǎo)航。
- 導(dǎo)航無處不在。即使用戶進(jìn)入應(yīng)用內(nèi)部到第二級或第三級嵌套頁面,他們?nèi)匀豢梢钥吹降撞繉?dǎo)航。
- 默認(rèn)情況下導(dǎo)航只在主部分上可見,并在向上滾動時出現(xiàn)在內(nèi)部頁面上。這個邏輯在材料指南中被建議為可能性之一。
顯示選項(xiàng)
無論平臺如何,您都可以在 iOS 和 Android 應(yīng)用程序中使用原生技術(shù)實(shí)現(xiàn)這些選項(xiàng)中的任何一個。
V1. 僅在主屏幕上的導(dǎo)航
在 Revolut 應(yīng)用中,他們選擇了第一個選項(xiàng)。導(dǎo)航只在部分的主屏幕上可見,并且進(jìn)一步消失。要查看底部導(dǎo)航,您必須回到其中一個主屏幕:首頁、轉(zhuǎn)賬或中心。
像 YouTube、Booking、Airbnb 以及許多其他公司已經(jīng)選擇這種類型的導(dǎo)航用于他們的應(yīng)用。Messenger應(yīng)用也經(jīng)常選擇這種類型,因?yàn)槿绻麄円呀?jīng)在聊天中,就不需要分散用戶的注意力。
導(dǎo)航欄僅位于 Revolut 應(yīng)用程序的主屏幕上
順便說一下,如果我們看看 Android 應(yīng)用的實(shí)現(xiàn),我們會注意到一些差異 —— 在 Android 版本中,底部導(dǎo)航?jīng)]有這樣的美麗模糊效果。它被一個簡單的白色背景所取代。這是因?yàn)樵贏ndroid平臺上實(shí)現(xiàn)這樣的效果存在技術(shù)困難(需要很長時間并且成本高昂),以及指南中沒有這樣的選項(xiàng)。所以如果你想在 iOS 應(yīng)用中使用這樣的模糊效果,請準(zhǔn)備好為 Android 準(zhǔn)備一個替代版本。
Android 和 iOS 上的 Revolut 應(yīng)用程序中的選項(xiàng)卡欄
解決方案的優(yōu)點(diǎn)和缺點(diǎn):
這個解決方案的一個明顯優(yōu)勢是導(dǎo)航不會占用內(nèi)部頁面的空間。用戶可以通過使用“后退”按鈕返回。一個缺點(diǎn)是這種方法可能會使用戶難以返回主頁面,特別是如果他們進(jìn)入得太深的情況。
V2. 導(dǎo)航在任何地方都可見
這種行為的選擇頻率較低,一個例子是 Apple 的 Fitness 應(yīng)用程序。
下面,您將看到用戶的路徑,從 Fitness+ 的主頁面開始,深入到查看冥想內(nèi)容的場景中。在整個路徑中,屏幕底部的導(dǎo)航始終伴隨著我們。
無論我們深入場景有多深,我們都能看到導(dǎo)航。在這種情況下,我們開始深入探索場景的標(biāo)簽始終保持活躍狀態(tài)。
Fitness 應(yīng)用程序中的導(dǎo)航
我們只在直接觀看鍛煉視頻時看不到導(dǎo)航,因?yàn)樗窃谌聊B(tài)窗口中實(shí)現(xiàn)的。全屏模態(tài)窗口和抽屜總是覆蓋導(dǎo)航,因?yàn)樗鼈冊谒袃?nèi)容之上打開。鍵盤的行為也是如此。
導(dǎo)航“記住”了我們的選擇。如果我們進(jìn)入 Fitness+ 部分的一個鍛煉,然后點(diǎn)擊摘要標(biāo)簽,再次點(diǎn)擊 Fitness+ 標(biāo)簽將帶我們回到冥想頁面,而不是主 Fitness+ 屏幕。要返回主部分屏幕,您可以再次點(diǎn)擊 Fitness+ 標(biāo)簽。
Fitness 應(yīng)用程序中的導(dǎo)航流程
解決方案的優(yōu)點(diǎn)和缺點(diǎn):
在這種導(dǎo)航方式的優(yōu)點(diǎn)中,值得注意的是它很難讓人迷失。用戶始終明白他們處于哪個部分,并且可以快速返回應(yīng)用程序的主要部分。缺點(diǎn)是底部導(dǎo)航有時會占用屏幕的7-10%,考慮到我們的移動設(shè)備的大小,這是一個相當(dāng)多的量。
V3. 導(dǎo)航在主要部分可見,并在向上滾動時出現(xiàn)在內(nèi)部頁面上
這種類型的導(dǎo)航也被積極使用。例如,Medium 應(yīng)用就采用了它。用戶在應(yīng)用的主部分屏幕上看到導(dǎo)航。如果用戶移動到一個文章,他們會看到導(dǎo)航,但一旦他們開始閱讀并向下滾動,導(dǎo)航就會消失。
Medium 應(yīng)用程序中的導(dǎo)航
解決方案的優(yōu)點(diǎn)和缺點(diǎn):
當(dāng)我們有一個帶有內(nèi)容的提要時,這種類型的導(dǎo)航可能非常方便。例如,在 Medium 應(yīng)用中,用戶可以向下滾動頁面以尋找內(nèi)容。他們在瀏覽時不需要導(dǎo)航。沒有發(fā)現(xiàn)這個選項(xiàng)的明顯缺點(diǎn)。然而,這并不意味著它是理想的。每個特定的應(yīng)用程序都有適合的機(jī)制,不能保證這將是你特定情況下最方便的。
混合行為
有時,根據(jù)我們所在的部分,決定使用不同的導(dǎo)航方式。Facebook 使用了“無處不在”類型的導(dǎo)航,但有一個例外——主首頁標(biāo)簽的工作方式不同。當(dāng)我們開始向下滾動以避免干擾新聞提要時,導(dǎo)航會消失。
Facebook 應(yīng)用程序中的導(dǎo)航
有趣的解決方案
大多數(shù)時候,標(biāo)準(zhǔn)顏色填充用于導(dǎo)航下方,但 Spotify 實(shí)現(xiàn)了透明漸變。這種方法在應(yīng)用程序中只有暗色主題時效果很好。你可以通過在導(dǎo)航層下放置一個漸變層來實(shí)現(xiàn)它。
Binance 通過中心的特殊圖標(biāo)突出顯示主要操作。點(diǎn)擊中心圖標(biāo)會打開一個帶有操作(購買、出售、轉(zhuǎn)換等)的窗簾。這種行為指南中沒有規(guī)定,但在原生導(dǎo)航框架內(nèi)實(shí)施并不困難。
Spotify 和 Binance 應(yīng)用程序中的導(dǎo)航
標(biāo)簽欄中有什么?
標(biāo)簽欄使用條項(xiàng)在相同視圖中的相互排斥的內(nèi)容窗格之間進(jìn)行導(dǎo)航。
- 確保當(dāng)人們導(dǎo)航到應(yīng)用程序的不同區(qū)域時標(biāo)簽欄是可見的(模態(tài)視圖內(nèi)的標(biāo)簽欄是一個例外)。
- 使用最少數(shù)量的標(biāo)簽項(xiàng)。
- 為每個標(biāo)簽標(biāo)題使用簡潔的術(shù)語。
導(dǎo)航欄中有什么?
導(dǎo)航欄讓人們在較小的設(shè)備上切換UI視圖。
- 需要從應(yīng)用程序的任何位置可訪問的頂級目的地。
- 三到五個目的地。
- 導(dǎo)航欄可以被對話框、底部滑塊、導(dǎo)航抽屜、屏幕鍵盤或其他完成流程所需的元素暫時覆蓋。。
- 在滾動時,導(dǎo)航欄可以出現(xiàn)或消失。
關(guān)于標(biāo)簽欄還有什么有用的信息
在較新的 iPhone 型號中,有一個主頁指示器 —— 一種線形式的交互元素。主頁指示器有自己的高度但沒有背景。它可以與底部導(dǎo)航的元素共享背景。標(biāo)簽欄的高度加上主頁指示器的高度形成了相當(dāng)大的底部邊距。
主頁指示器
如果你想真正擺脫這個大邊距,F(xiàn)acebook 的人已經(jīng)做到了這一點(diǎn)。他們創(chuàng)建了一個額外的設(shè)置來減少底部導(dǎo)航區(qū)域的高度。
Facebook 應(yīng)用程序中的底部導(dǎo)航
盡管這個解決方案很吸引人,但我建議謹(jǐn)慎對待。帶有主頁指示器的 iPhone 在底部實(shí)際上沒有物理按鈕或手指空間。此外,實(shí)施此選項(xiàng)需要在有和沒有主頁指示器的手機(jī)上進(jìn)行修改和額外測試。
二、側(cè)邊欄和導(dǎo)航抽屜
在這種導(dǎo)航中,它隱藏在一個圖標(biāo)后面,一旦點(diǎn)擊該圖標(biāo)就會從側(cè)面(通常是左側(cè))出現(xiàn)。不同平臺上的命名約定不同,在人機(jī)界面中稱為“側(cè)邊欄”,在材料指南中稱為“導(dǎo)航抽屜”。通常選擇觸發(fā)這種導(dǎo)航的圖標(biāo)被稱為“漢堡包”。
這種導(dǎo)航有許多誘人的優(yōu)點(diǎn),例如
- 幾乎有無限個元素,因?yàn)檫@個菜單可以滾動。
- 可以使用更大、更易讀的字體大小。
- 更大的靈活性——可以使用圖標(biāo)或不使用它們,對元素進(jìn)行視覺分組。
聽起來很棒,但有什么陷阱呢?
根據(jù)多項(xiàng)研究,這種導(dǎo)航對用戶不太友好。它也被稱為“隱藏導(dǎo)航”,以下是它的一些缺點(diǎn):
- 隱藏導(dǎo)航更難被發(fā)現(xiàn)。
- 當(dāng)導(dǎo)航被隱藏時,用戶不太可能使用它。
- 無論是在手機(jī)還是桌面用戶界面上,隱藏導(dǎo)航提供的用戶體驗(yàn)都比可見或部分可見的導(dǎo)航差。這一結(jié)論適用于各種用戶體驗(yàn)指標(biāo),包括用戶任務(wù)難度評分、完成任務(wù)所花費(fèi)的時間以及任務(wù)成功率。
什么時候使用側(cè)邊欄?
這種導(dǎo)航在食品訂購應(yīng)用程序 Foodpanda 中使用。值得注意的是,你不會在菜單項(xiàng)中找到餐廳和商店的列表。只有與用戶個人資料相關(guān)的部分位于導(dǎo)航抽屜內(nèi)。它們以全屏模態(tài)窗口的形式打開。用戶在該應(yīng)用程序中的主要導(dǎo)航是通過搜索和主屏幕進(jìn)行的。
Foodpanda 應(yīng)用程序中的導(dǎo)航抽屜
另一個有趣的例子是微軟團(tuán)隊(duì)?wèi)?yīng)用的 iOS 版本。在這里,同時使用了觸摸條和側(cè)邊欄(盡管這不符合指南的建議)。類似于 Foodpanda,在這里你可能會發(fā)現(xiàn)與用戶個人資料相關(guān)的數(shù)據(jù)——通知管理、設(shè)置和保存的書簽。這也是添加另一個帳戶的入口點(diǎn)。
Microsoft Teams 應(yīng)用程序中的側(cè)邊欄
另一個有趣的例子是 Gmail 應(yīng)用。Gmail 使用兩種類型的導(dǎo)航。主要郵件導(dǎo)航是通過漢堡包進(jìn)行的。導(dǎo)航欄用于推廣另一個產(chǎn)品—— Google Meet。這是一個相當(dāng)有趣且可能有效的營銷解決方案,但很少有人能夠負(fù)擔(dān)得起。
讓我們來看看側(cè)邊欄導(dǎo)航是如何工作的。在漢堡包里面,所有的郵件文件夾、設(shè)置和幫助都位于此處。例如,當(dāng)切換到社交文件夾時,漢堡包保持不變,用戶可以通過它在不同的部分之間切換。當(dāng)切換到第二級導(dǎo)航 —— 電子郵件時,而不是漢堡包,會出現(xiàn)一個“返回”箭頭。
然而,并非所有菜單項(xiàng)都是這樣工作的。當(dāng)進(jìn)入設(shè)置時,會彈出一個抽屜;而對于幫助部分,則有一個帶有返回按鈕的模擬頁面,實(shí)際上是一個模態(tài)窗口。
Gmail 應(yīng)用程序中的導(dǎo)航
這些解決方案可能與這樣一個事實(shí)有關(guān):許多人正在同時處理應(yīng)用程序,并且解決方案并不總是完全協(xié)調(diào)一致的。
側(cè)邊欄中有什么?
側(cè)邊欄可以幫助人們?yōu)g覽你的應(yīng)用程序或游戲,提供對頂級內(nèi)容集合的快速訪問。
在iOS應(yīng)用程序中,考慮使用標(biāo)簽欄而不是側(cè)邊欄。側(cè)邊欄界面可能需要大量的水平空間,這可能會使iPhone上的布局過于擁擠。
在指南中,不建議在手機(jī)應(yīng)用程序中使用這種類型的導(dǎo)航。此外,由于對這一組件的限制,無法實(shí)現(xiàn)開箱即用的類似解決方案。如果您需要在iOS手機(jī)應(yīng)用程序中實(shí)施類似的解決方案,將需要進(jìn)行自定義開發(fā)。
導(dǎo)航抽屜里有什么?
導(dǎo)航抽屜在較大的設(shè)備上讓人們可以在用戶界面視圖之間進(jìn)行切換。
- 導(dǎo)航抽屜提供了訪問目的地和應(yīng)用程序功能的途徑,例如切換賬戶。
- 對于擁有5個或更多頂級目的地的應(yīng)用程序、具有2個或更多級別的導(dǎo)航層次結(jié)構(gòu)以及快速導(dǎo)航到無關(guān)目的地的應(yīng)用程序,建議使用導(dǎo)航抽屜。
- 避免將導(dǎo)航抽屜與其他主要導(dǎo)航組件一起使用,例如導(dǎo)航欄。
Material指南建議在大型設(shè)備(平板電腦和顯示器)上使用這種導(dǎo)航方式,盡管它并不禁止在移動電話上使用。
三、基于搜索的導(dǎo)航
在擁有大量信息庫的應(yīng)用程序中,經(jīng)常使用基于搜索的導(dǎo)航。這種類型的導(dǎo)航很少是唯一的方法,但通常是關(guān)鍵元素之一。
在本文中,我不會深入探討搜索功能的操作機(jī)制,因?yàn)樗喈?dāng)廣泛。相反,我將在這篇文章中將其作為用戶進(jìn)入應(yīng)用程序的入口點(diǎn)來探索,使他們能夠在應(yīng)用程序中找到所需的內(nèi)容。
基于搜索的導(dǎo)航示例
在 Instagram 應(yīng)用中,搜索是如此重要,以至于專門分配了一個導(dǎo)航部分用于搜索。這是整個應(yīng)用程序中的全面搜索。Foodpanda 也在主頁面上提供了一個通用搜索功能,以粉紅色背景突出顯示。這種設(shè)計(jì)使用戶能夠很容易地注意到它。
PayPal 也使用搜索功能,但它僅限于特定部分。當(dāng)篩選大量數(shù)據(jù)庫時,這種類型的搜索非常方便。例如,在支付交易中,找到特定的交易非常重要。
基于搜索的導(dǎo)航中有什么?
搜索允許人們輸入關(guān)鍵詞或短語以獲取相關(guān)信息。
- 使用搜索欄和視圖通過搜索查詢來瀏覽產(chǎn)品。
- 當(dāng)用戶鍵入時,搜索欄可以顯示建議的關(guān)鍵字或短語。
- 始終在搜索視圖中顯示結(jié)果。
- 搜索欄可以包括一個前置的搜索圖標(biāo)和一個可選的尾隨圖標(biāo)。
四、頂部欄和頂部應(yīng)用欄
由于手機(jī)屏幕上的空間相對較小,這種類型的導(dǎo)航至關(guān)重要。頂部欄(人機(jī)界面)或頂部應(yīng)用欄(材料)固定在頂部并始終可見,以幫助用戶導(dǎo)航。
頂部欄和頂部應(yīng)用欄示例
在頂部導(dǎo)航中,您可以找到
- 一個“返回”箭頭(有時帶有標(biāo)簽),用于導(dǎo)航回到二級或更高級別的頁面,或者是一個漢堡圖標(biāo)用于訪問側(cè)邊導(dǎo)航。
- 標(biāo)題,它可以居中顯示(主要是iOS)或靠近“返回”圖標(biāo)顯示(主要是Android)。
- 副標(biāo)題,它可能會顯示在標(biāo)題上方以提供更好的上下文理解(主要是iOS)。
- 用于額外操作的圖標(biāo)。Material 指南建議按照優(yōu)先級順序放置1到3個圖標(biāo)。
關(guān)于標(biāo)題,有三種選擇
- 將標(biāo)題微妙地放在與“返回”按鈕同一行中。它可以居中顯示(在iOS中更常見),也可以放在返回箭頭旁邊顯示(在Android中更常見)。
- 將標(biāo)題顯示為下方返回箭頭的大標(biāo)題。在這種情況下,當(dāng)向下滾動時標(biāo)題將不可見。
- 將標(biāo)題顯示為大標(biāo)題,但在向下滾動時將其移至返回箭頭旁邊。這樣,標(biāo)題最初是大而可讀的,然后變小但仍可見。
對于模態(tài)窗口(對話框、面板、全屏模態(tài)窗口)、滑動、關(guān)閉按鈕(叉號)或點(diǎn)擊光箱區(qū)域外的區(qū)域通常用于關(guān)閉操作。本文不會涉及面板和模態(tài)窗口,但您可以在我的文章“Sheet, dialog, or snackbar — what should a designer go for?”中了解更多信息。我想提一下新來者偶爾會犯錯誤,使用返回箭頭而不是關(guān)閉按鈕來關(guān)閉操作。除非您在面板內(nèi)有完整的場景,否則這個圖標(biāo)是不正確的。
頂部欄中有什么?
導(dǎo)航欄出現(xiàn)在窗口或屏幕的頂部,幫助人們通過內(nèi)容層次結(jié)構(gòu)進(jìn)行導(dǎo)航。
- 如果標(biāo)題區(qū)域提供有用的上下文,請使用標(biāo)題區(qū)域來描述當(dāng)前窗口。然而,如果給導(dǎo)航欄加標(biāo)題似乎多余,您可以將標(biāo)題區(qū)域留空。
- 考慮暫時隱藏導(dǎo)航欄以提供無干擾的體驗(yàn)。
- 使用標(biāo)準(zhǔn)的返回按鈕。
頂部應(yīng)用欄里有什么?
頂部應(yīng)用欄在屏幕的頂部顯示導(dǎo)航、操作和文本。
- 使用頂部應(yīng)用欄提供與當(dāng)前屏幕相關(guān)的內(nèi)容和操作,例如導(dǎo)航、屏幕標(biāo)題和操作。
- 頂部應(yīng)用欄有四種類型:居中對齊、S、M或L。
- 頂部應(yīng)用欄包含一個可選的前置導(dǎo)航圖標(biāo)(菜單圖標(biāo)或后退箭頭)。
- 可以在標(biāo)題后的容器末尾放置最多三個交互式圖標(biāo)。將最常使用的操作放在前端邊緣附近,并逐漸向末端推進(jìn)。
平臺之間頂部導(dǎo)航存在一些差異
我認(rèn)為重要的是要注意標(biāo)題與后退箭頭之間在不同平臺上的位置差異。
在 Material 指南中,標(biāo)題非常靠近后退箭頭。這在它們之間創(chuàng)建了視覺連接,對于從 iPhone 切換到 Android 的一些用戶來說,它可能看起來像是上一頁的標(biāo)題。
在人機(jī)界面中,他們經(jīng)常在箭頭旁邊寫上點(diǎn)擊箭頭將返回我們的部分名稱或類似“返回”的文本提示。
標(biāo)題位置不一致
還值得注意的是,在 iOS 和 Android 應(yīng)用程序中,通常使用不同的圖標(biāo)用于返回。在 Material 圖標(biāo)庫中,甚至為 iOS 分別提供了后退和前進(jìn)的圖標(biāo)。
圖標(biāo)通常用于返回 Material 圖標(biāo)庫
通過這些內(nèi)容,我想結(jié)束這篇文章,盡管關(guān)于導(dǎo)航還有很多要說的。非常感謝大家的支持、善意的建議和推薦。特別感謝 Artemov Rost、Denis Kozhukhar 和 Alexey Telyshev 的咨詢,以及 Igor Dolgov 的反饋。
五、總結(jié)
導(dǎo)航在任何應(yīng)用程序中都是至關(guān)重要的組成部分。選擇正確的機(jī)制會顯著影響用戶體驗(yàn)。根據(jù)目標(biāo)和需求選擇導(dǎo)航,同時考慮到平臺特性。
您可以使用以下問題作為指導(dǎo):
- 應(yīng)該在屏幕的頂部顯示什么內(nèi)容,是否需要通過頂部導(dǎo)航提供返回功能?
- 屏幕底部應(yīng)該顯示什么內(nèi)容?
- 在我的產(chǎn)品場景中,內(nèi)置搜索是否對用戶有益?
這些問題將幫助您記住應(yīng)用程序內(nèi)的關(guān)鍵導(dǎo)航元素。
原文作者:Ksenia Toloknova(本文翻譯已獲得作者的正式授權(quán))
原文:https://uxdesign.cc/navigation-patterns-in-mobile-applications-how-to-make-the-right-choice-fa3c228e5097
譯者:章欣怡;審核:李澤慧;編輯:陳美辰
微信公眾號:TCC翻譯情報(bào)局(ID:TCC-design);連接知識,了解全球精選設(shè)計(jì)干貨。
本文由@TCC翻譯情報(bào)局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
- 目前還沒評論,等你發(fā)揮!