五大定律教你如何搞定電商網(wǎng)站交互設(shè)計(jì)體驗(yàn)優(yōu)化
網(wǎng)站的交互設(shè)計(jì)體驗(yàn)如何,決定了用戶是否愿意長久待在你網(wǎng)站上面的根本。一個(gè)好網(wǎng)站的交互設(shè)計(jì)體驗(yàn)就像在和真實(shí)的人在交流一樣。那怎么優(yōu)化網(wǎng)站才可以讓用戶得到好的交互設(shè)計(jì)體驗(yàn)?zāi)?
交互設(shè)計(jì)支付阿蘭·庫帕有一句話說得非常好:除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)。如果我們沒有想到更好的方式之前,就遵從那些已經(jīng)被世界公認(rèn)的一些好的網(wǎng)站交互設(shè)計(jì)原則吧!
席克定律(??朔▌t)
定律內(nèi)容:一個(gè)人面臨的選擇(n)越多,所需要作出決定的時(shí)間(T)就越長。用數(shù)學(xué)公式表達(dá)為反應(yīng)時(shí)間 T=a+b log2(n)。其中a=與做決定無關(guān)的總時(shí)間(前期認(rèn)知和觀察時(shí)間), b=根據(jù)對選項(xiàng)認(rèn)識的處理時(shí)間(從經(jīng)驗(yàn)衍生出的常數(shù),對人來說約是0.155s)
這個(gè)定律可以用在簡化我們的購買流程上面,讓用戶最快購買,減少因?yàn)榱鞒痰呢?fù)責(zé),而導(dǎo)致用戶猶豫甚至是放棄購買。也可以對選項(xiàng)進(jìn)行同類分組和多層級分布,這樣用戶使用的效率會更高,時(shí)間會更短。
神奇數(shù)字 7±2 法則
1956 年喬治米勒對短時(shí)記憶能力進(jìn)行了定量研究,他發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類的頭腦就開始出錯(cuò)。與席克定律類似,神奇數(shù)字 7±2 法則也經(jīng)常被應(yīng)用在移動(dòng)應(yīng)用交互設(shè)計(jì)上,如應(yīng)用的選項(xiàng)卡不會超過 5 個(gè)。
導(dǎo)航或選項(xiàng)卡盡量不要超過9個(gè),太多不利于用戶體驗(yàn)。
如果導(dǎo)航或選項(xiàng)卡內(nèi)容很多,可以用一個(gè)層級結(jié)構(gòu)來展示各段及其子段,這樣就可以展示更多的內(nèi)容,也就是子欄目。電商網(wǎng)站行業(yè)很多都是采用這種方式。
現(xiàn)在已經(jīng)沒有人會認(rèn)真讀完一大塊的內(nèi)容,你要合理把大塊整段的信息分割成各個(gè)小段,并做好小標(biāo)題,方便用戶閱讀。
奧卡姆剃刀原理
奧卡姆原理也被稱為“簡單有效原理”,由14世紀(jì)世紀(jì)哲學(xué)家、圣方濟(jì)各會修士奧卡姆的威廉(William of Occam,約1285年至1349年)提出。這個(gè)原理是告誡人們“不要浪費(fèi)較多東西去做用較少的東西同樣可以做好的事情。”后來以一種更為廣泛的形式為人們所知——即“如無必要,勿增實(shí)體。”也就是說:如果有兩個(gè)功能相等的設(shè)計(jì),那么我們選擇最簡單的那個(gè)。
簡潔的頁面能更好地傳達(dá)出你所想要表達(dá)的內(nèi)容,以免內(nèi)容太多,導(dǎo)致用戶混亂。
簡單的頁面能給訪客帶來更好的用戶體驗(yàn),減少了密集的感覺。
接近法則
根據(jù)格式塔(Gestalt)心理學(xué):當(dāng)對象離得太近的時(shí)候,意識會認(rèn)為它們是相關(guān)的。在交互設(shè)計(jì)中表現(xiàn)為一個(gè)提交按鈕會緊挨著一個(gè)文本框,因此當(dāng)相互靠近的功能塊是不相關(guān)的話,就說明交互設(shè)計(jì)可能是有問題的。
接近原則被廣泛應(yīng)用于頁面內(nèi)容的組織,以及分組設(shè)計(jì)中。對于引導(dǎo)用戶的視覺流及方便用戶對界面的解讀起到非常重要的作用,通過接近原則對同類內(nèi)容進(jìn)行分組,同時(shí)留下間距,會給用戶的視覺以秩序和合理的休憩。
菲茨定律
1954年,當(dāng)時(shí)擔(dān)任美國空軍人類工程學(xué)部門主任的保羅·費(fèi)茨(Paul M. Fitts)博士,對人類操作過程中的運(yùn)動(dòng)特征、運(yùn)動(dòng)時(shí)間、運(yùn)動(dòng)范圍和運(yùn)動(dòng)準(zhǔn)確性進(jìn)行了研究,提出了著名的Fitts定律。該定律指出,使用指點(diǎn)設(shè)備到達(dá)一個(gè)目標(biāo)的時(shí)間,與當(dāng)前設(shè)備位置和目標(biāo)位置的距離(D)和目標(biāo)大小(S)有關(guān)。
放大鏈接點(diǎn)擊區(qū)域。特別是你想要用戶點(diǎn)擊的時(shí)候。
當(dāng)您有幾個(gè)放置在一起的可點(diǎn)擊目標(biāo)或鏈接時(shí),把它們的體積增大或增加他們之間空白區(qū)域的大小。搜索結(jié)果中的網(wǎng)頁導(dǎo)航鏈接通常都有很差的可用性。例如,下圖中的搜索結(jié)果頁面就顯示了太多的結(jié)果,并且這些結(jié)果互相之間也離得太近:
將用戶最有可能點(diǎn)擊(或最想要)的按鈕放大。例如,將”OK”按鈕設(shè)計(jì)的更大:
以上五大交互設(shè)計(jì)規(guī)律是社會公認(rèn)比較好的規(guī)律,只要認(rèn)真執(zhí)行,抓好細(xì)節(jié)處理,就一定可以把網(wǎng)站的交互設(shè)計(jì)體驗(yàn)優(yōu)化好。