我們專(zhuān)注於高端品牌網(wǎng)站創(chuàng)意設(shè)計(jì)與開(kāi)發(fā)
所有應(yīng)用程式都有著屬於它們自己的小世界,應(yīng)用程式設(shè)計(jì)師有能力構(gòu)建這些世界,並將它們打磨到完美,為用戶(hù)提供輕鬆易用的導(dǎo)航欄設(shè)計(jì)並為用戶(hù)敞開(kāi)歡迎的大門(mén)。在本文中,您將看到用戶(hù)體驗(yàn)UX和UI界面設(shè)計(jì)人員所犯的一些最常見(jiàn)的導(dǎo)航欄設(shè)計(jì)錯誤,以及為什麼這些錯誤會(huì)讓用戶(hù)倉(cāng)皇而逃。牢記這些將幫助您從別人的錯誤中學(xué)習(xí),吸取經(jīng)驗(yàn)教訓(xùn)。同時(shí),也可以幫您改善導(dǎo)航設(shè)計(jì),讓用戶(hù)在您的應(yīng)用裡運(yùn)用自如。
一、您的菜單選項(xiàng)太多
您有沒有過(guò)這樣的經(jīng)歷,當(dāng)您在一個(gè)餐廳坐下來(lái),接過(guò)菜單一看,感覺要花整個(gè)世紀(jì)才能把它看完?當(dāng)您有太多的選擇的時(shí)候,往往很難做出決定,而且會(huì)讓您感到困惑和不知所措。
應(yīng)用App也不例外!
如果用戶(hù)需要花很長(zhǎng)的時(shí)間來(lái)查看選項(xiàng)列表,很難快速地進(jìn)行選擇,他們多半會(huì)直接放棄該菜單。因此,最好讓列表儘量短一些以便用戶(hù)快速查閱。
二、您的菜單沒有足夠的選項(xiàng)
另一方面,有些菜單包含很少的選項(xiàng),用戶(hù)很難理解在哪裡可以找到相關(guān)功能。在用戶(hù)體驗(yàn)設(shè)計(jì)中爭(zhēng)取簡(jiǎn)約主義通常是明智之舉,特別是對(duì)於手機(jī)的小屏幕而言存在一個(gè)隱藏顯示的問(wèn)題。如果您為了在一個(gè)菜單上,顯示三個(gè)圖標(biāo)而嘗試在每個(gè)類(lèi)別下設(shè)置太多選項(xiàng),用戶(hù)還得猜測(cè)到底該去哪裡選擇。
這樣的話(huà),用戶(hù)尋找他們想要的界面或功能可能需要長(zhǎng)時(shí)間的點(diǎn)擊和嘗試。例如:他們會(huì)嘗試猜測(cè)「我的朋友列表」是否位於「個(gè)人資料」下還是「設(shè)置」下,他們會(huì)徘徊於「店鋪位置」 會(huì)顯示在「聯(lián)繫我們」界面還是「主頁(yè)」界面等。
您應(yīng)用的主要目的如果不是用於「發(fā)現(xiàn)」,那恐怕糟糕的是,當(dāng)用戶(hù)沒有找到他們想要的東西時(shí),用戶(hù)多半就會(huì)失去耐心並去嘗試您競(jìng)爭(zhēng)對(duì)手的類(lèi)似應(yīng)用了。
三、您的菜單不可見(jiàn)
有關(guān)漢堡包圖標(biāo)的文章已經(jīng)寫(xiě)得很多,有些人認(rèn)為它是應(yīng)用程式設(shè)計(jì)的必要組成部分,有些人甚至稱(chēng)其為應(yīng)用程式圖標(biāo)之王。
其實(shí),問(wèn)題不在於圖標(biāo)本身,而在於將菜單隱藏在另一個(gè)點(diǎn)擊後面的這種做法。更明智的方法是,讓用戶(hù)能夠在最少的點(diǎn)擊情況下,訪(fǎng)問(wèn)到最多的應(yīng)用程式內(nèi)容。
隱藏菜單可能導(dǎo)致用戶(hù)迷失方向而無(wú)法找到他們想要的東西,當(dāng)用戶(hù)無(wú)法找到他們想要的菜單或界面時(shí),他們會(huì)開(kāi)始胡亂點(diǎn)擊或滑動(dòng),因此很快就會(huì)感到煩躁。確定用戶(hù)遇到導(dǎo)航錯誤的具體位置(例如:無(wú)響應(yīng)的手勢(shì))可能非常具有挑戰性,但觸摸熱圖可以幫助您將問(wèn)題區(qū)域可視化,為您提供一看就懂的數(shù)據(jù)並助您改善導(dǎo)航功能。
四、您正試圖重製導(dǎo)航規(guī)則
負(fù)責(zé)界面設(shè)計(jì)的人員一般都很有創(chuàng)新精神,但也很容易過(guò)分忠於這份熱情。在移動(dòng)應(yīng)用行業(yè)不斷變革的時(shí)代,毫無(wú)疑問(wèn)這樣的創(chuàng)新精神自然會(huì)創(chuàng)造出好的結(jié)果。但這有發(fā)揮它的專(zhuān)屬時(shí)間和地點(diǎn),而不是發(fā)揮在您的應(yīng)用導(dǎo)航設(shè)計(jì)中。
不尋常的導(dǎo)航規(guī)則可能看起來(lái)很有創(chuàng)意,但最終對(duì)用戶(hù)來(lái)說(shuō)並不直觀(guān),這就可能會(huì)對(duì)應(yīng)用程式的成功產(chǎn)生嚴(yán)重影響。
在移動(dòng)應(yīng)用的廣(guǎng)泛使用中,大多數(shù)用戶(hù)已經(jīng)習(xí)慣於某些地方的某些元素。他們的眼睛會(huì)掃到界面底部去尋找底部的導(dǎo)航菜單,或者到左上角看看是否有「退回」按鈕。除非他們非常有冒險(xiǎn)精神和耐心,否則他們不會(huì)希望像淘金一樣慢慢花時(shí)間去尋找他們需要的界面。
最好的方法是為每個(gè)圖標(biāo)設(shè)置一個(gè)位置,並將每個(gè)圖標(biāo)保留在固定的位置。請把那些創(chuàng)意另作它用吧,比如:在應(yīng)用程式的其它功能上去發(fā)揮您的創(chuàng)意特長(zhǎng)。
五、您正在使用不熟悉的圖標(biāo)
正如用戶(hù)習(xí)慣於傳統(tǒng)的菜單一樣,他們也習(xí)慣於特定的圖標(biāo)設(shè)計(jì)。不清楚或不熟悉的圖標(biāo)設(shè)計(jì)是最糟糕的UX設(shè)計(jì)。比如:使用公司圖標(biāo)而不是心形,星號(hào)或書(shū)籤圖標(biāo),或者使用任何其它圖標(biāo)而不用相機(jī)圖標(biāo)去表示攝像頭功能等。
這些變化似乎是可以接受的,甚至是具有創(chuàng)造性的,但它們會(huì)讓用戶(hù)覺得他們像身處異國(guó)他鄉(xiāng)一樣不自在。這是導(dǎo)致導(dǎo)航困難的一個(gè)非常常見(jiàn)的錯誤。
這篇文章給出了一些可以幫助解決這個(gè)圖標(biāo)設(shè)計(jì)的技巧,其中還包括5秒規(guī)則:
「如果花費(fèi)超過(guò)5秒的時(shí)間考慮一個(gè)合適的圖標(biāo),則這個(gè)圖標(biāo)不可能有效地傳達(dá)您想要它傳達(dá)的含義。「
六、您沒向用戶(hù)顯示他們的當(dāng)前位置
這是移動(dòng)應(yīng)用設(shè)計(jì)中常見(jiàn)的錯誤。正如使用一個(gè)導(dǎo)航應(yīng)用程式時(shí),跟著那個(gè)指路的小箭頭/小圓點(diǎn)那樣至關(guān)重要,在使用應(yīng)用程式時(shí)讓用戶(hù)了解其具體位置也非常重要。通過(guò)向用戶(hù)顯示他們正在查看的界面(例如:突出顯示所選圖標(biāo)),有助於保持導(dǎo)航清晰明了、不複雜,並避免了使用應(yīng)用程式的一些不必要的猜測(cè)。
文章引用:http://www.szymweb.com/new/1059.html
本站文章為深圳網(wǎng)站建設(shè)·源美網(wǎng)絡(luò)原創(chuàng)策劃(huà),如有版權(quán)糾紛或者違規(guī)問(wèn)題,請聯(lián)繫我們刪除,謝謝!
售後保障
承諾任何問(wèn)題1小時(shí)內(nèi)解決數(shù)據(jù)備份
更安全、更高效、更穩(wěn)定價(jià)格公道精準(zhǔn)
項(xiàng)目經(jīng)理精準(zhǔn)報(bào)價(jià)不弄虛作假合作無(wú)風(fēng)險(xiǎn)
重合同講信譽(yù),無(wú)效全額退款