導(dǎo)航是用戶體驗過程中經(jīng)常接觸到的界面或操作對象,所以我們著重多次介紹關(guān)于導(dǎo)航各細節(jié)設(shè)計,例如:瀏覽歷史標(biāo)記、搜索功能、屏幕的適配度等。
精心設(shè)計首頁
精心設(shè)計首頁,能幫助用戶更好地瀏覽內(nèi)容。用戶走進大門時,他最需要什 么?最常見的目的又是什么?
用戶在打開移動終端網(wǎng)站或應(yīng)用程序的時候,都擁有自己的特殊需求和預(yù)期。因此南昌app開發(fā)公司百恒網(wǎng)絡(luò)UI設(shè)計師提醒廣大設(shè)計師,作為移動應(yīng)用的設(shè)計者,千萬不要把用戶淹沒在推介信息和促銷廣告的海洋里,不要把難以下咽的內(nèi)容堆到用戶面前。設(shè)計者應(yīng)當(dāng)優(yōu)先展示用戶想要的工具和功能,否則用戶就會迅速逃走!
應(yīng)用程序?qū)ⅰ吧嫌硠〖?épisode à regarder)作為默認(rèn)頁面,因為該程序的主要功能之一 是向眾人宣布自己已看過某部連續(xù)劇。
MARMITON 在首頁上展示菜譜,設(shè)計效果很好。相反,LOGIC-IMMO 在首頁上展示房 屋廣告的方法有些欠妥。用戶在搜尋房屋時都抱有各自不同的需求,這些廣告不太可能正 好擊中用戶的心意。而且,即使用戶已使用過這款應(yīng)用程序,保存過自己的搜索條件,當(dāng) 他再次進入應(yīng)用程序時,看到的仍然是同樣的首頁!用戶已表達過的個人需求沒有得到任何體現(xiàn)。
SPOTIFY 顯示了用戶在上次退出時最后使用的頁面;而DEEZER除了“Flow”選項,還 試圖推薦其他歌曲,但后者未必符合用戶口味。
設(shè)計者可以根據(jù)自己想要推薦的核心價值設(shè)計合適的首頁。BOOKING 和 AIRBNB 的網(wǎng)站首頁都參與體現(xiàn)了品牌的服務(wù)特點,二者差異巨大。這兩個例子 很有價值,我們從中可以看出,不存在絕對的“最佳”方案:一切取決于具體情 況,一種設(shè)計可能適合第一種情況,卻未必適合第二種情況。
在AIRBNB 上預(yù)訂房間,用戶能找到“如同家一樣”的住宿房源或價格低廉的臨時夜宿住處。 因此,網(wǎng)站首頁不僅有搜索欄,還提供了廣告作為例子。這些廣告的作用是向不知情的用戶 描述品牌所提供的特色服務(wù)。BOOKING 網(wǎng)站則不同,設(shè)計者把各種搜索標(biāo)準(zhǔn)都放在搜索引擎上,請用戶填寫自己的要求和重要信息,以便為用戶提供標(biāo)明價格的各種搜索結(jié)果。
很多移動應(yīng)用程序和網(wǎng)站選擇把菜單放在首頁上。如果有其他選擇的話,請設(shè)計者不要這樣做。所有功能都至少要點擊一次后才能被激活,這種首頁僅僅提供了選擇欄目,變成了所謂的“空白頁面”——除了導(dǎo)航別無他用。
網(wǎng)站的首頁毫無用處,僅僅提供了選擇欄,以便進入相關(guān)表格。其他同類網(wǎng)站選擇了突出一個重點欄目,如果用戶需要的 話也可以由此進入其他欄目。這樣一來,無論使用頻率較高的功能,還是設(shè)計者重點推薦的功能,使用效率都得以優(yōu)化。
最后不要忘記,智能手機和平板電腦的操作環(huán)境大不相同。用戶甚至是在幾乎完全相反的條件下使用這兩種設(shè)備。另外,設(shè)計者可以根據(jù)屏幕的可用面積考慮設(shè)計合適的配置。
設(shè)計者根據(jù)不同設(shè)備的屏幕空間大小安排了不同的內(nèi)容。在平板電腦上,屏幕的可用空間可以滿足兩種主要用途:顯示交通網(wǎng)絡(luò)圖和路線指示功能。而在智能手機上,由于屏幕空間小,應(yīng)用程序凸顯了路線指示功能。因為在移動過程中,路線圖的使用頻率更高。
標(biāo)記區(qū)分已訪問過的鏈接
將訪問過的鏈接加以標(biāo)記區(qū)分,能讓瀏覽變得更容易,讓用戶避免耗費精力。眾多移動終端界面都如同瀏覽清單一樣,用戶從中挑選,決定瀏覽或舍棄。
讓用戶迅速辨認(rèn)自己已經(jīng)瀏覽過哪些內(nèi)容,這一點非常重要。通過簡單的視 覺效果,讓用戶辨認(rèn)出已瀏覽過的內(nèi)容,這種方法在幾年前還屬于網(wǎng)頁的設(shè)計規(guī) 范。但如今實施這種設(shè)計規(guī)范的人越來于少,導(dǎo)致用戶使用效率降低。
明確標(biāo)出已瀏覽過的鏈接,提高了用戶的瀏覽效率。
本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對廣技人員有所幫助。原創(chuàng)文章出自:南昌APP開發(fā)公司-百恒網(wǎng)絡(luò) http://m.gimmickmag.com/app/index.html 如轉(zhuǎn)載請注明出處!