五大定律教你如何搞定電商網(wǎng)站交互設(shè)計(jì)體驗(yàn)優(yōu)化

2015-01-28|HiShop
導(dǎo)讀:網(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)?...

  網(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)

 

五大定律教你如何搞定電商網(wǎng)站交互設(shè)計(jì)體驗(yàn)優(yōu)化

 

  定律內(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 法則

 

五大定律教你如何搞定電商網(wǎng)站交互設(shè)計(jì)體驗(yàn)優(yōu)化

 

  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)題,方便用戶閱讀。

 

  奧卡姆剃刀原理

 

五大定律教你如何搞定電商網(wǎng)站交互設(shè)計(jì)體驗(yàn)優(yōu)化

 

  奧卡姆原理也被稱為“簡單有效原理”,由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),減少了密集的感覺。

 

  接近法則

 

五大定律教你如何搞定電商網(wǎng)站交互設(shè)計(jì)體驗(yàn)優(yōu)化

 

  根據(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í)留下間距,會給用戶的視覺以秩序和合理的休憩。

 

  菲茨定律

 

五大定律教你如何搞定電商網(wǎng)站交互設(shè)計(jì)體驗(yàn)優(yōu)化

 

  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)化好。

今日熱點(diǎn)

8月24日,騰訊教育正式發(fā)布了基于企業(yè)微信的私域流量運(yùn)營工具——企微管家,為教培機(jī)構(gòu)提供從引流獲客到客戶運(yùn)營的全鏈路服務(wù)。

最新推薦
產(chǎn)品推薦
  • 微分銷

    基于微信平臺,集結(jié)多樣營銷活動(dòng)推廣功能,支持無限發(fā)展微信分店,快速建立分銷網(wǎng)絡(luò)...

    詳情
  • 移動(dòng)云商城

    集微信商城、支付寶服務(wù)窗、手機(jī)觸屏版商城、app商城和PC獨(dú)立商城于一體完美融合...

    詳情