無論是使用一個漢堡、一個標(biāo)簽欄、一個切換器還是一個切換器，最有效的例子是應(yīng)用程序?qū)崿F(xiàn)對他們的產(chǎn)品和用戶最好的應(yīng)用。

導(dǎo)航是任何移動應(yīng)用程序的一個關(guān)鍵方面，因此，為了形成有效的用戶體驗，有效地實現(xiàn)它是至關(guān)重要的。即使是像YouTube這樣的應(yīng)用程序也顯示出，完美地執(zhí)行導(dǎo)航是多么困難，因為他們不斷嘗試不同的方法與他們的Android應(yīng)用程序。

話雖如此，下面我們來看一些在手機應(yīng)用程序設(shè)計中高效導(dǎo)航的例子。

Instagram

雖然不是通常出現(xiàn)在Android應(yīng)用程序,Instagram實現(xiàn)標(biāo)簽欄在屏幕的底部與頂部,提供一個有凝聚力的跨平臺用戶體驗的iOS應(yīng)用程序。這也使得關(guān)鍵的行動都在更好的達到用戶的手,允許他們訪問它們沒有掩蓋任何內(nèi)容。

在Instagram上，它的標(biāo)簽頁是自己的。這種巧妙的解決方案可以左右滑動，也可以在不影響空間或視覺設(shè)計語言的情況下，在相機和屏幕上進行導(dǎo)航。

所有的屏幕都是現(xiàn)成的，可以在一個單獨的點擊中訪問，不像漢堡的實現(xiàn)。清晰的圖標(biāo)允許刪除任何標(biāo)簽標(biāo)簽，導(dǎo)航圖標(biāo)的數(shù)量保持在最低限度，以避免壓倒性的用戶。

Messenger

Messenger是另一個實現(xiàn)選項卡導(dǎo)航的應(yīng)用。這一次，定位被限制在頭——一個更典型的Android實現(xiàn)——并且允許底部的部分保持清楚的主要動作，在本例中是+圖標(biāo)。這些圖標(biāo)清晰，易于理解，并再次允許去除標(biāo)簽，從而產(chǎn)生更精致和整潔的視覺體驗。

Messenger使用底部邊界為活動選項卡提供視覺反饋。雖然這通常與Android有關(guān)，但iOS傾向于使用顏色和/或圖標(biāo)填充來反饋這些狀態(tài)。

許多包含標(biāo)簽欄的應(yīng)用程序通常也會在Android上包含一個漢堡圖標(biāo)，以訪問較少使用的項目。iOS對應(yīng)的是添加一個“More”選項卡。Facebook已經(jīng)成功地避免了這一問題，并在這個過程中改進了用戶的體驗和導(dǎo)航。從視覺的角度來看，Messenger的導(dǎo)航也很有吸引力，它利用了品牌的顏色，深度元素，并避免了標(biāo)題的顯示。

SoundCloud

SoundCloud是一個簡單導(dǎo)航系統(tǒng)的最好例子。它成功地將標(biāo)簽數(shù)量減少到只有3個:Home、Search / Discover和User。因此，結(jié)果是一個非常容易理解和導(dǎo)航的應(yīng)用程序。它可能有最多5個或更多的標(biāo)簽，它已經(jīng)成功地合并了其中的一些。

另一個很好的功能是如何隱藏play選項卡，直到你開始播放音樂。在這一點上，它在用戶圖標(biāo)的右邊出現(xiàn)了微妙的變化，并使用令人愉快的動畫來提醒用戶它已經(jīng)添加了，同時也提供了音樂是否正在播放或暫停的反饋。

導(dǎo)航使用不透明度突出活躍和不活躍的狀態(tài)，并應(yīng)用橙色的頂部邊框來傳輸SoundCloud品牌的各個方面，這些圖標(biāo)很大，清晰，并有良好的間隔，從而形成了一個很好的移動導(dǎo)航的例子。

成品

越來越多的應(yīng)用程序意識到導(dǎo)航的重要性以及它對用戶體驗的積極影響。在安卓系統(tǒng)中，我們看到了從漢堡導(dǎo)航到唯一標(biāo)簽欄的轉(zhuǎn)變。在iOS上，越來越多的應(yīng)用程序正在刪除小標(biāo)簽欄標(biāo)簽，以取代大而清晰的圖標(biāo)。

到2021年，隨著設(shè)計師們試圖簡化應(yīng)用程序設(shè)計，提高用戶體驗，這看起來將會持續(xù)和發(fā)展。