提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
文章分享一些有效的用戶體驗(yàn)法則,但不再詳細(xì)論述他們的內(nèi)容、起源等。更多的是對(duì)法則的思考跟延伸。
----
總目錄:
·尼爾森10大可用性原則·約翰遜9大設(shè)計(jì)原則 ·斯奈德曼8大界面設(shè)計(jì)法則 ·交互設(shè)計(jì)7大定律 ·Android5大設(shè)計(jì)原則 ·IOS6大設(shè)計(jì)原則 ·格式塔原理 ·其他設(shè)計(jì)原則
本期目錄:
1·美即好用效應(yīng) 2·多爾蒂閾值 3·菲茨定律 4·目標(biāo)梯度效應(yīng) 5·??硕? 6·雅各布定律
7·格式塔原理 8·米勒定律 9·奧卡姆剃刀 10·帕累托原則 11·帕金森定律 12·峰終法則
13·波斯特定律 14·序列位置效應(yīng) 15·特斯勒定律 16·馮·雷斯托夫效應(yīng) 17·蔡加尼克效應(yīng)
----
用戶通常認(rèn)為美觀的設(shè)計(jì)是更實(shí)用的設(shè)計(jì)。
思考
1.美觀的設(shè)計(jì)會(huì)在人們的大腦中產(chǎn)生積極的反應(yīng),并讓他們相信設(shè)計(jì)實(shí)際上效果更好。
2.當(dāng)產(chǎn)品或服務(wù)的設(shè)計(jì)美觀時(shí),人們更能容忍小的可用性問題。
3.視覺上令人愉悅的設(shè)計(jì)可以掩蓋部分可用性問題。
延伸
人們傾向于相信看起來更好的東西會(huì)使人更好地工作——即使它們實(shí)際上并沒有更有效或更
有效率。換句話說,用戶對(duì)你的視覺設(shè)計(jì)有積極的情感反應(yīng),這使他們更能容忍你軟件上小
的可用性問題。在大多數(shù)情況下,從你的角度來看,這是一件積極的事情。這種效應(yīng)是為什
么良好的用戶體驗(yàn)不只是一個(gè)功能性 UI 的主要原因——要設(shè)計(jì)一個(gè)既有吸引力又實(shí)用的界面。
當(dāng)然,美即好用效應(yīng)也有其局限性。一個(gè)漂亮的設(shè)計(jì)可以讓用戶容忍較小的可用性問題,但
不能容忍更大的問題。如果用戶找不到他們需要的功能,用戶就會(huì)離開。即使是看起來很漂
亮的網(wǎng)站,如果它的可查找性不好,也將失去用戶。形式和功能應(yīng)該一起提供服務(wù)。當(dāng)界面
遭受嚴(yán)重的可用性問題,或者為了美觀而犧牲可用性時(shí),用戶往往會(huì)失去耐心,并且很快就
會(huì)離開。
當(dāng)用戶以一定的速度(<400 毫秒)進(jìn)行軟件交互操作時(shí),生產(chǎn)力會(huì)飆升,請(qǐng)確保系統(tǒng)跟用戶
雙方都不需要等待對(duì)方。
思考
1.在 400 毫秒內(nèi)提供系統(tǒng)反饋,來保持用戶的注意力并提高效率。
2.使用感知性能來改善響應(yīng)時(shí)間并減少對(duì)等待的感知。
3.動(dòng)畫是系統(tǒng)在后臺(tái)進(jìn)行加載或處理時(shí)以視覺方式吸引人們的一種很好的方式。
4.進(jìn)度條有助于使等待時(shí)間變得可以忍受,無論它準(zhǔn)確性如何。
5.有目的地為流程添加延遲,實(shí)際上可以增加用戶感知價(jià)值并灌輸信任感,即使流程本身實(shí)
際上花費(fèi)的時(shí)間要少得多。
延伸
計(jì)算機(jī)處理請(qǐng)求所花費(fèi)的時(shí)間與用戶響應(yīng)時(shí)間(用戶輸入下一個(gè)命令所花費(fèi)的時(shí)間)高度相
關(guān)。換句話說,計(jì)算機(jī)響應(yīng)的時(shí)間越長,用戶思考下一步要做什么的時(shí)間就越長! 即使是幾
百毫秒的系統(tǒng)響應(yīng)時(shí)間也會(huì)產(chǎn)生巨大的差異。
概述
獲取目標(biāo)的時(shí)間是到目標(biāo)的距離和大小的函數(shù)。
思考
1.觸摸目標(biāo)應(yīng)該足夠大,以便用戶準(zhǔn)確地選擇它們。
2.觸摸目標(biāo)之間應(yīng)該有足夠的間距。
3.觸摸目標(biāo)應(yīng)放置在易于獲取的界面區(qū)域中。
延伸
用戶界面設(shè)計(jì)的目標(biāo)應(yīng)該是減少從一個(gè)點(diǎn)到下一個(gè)點(diǎn)的距離,并使目標(biāo)對(duì)象足夠大,以便在
不犧牲準(zhǔn)確性的情況下快速檢測(cè)和選擇交互元素。這方面的一個(gè)特定方面是確保用戶能夠單
擊交互式元素上的任何位置以執(zhí)行的操作。例如,鏈接,無論是文本、圖像還是按鈕,都應(yīng)
該能夠點(diǎn)擊整個(gè)區(qū)域。用戶界面中的命令按鈕和任何其他交互元素必須通過大小與其他非交
互元素區(qū)分開來。
概述
接近目標(biāo)的傾向隨著接近目標(biāo)而增加。
思考
1.用戶離完成任務(wù)越近,他們就越快地完成任務(wù)。
2.為目標(biāo)提供人為的進(jìn)展將有助于確保用戶更有可能有動(dòng)力完成該任務(wù)。
3.提供清晰的進(jìn)度指示,以激勵(lì)用戶完成任務(wù)。
延伸
軟件經(jīng)常會(huì)在進(jìn)度條和配置文件完成等元素中用到目標(biāo)梯度效應(yīng)——鼓勵(lì)用戶通過實(shí)現(xiàn)目標(biāo)
來完成任務(wù)。
5·??硕?/u>
概述
做出決定所需的時(shí)間隨著選擇的數(shù)量和復(fù)雜性而增加。
思考
1.當(dāng)響應(yīng)時(shí)間對(duì)增加決策時(shí)間至關(guān)重要時(shí),盡量減少選擇。
2.將復(fù)雜的任務(wù)分解成更小的步驟,以減少用戶的認(rèn)知負(fù)荷。
3.通過突出顯示推薦的選項(xiàng)來避免壓倒用戶。
4.使用漸進(jìn)式引導(dǎo)來最大程度地減少新用戶的認(rèn)知負(fù)擔(dān)。
5.不要簡(jiǎn)化到抽象的程度:)
延伸
6·雅各布定律
概述
用戶將大部分時(shí)間花在其他網(wǎng)站上。這意味著用戶更希望你的網(wǎng)站可以與他們已經(jīng)知道的所有其他網(wǎng)站有相同的工作方式。
思考
1.用戶會(huì)將他們對(duì)熟悉的產(chǎn)品的期望轉(zhuǎn)移到另一種看起來相似的產(chǎn)品上。
2.通過利用現(xiàn)有的心智模型,我們可以創(chuàng)造卓越的用戶體驗(yàn),讓用戶可以專注于他們的任務(wù),而不是學(xué)習(xí)新模型。
延伸
基本上,所有 Web 用戶一直都是新手,因?yàn)楹苌儆腥耸褂萌魏螁为?dú)的網(wǎng)站足夠長的時(shí)間成為專家用戶。即使一些用戶經(jīng)常瀏覽成為熟練用戶,該網(wǎng)站仍然需要在其設(shè)計(jì)中以新手為目標(biāo),因?yàn)槿绻趲酌腌妰?nèi)不立即明確如何使用該網(wǎng)站,人們將會(huì)離開。
7·格式塔-共同區(qū)域原則
概述
如果多個(gè)元素處于具有明確定義的邊界的區(qū)域,那么它們往往被視為一組。
思考
1.創(chuàng)建清晰的結(jié)構(gòu),幫助用戶快速有效地理解元素之間的關(guān)系。
2.在元素或元素組周圍添加邊框是創(chuàng)建區(qū)域的簡(jiǎn)單方法。
3.區(qū)域也可以通過在一個(gè)元素或一組元素后面定義背景來創(chuàng)建(瓷片)。
延伸
當(dāng)用戶登陸網(wǎng)頁或打開應(yīng)用程序時(shí),他們會(huì)快速判斷在哪里完成任務(wù)。具有不同的、有組織的設(shè)計(jì)可以很容易地識(shí)別界面的基本結(jié)構(gòu)并確定要與 UI 的哪些區(qū)域進(jìn)行交互。使用邊框或背景顏色為相關(guān)元素創(chuàng)建容器有助于用戶快速有效地了解 UI 的結(jié)構(gòu)以及一組包含哪些元素。
創(chuàng)建一個(gè)清晰的邊界是一個(gè)強(qiáng)大的視覺提示,它可以壓倒其他分組原則(例如:接近性原則、相似性原則)。因此,當(dāng)需要包含多種不同類型的 UI 元素或無法調(diào)整對(duì)象之間的空白量時(shí),它是一個(gè)不錯(cuò)的解決辦法。
8·格式塔-鄰近原則
概述
我們把彼此靠近或接近的對(duì)象傾向于組合在一起。
思考
1.接近有助于建立與附近物體的關(guān)系。
2.靠近的元素被認(rèn)為具有相似的功能或特征。
3.接近度可幫助用戶更快、更有效地理解和組織信息。
延伸
為了直觀的給用戶傳達(dá)內(nèi)容,我們需要加大行間距、縮小字間距,讓要表達(dá)的內(nèi)容一目了然,而不需要通過語義來猜測(cè)是橫向排版還是縱向排版。
9·格式塔-簡(jiǎn)單原則
概述
人們會(huì)以最簡(jiǎn)單的形式來感知和解釋模棱兩可或復(fù)雜的圖像,因?yàn)檫@種解釋需要我們最少的認(rèn)知努力。
思考
1.人眼喜歡在復(fù)雜的形狀中找到簡(jiǎn)單和有序,因?yàn)樗梢苑乐刮覀儽恍畔⒀蜎]。
2.與復(fù)雜的信息相比,人們能夠更好地視覺處理和記住簡(jiǎn)單的信息。
3.人眼通過將復(fù)雜的形狀轉(zhuǎn)換為單一、統(tǒng)一的形狀來簡(jiǎn)化它們。
延伸
簡(jiǎn)單原則是格式塔的核心與基石,當(dāng)我們看一個(gè)畫面時(shí),大腦并不會(huì)把他們拆解為獨(dú)立的點(diǎn)線面體,而是會(huì)自動(dòng)對(duì)元素進(jìn)行組合、甚至腦補(bǔ)缺失,以便讓它們呈現(xiàn)為一個(gè)相對(duì)完整且簡(jiǎn)單的整體。
10·格式塔-相似原則
概述
人眼傾向于將設(shè)計(jì)中的相似元素視為完整的圖片、形狀或組,即使這些元素是分開的。
思考
1.視覺上相似的元素將被認(rèn)為是相關(guān)的。
2.顏色、形狀和大小、方向和運(yùn)動(dòng)可以表明元素屬于同一組并且可能具有共同的含義或功能。
3.確保鏈接和導(dǎo)航系統(tǒng)在視覺上與普通文本元素區(qū)分開來。
延伸
1.我們把某些元素用相同的顏色,來表示可能具有相似的功能。相同的顏色往往比其他特征(例如形狀、大小)更突出,因此可以用來聯(lián)合不同類型的元素并傳達(dá)它們確實(shí)是相關(guān)的。
2.在用戶界面設(shè)計(jì)中,顏色通常用于表示常用功能。例如:顏色允許可點(diǎn)擊元素作為一個(gè)組突出顯示,而不管該元素在頁面上的位置如何。這個(gè)元素的顏色應(yīng)該只為交互式文本和其他可點(diǎn)擊元素保留,因?yàn)橛脩魰?huì)感覺到所有擁有這個(gè)特征的元素都是相關(guān)的并且以相同的方式工作。
11·格式塔-連續(xù)性原則
概述
視覺上連接的元素被認(rèn)為比沒有連接的元素更相關(guān)。
思考
1.對(duì)性質(zhì)相似的功能進(jìn)行分組,使它們通過顏色、線條、框架或其他形狀在視覺上連接起來。
2.你可以使用從一個(gè)元素到下一個(gè)元素的有形連接參考(線、箭頭等)來創(chuàng)建視覺連接。
3.使用統(tǒng)一的連通性來顯示上下文或強(qiáng)調(diào)相似項(xiàng)目之間的關(guān)系。
延伸
1.連續(xù)的關(guān)鍵是提供足夠的信息,以便眼睛可以填補(bǔ)其余部分。如果缺少太多,元素將被視為單獨(dú)的部分而不是整體。
2.延續(xù)可以貫穿設(shè)計(jì)中的正空間和負(fù)空間。
12·米勒定律
概述
一般人在他們的工作記憶中只能保留 7 個(gè)(正負(fù) 2 個(gè))項(xiàng)目。
思考
1.不要強(qiáng)行使用這個(gè)定律來證明不必要的設(shè)計(jì)。
2.將內(nèi)容組織成更小的模塊,來幫助用戶輕松處理、理解和記憶。
3.請(qǐng)記住,短期記憶容量因人而異,取決于他們的先驗(yàn)知識(shí)和情境背景。
延伸
人處理和存儲(chǔ)的信息是有限的,當(dāng)大腦接收到超出其處理能力的信息時(shí),它就會(huì)開始放慢甚至放棄手頭的任務(wù)(決策癱瘓)。
13·奧卡姆剃刀
概述
如無必要,勿增實(shí)體。
思考
1.降低復(fù)雜性的最佳方法是刪除它。
2.在不影響整體功能的情況下,分析每個(gè)元素并盡可能多地刪除。
3.僅當(dāng)無法刪除其他項(xiàng)目時(shí)才考慮做它。
延伸
延伸是一堆廢話,按照奧卡姆剃刀,我把他們刪除了。
14·帕累托原則
概述
帕累托原理指出,對(duì)于許多事件,大約 80% 的結(jié)果來自 20% 的原因。
思考
1.輸入和輸出通常不是均勻分布的。
2.一大群人可能只包含對(duì)結(jié)果有意義的幾個(gè)貢獻(xiàn)者。
3.將大部分精力集中在能為最多用戶帶來最大利益的領(lǐng)域。
延伸
如果我們從字面上理解帕累托原則,那么總設(shè)計(jì)價(jià)值的 20% 仍然來自設(shè)計(jì)中 80% 較少使用或不太重要的元素。我們不想把那 20% 元素?cái)[放在最顯眼的地方。我們只是想優(yōu)先考慮更高潛力的收益:)
15·帕金森定律
概述
只要還有時(shí)間,工作就會(huì)不斷擴(kuò)展,直到用完所有的時(shí)間。
思考
1.將完成任務(wù)所需的時(shí)間限制在用戶期望的范圍內(nèi)。
2.從預(yù)期持續(xù)時(shí)間減少完成任務(wù)的實(shí)際持續(xù)時(shí)間將改善整體用戶體驗(yàn)。
延伸
1.在最后一刻做事會(huì)讓我更有效率;我在那一小時(shí)內(nèi)完成的工作比平時(shí)多得多。
2.不管我有多少空間,我的物品都會(huì)想辦法占據(jù)它。我會(huì)下意識(shí)地獲得更多的物品來填滿我的閑置空間。
3.我們高估了我們?cè)诙唐趦?nèi)可以做多少事情,且低估了我們?cè)陂L期內(nèi)可以做多少事情。
16·峰終法則
概述
人們?cè)诤艽蟪潭壬细鶕?jù)他們?cè)诟叻搴徒Y(jié)束時(shí)的感受來判斷體驗(yàn),而不是體驗(yàn)每一刻的總和或平均值。
思考
1.密切關(guān)注用戶旅程的最激烈點(diǎn)和最后時(shí)刻。
2.確定你的產(chǎn)品最有用、最有價(jià)值或最有趣的時(shí)刻,并設(shè)計(jì)以取悅最終用戶。
3.請(qǐng)記住,人們對(duì)負(fù)面經(jīng)歷的回憶比正面經(jīng)歷更生動(dòng)。
延伸
17·波斯特定律
概述
在你接受的東西上要自由、寬容,在你反饋的東西上要保守、謹(jǐn)慎。
思考
1.對(duì)用戶可能采取的任何行動(dòng)或他們可能提供的任何輸入都具有同理心、靈活和寬容。
2.預(yù)測(cè)輸入、訪問和功能方面的幾乎所有內(nèi)容,同時(shí)提供可靠且可訪問的界面。
3.我們?cè)谠O(shè)計(jì)中可以預(yù)見和計(jì)劃得越多,設(shè)計(jì)就越有彈性。
4.接受來自用戶的任何輸入,并向用戶提供清晰的反饋。
延伸
18·序列位置效應(yīng)
概述
用戶傾向于記住序列中的第一個(gè)和最后一個(gè)項(xiàng)目。
思考
1.將最不重要的項(xiàng)目放在列表中間可能會(huì)有所幫助,因?yàn)檫@些項(xiàng)目在長期和工作記憶中的存儲(chǔ)頻率較低。
2.將關(guān)鍵操作定位在導(dǎo)航等元素的最左側(cè)和最右側(cè)可以增加記憶力。
延伸
首要效應(yīng):出現(xiàn)在列表開頭的項(xiàng)目比列表中間的項(xiàng)目更準(zhǔn)確地被召回。
新近效應(yīng):出現(xiàn)在列表末尾的項(xiàng)目也比出現(xiàn)在列表中間的項(xiàng)目更有可能引起更好的回憶。
如果用戶必須在曝光后的某個(gè)時(shí)間(> 30 秒)做出決定,那么將最重要的項(xiàng)目放在列表的首位可能是有利的。如果用戶必須在閱讀列表后立即做出決定,那么將最重要的項(xiàng)目放在列表的最后可能是有利的。
19·特斯勒定律
概述
特斯勒定律,也稱為復(fù)雜性守恒定律,對(duì)于任何系統(tǒng),都有一定程度的復(fù)雜性無法降低。
思考
1.所有流程都有一個(gè)核心復(fù)雜性,無法通過設(shè)計(jì)消除,因此必須由系統(tǒng)或用戶承擔(dān)。
2.通過處理設(shè)計(jì)和開發(fā)過程中固有的復(fù)雜性,確保盡可能多地減輕用戶的負(fù)擔(dān)。
3.不要將接口簡(jiǎn)化到抽象的程度:)
延伸
1.保持簡(jiǎn)單。
2.保持設(shè)計(jì)的簡(jiǎn)單。
3.保持技術(shù)解決方案簡(jiǎn)單。
20·馮·雷斯托夫效應(yīng)
概述
馮·雷斯托夫效應(yīng),也稱為隔離效應(yīng),當(dāng)存在多個(gè)相似對(duì)象時(shí),我們最有可能記住與其他對(duì)象不同的對(duì)象。
思考
1.使重要信息或關(guān)鍵交互在視覺上與眾不同。
2.在強(qiáng)調(diào)視覺元素時(shí)要克制,避免它們相互競(jìng)爭(zhēng)。
3.不要僅僅依靠顏色來傳達(dá)對(duì)比度,要考慮那些有色覺缺陷或視力障礙的人。
4.在使用動(dòng)效來傳達(dá)對(duì)比度時(shí),請(qǐng)仔細(xì)考慮具有運(yùn)動(dòng)敏感性的用戶。
延伸
用戶在一定時(shí)間內(nèi)的注意力是有限的,當(dāng)用戶的注意力被某一個(gè)特殊對(duì)象所掌控時(shí),他對(duì)其余對(duì)象的注意力就會(huì)減少。設(shè)計(jì)師可以很巧妙地利用這一點(diǎn)來達(dá)到某一些目的。
比如說當(dāng)你發(fā)給用戶一份冗長的問卷要求填寫時(shí),可以設(shè)計(jì)一個(gè)進(jìn)度條,通過改變進(jìn)度條上當(dāng)前步驟的形狀和顏色,讓用戶更好地跟蹤進(jìn)度。常見的進(jìn)度條設(shè)計(jì)往往已完成的部分是填充鮮艷顏色的,未完成的部分顏色會(huì)稍暗。這樣能讓用戶將注意力集中在“我已經(jīng)完成了這么多”,而不是去關(guān)注“我還有這么多沒有完成”。
21·蔡加尼克效應(yīng)
概述
人們比已完成的任務(wù)更能記住未完成或中斷的任務(wù)。
思考
1.通過提供附加內(nèi)容的明確標(biāo)識(shí)來讓用戶開始任務(wù)。
2.為目標(biāo)提供人為的進(jìn)展將有助于確保用戶更有可能有動(dòng)力完成該任務(wù)。
3.提供清晰的進(jìn)度指示,來激勵(lì)用戶完成任務(wù)。
延伸
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)