移動應用程序設計中的有效導航示例
無論是使用一個漢堡、一個標簽欄、一個切換器還是一個切換器,最有效的例子是應用程序實現(xiàn)對他們的產品和用戶最好的應用。
導航是任何移動應用程序的一個關鍵方面,因此,為了形成有效的用戶體驗,有效地實現(xiàn)它是至關重要的。即使是像YouTube這樣的應用程序也顯示出,完美地執(zhí)行導航是多么困難,因為他們不斷嘗試不同的方法與他們的AndROId應用程序。
話雖如此,下面我們來看一些在手機應用程序設計中高效導航的例子。
雖然不是通常出現(xiàn)在Android應用程序,Instagram實現(xiàn)標簽欄在屏幕的底部與頂部,提供一個有凝聚力的跨平臺用戶體驗的iOS應用程序。這也使得關鍵的行動都在更好的達到用戶的手,允許他們訪問它們沒有掩蓋任何內容。
在Instagram上,它的標簽頁是自己的。這種巧妙的解決方案可以左右滑動,也可以在不影響空間或視覺設計語言的情況下,在相機和屏幕上進行導航。
所有的屏幕都是現(xiàn)成的,可以在一個單獨的點擊中訪問,不像漢堡的實現(xiàn)。清晰的圖標允許刪除任何標簽標簽,導航圖標的數(shù)量保持在最低限度,以避免壓倒性的用戶。
Messenger
Messenger是另一個實現(xiàn)選項卡導航的應用。這一次,定位被限制在頭——一個更典型的Android實現(xiàn)——并且允許底部的部分保持清楚的主要動作,在本例中是+圖標。這些圖標清晰,易于理解,并再次允許去除標簽,從而產生更精致和整潔的視覺體驗。
Messenger使用底部邊界為活動選項卡提供視覺反饋。雖然這通常與Android有關,但iOS傾向于使用顏色和/或圖標填充來反饋這些狀態(tài)。
許多包含標簽欄的應用程序通常也會在Android上包含一個漢堡圖標,以訪問較少使用的項目。iOS對應的是添加一個"More"選項卡。Facebook已經(jīng)成功地避免了這一問題,并在這個過程中改進了用戶的體驗和導航。從視覺的角度來看,Messenger的導航也很有吸引力,它利用了品牌的顏色,深度元素,并避免了標題的顯示。
SoundCloud
SoundCloud是一個簡單導航系統(tǒng)的最好例子。它成功地將標簽數(shù)量減少到只有3個:Home、Search / Discover和User。因此,結果是一個非常容易理解和導航的應用程序。它可能有最多5個或更多的標簽,它已經(jīng)成功地合并了其中的一些。
另一個很好的功能是如何隱藏play選項卡,直到你開始播放音樂。在這一點上,它在用戶圖標的右邊出現(xiàn)了微妙的變化,并使用令人愉快的動畫來提醒用戶它已經(jīng)添加了,同時也提供了音樂是否正在播放或暫停的反饋。
導航使用不透明度突出活躍和不活躍的狀態(tài),并應用橙色的頂部邊框來傳輸SoundCloud品牌的各個方面,這些圖標很大,清晰,并有良好的間隔,從而形成了一個很好的移動導航的例子。
成品
越來越多的應用程序意識到導航的重要性以及它對用戶體驗的積極影響。在安卓系統(tǒng)中,我們看到了從漢堡導航到唯一標簽欄的轉變。在iOS上,越來越多的應用程序正在刪除小標簽欄標簽,以取代大而清晰的圖標。
到2017年,隨著設計師們試圖簡化應用程序設計,提高用戶體驗,這看起來將會持續(xù)和發(fā)展。
想了解更多網(wǎng)站技術的內容,請訪問:網(wǎng)站技術