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