2020-5-25 ui設(shè)計(jì)分享達(dá)人
掌握好常用的設(shè)計(jì)理論與心理學(xué)知識(shí),能幫助我們對(duì)用戶的人性特征的拿捏,幫助我們較大的影響用戶底層決策,以產(chǎn)品實(shí)現(xiàn)業(yè)務(wù)目標(biāo)。
一、尼爾森10大可用性原則
1、狀態(tài)可見(jiàn)原則
不局限于:用戶的當(dāng)前狀態(tài)、知道當(dāng)前任務(wù)要做什么、任務(wù)進(jìn)度等。
2、環(huán)境貼切原則
設(shè)計(jì)要復(fù)合目標(biāo)用戶的認(rèn)知,符合用戶的心智模型,于是熟悉的事物越容易被用戶所接受。
3、撤銷重做原則
操作前可預(yù)知,操作中有反饋、操作后可撤銷。
4、一致性原則
不局限于:業(yè)內(nèi)產(chǎn)品的一致性、產(chǎn)品內(nèi)的一致性、版本迭代間的一致性
5、防錯(cuò)原則
錯(cuò)誤行動(dòng)發(fā)生前,引導(dǎo)用戶向正確的方向前進(jìn);用戶觸碰到危險(xiǎn)操作時(shí)給予提示;危險(xiǎn)操作發(fā)生之后,提供撤回的入口。
6、易取原則
通過(guò)使用對(duì)象、動(dòng)作和選項(xiàng)的可視化表達(dá),最大限度地減輕用戶的記憶負(fù)擔(dān)。
記住用戶的操作記錄、一個(gè)流程對(duì)應(yīng)一個(gè)操作目標(biāo)、提供適量的信息、選擇而不是輸入。
7、靈活原則
好的產(chǎn)品需要同時(shí)兼顧新用戶和資深用戶的需求。對(duì)新用戶來(lái)說(shuō),需要功能明確、清晰,對(duì)于老用戶需要快捷使用高頻功能。不可迎合某一種用戶,把不必要的信息占據(jù)重要部分。
8、易掃(讀)原則
不要包含不相關(guān)或低頻次的信息/操作。頁(yè)面中的每個(gè)額外信息都會(huì)降低主要內(nèi)容的相對(duì)可見(jiàn)性。
產(chǎn)品設(shè)計(jì)的四大基本原則:親密性、對(duì)齊、重復(fù)、對(duì)比。
9、容錯(cuò)原則
錯(cuò)誤信息應(yīng)該用通俗易懂的語(yǔ)言表達(dá),較準(zhǔn)確地指出問(wèn)題,并且提出解決方案。避免通過(guò)代碼等用戶難以理解的形式
即:提供解決方案、幫助用戶從錯(cuò)誤中恢復(fù)
10、人性化幫助
如果系統(tǒng)能讓用戶不需要閱讀文檔就會(huì)使用那是最好的,但通常情況下還是需要幫助文檔的。任何信息應(yīng)該容易被搜索,且專注于用戶的目標(biāo)任務(wù),并列出具體的步驟來(lái)告知用戶。
二、費(fèi)茨定律
翻譯成人話就是:
1. 按鈕做大點(diǎn)(W大點(diǎn))更易于點(diǎn)擊
2. 將按鈕放置在離開(kāi)始點(diǎn)較近的地方
3. 相關(guān)按鈕之間距離近點(diǎn)(D小點(diǎn))更易于點(diǎn)擊
4. 屏幕的四角與四邊是「無(wú)限可選中」位置(非移動(dòng)端)
5. 通過(guò)費(fèi)茨定律的反向使用,可以降低按鈕被點(diǎn)擊的可能
三、米勒定律
米勒定律預(yù)測(cè)人的工作記憶能夠記住的項(xiàng)為7(±2)個(gè)。1956年認(rèn)知心理學(xué)家喬治·米勒發(fā)表了一篇論文,他討論了短期記憶和記憶跨度的極限。
不要亂用 “神奇的7” 為設(shè)計(jì)進(jìn)行不必要的限制;
將內(nèi)容整理為較小的單元,以便用戶輕松地處理、理解和記憶。
比如電話號(hào)碼的顯示方式、銀行卡的顯示方式等
四、接近法則
觀察者看到彼此鄰近(空間或時(shí)間)的物體時(shí),會(huì)將它們視為一個(gè)整體。
在界面設(shè)計(jì)中,對(duì)信息的組織已經(jīng)離不開(kāi)這個(gè)法則了,他在界面中所體現(xiàn)的就是把相關(guān)的信息塊組合在一起,不太相關(guān)的分離開(kāi),增強(qiáng)與區(qū)分元素之間的關(guān)聯(lián)性,所強(qiáng)調(diào)的是空間和位置。
接近法則產(chǎn)生于群組,它可以減少信息設(shè)計(jì)的復(fù)雜性,對(duì)引導(dǎo)用戶的視覺(jué)流、便于用戶對(duì)界面的解讀起到至關(guān)重要的作用。
五、席克定律
??硕墒且环N心理物理學(xué)定律。用戶所面臨的選擇數(shù)量越多,做出選擇所花費(fèi)的時(shí)間就越長(zhǎng),在人機(jī)交互的界面中選項(xiàng)越多,意味著用戶做出決策的時(shí)間越長(zhǎng)。
六、泰斯勒定律(復(fù)雜性守恒定律)
泰斯勒定律又稱復(fù)雜性守恒定律,該定律認(rèn)為每一個(gè)過(guò)程都有其固有的復(fù)雜性,這個(gè)復(fù)雜性存在一個(gè)臨界點(diǎn),超過(guò)了這個(gè)點(diǎn)就不能再簡(jiǎn)化了,你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。
七、奧卡姆剃刀原理
奧卡姆剃刀原理的核心思想為:“切勿浪費(fèi)較多東西去做用較少東西同樣可以做好的事——如無(wú)必要,勿增實(shí)體,即簡(jiǎn)單有效原理”。
八、防錯(cuò)原則
操作前有提示,操作中有反饋、操作后可撤銷。
九、損失厭惡
損失厭惡是指人們面對(duì)同樣數(shù)量的收益和損失時(shí),認(rèn)為損失更加令他們難以忍受。同量的損失帶來(lái)的負(fù)效用為同量收益的正效用的2.5倍。損失厭惡反映了人們的風(fēng)險(xiǎn)偏好并不是一致的,當(dāng)涉及的是收益時(shí),人們表現(xiàn)為風(fēng)險(xiǎn)厭惡;當(dāng)涉及的是損失時(shí),人們則表現(xiàn)為風(fēng)險(xiǎn)尋求。
十、安慰劑效應(yīng)
“安慰劑效應(yīng)”指的是,對(duì)于某種無(wú)效的療法或干預(yù)手段,僅僅是“相信它有效”,就能改善健康,并能改變認(rèn)知
十一、多爾蒂門(mén)檻
研究結(jié)果表明,計(jì)算機(jī)的響應(yīng)速度直接影響了使用者做出下一個(gè)決定所要花費(fèi)的時(shí)間(這個(gè)時(shí)間被稱為用戶響應(yīng)時(shí)間),換句話說(shuō),計(jì)算機(jī)相應(yīng)的時(shí)間越長(zhǎng),用戶就要花費(fèi)越多的時(shí)間來(lái)思考和決定下一步的操作。
合理的操作響應(yīng)時(shí)長(zhǎng)、方式有助于用戶保持專注和提率。
軟件操作的過(guò)度動(dòng)畫(huà)時(shí)間不宜太短或太長(zhǎng),最常見(jiàn)于 400ms 左右。
如果無(wú)法避免操作中較長(zhǎng)讀取、等待時(shí)間,那么就用其他更有趣的動(dòng)畫(huà)、頁(yè)面來(lái)減少用戶的焦慮感。
十二、馬斯洛需求層次理論
馬斯洛需求層次理論是人本主義科學(xué)的理論之一,由美國(guó)心理學(xué)家亞伯拉罕?馬斯洛在1943年在《人類動(dòng)機(jī)理論》論文中所提出。書(shū)中將人類需求像階梯一樣從低到高按層次分為五種,從低到高依次是:生理需求、安全需求、社交需求、尊重需求和自我實(shí)現(xiàn)需求。
但最終馬斯洛添加求知需求和審美需求,自此馬斯洛需求層次理論最終定型為8層。
十三、格式塔心理學(xué)
格式塔原則描述了當(dāng)某些條款和條件被應(yīng)用時(shí),人類大腦如何感知視覺(jué)成分。它幫助大腦創(chuàng)造視覺(jué)的意象。因此,格式塔原則基于六個(gè)主要類別:
位置和位置;
接近;
對(duì)稱與秩序;
類似;
關(guān)閉;
連續(xù)性。
十四、自我參照效應(yīng)
第一種是精細(xì)加工說(shuō):在記憶過(guò)程中,這些事物在頭腦中被進(jìn)行了精細(xì)加工,與頭腦中的已有知識(shí)之間建立了更多的聯(lián)系,因此回憶時(shí)的提示線索更多,回憶效果更好。
第二種是組織加工說(shuō):于自我的知識(shí)是頭腦中存在的一種結(jié)構(gòu)良好的組織體系,它對(duì)與自己相關(guān)的事物有更好的固著作用;同時(shí),由于自我知識(shí)常常被激活,因此與之相關(guān)的信息也更容易被相應(yīng)地激活起來(lái),這樣回憶起來(lái)也就更容易。
第三種是雙過(guò)程說(shuō):即自我參照任務(wù)能提高記憶的機(jī)制既包括精細(xì)加工因素,也有組織作用的參與
廣告商會(huì)挖空心思的建立商品和你的關(guān)聯(lián),告知我們?nèi)绻阗?gòu)買(mǎi)了我的商品,你就會(huì)獲得怎樣的好處。而自媒體人則在標(biāo)題上盡量簡(jiǎn)明扼要的說(shuō)明,我要說(shuō)的事情和你密切相關(guān),不看就虧了。所以,稍微有深度的文章在快餐式的自媒體平臺(tái)中反而閱讀量不高,這是因?yàn)槲恼聵?biāo)題所涵蓋的內(nèi)容可能只和少部分人有關(guān)。
十五、上癮模型
1、觸發(fā):提醒人們采取下一步行動(dòng)
觸發(fā)分為外部觸發(fā)與內(nèi)部觸發(fā)
外部觸發(fā)又分為:
付費(fèi)型觸發(fā)、回饋型觸發(fā)、人際型觸發(fā)、自主型觸發(fā)。
內(nèi)部觸發(fā)
內(nèi)部觸發(fā)通過(guò)用戶記憶存儲(chǔ)中的各種關(guān)聯(lián)來(lái)提醒他們采取下一步行動(dòng)。
比如餓了的時(shí)候想起餓了么,想健身的時(shí)候想起keep
2、行動(dòng):人們?cè)谄诖曩p時(shí)的直接反應(yīng)
福格行為模型可以用公式來(lái)呈現(xiàn),即B=MAT。B代表行為,M代表動(dòng)機(jī),A代表能力,T代表觸發(fā)。要想使人們完成特定的行為,動(dòng)機(jī)、能力、觸發(fā)這三樣缺一不可。 否則,人們將無(wú)法跨過(guò)“行動(dòng)線”,也就是說(shuō),不會(huì)實(shí)施某種行為。
比如說(shuō)中午十一點(diǎn)你餓了想到餓了么訂餐但是由于你的手機(jī)沒(méi)電了定不了餐,中午要吃飯是動(dòng)機(jī),訂餐想到叫餓了么外賣是觸發(fā),能夠用手機(jī)訂餐是能力,但是因?yàn)槭謾C(jī)沒(méi)有電 你就缺乏了相應(yīng)的能力所以這個(gè)行為就沒(méi)法完成。(當(dāng)然你也能用朋友的手機(jī)訂餐,這里只是舉個(gè)例子)
福格總結(jié)了簡(jiǎn)潔性所包含的6個(gè)元素 ,即影響任務(wù)難易程度的6個(gè)要素,它們是:
時(shí)間——完成這項(xiàng)活動(dòng)所需的時(shí)間。
金錢(qián)——從事這項(xiàng)活動(dòng)所需的經(jīng)濟(jì)投入。
體力——完成這項(xiàng)活動(dòng)所需消耗的體力。
腦力——從事這項(xiàng)活動(dòng)所需消耗的腦力。
社會(huì)偏差——他人對(duì)該項(xiàng)活動(dòng)的接受度。
非常規(guī)性——按照福格的定義,“該項(xiàng)活動(dòng)與常規(guī)活動(dòng)之間的匹配程度或矛盾程度”。
四種非常規(guī)的效應(yīng)刺激動(dòng)機(jī):
稀缺效應(yīng):(限量1000件)
環(huán)境效應(yīng):(同一款啤酒在便利店和高檔就把價(jià)格不一,但人們?cè)敢鉃閮r(jià)格買(mǎi)單)
錨定效應(yīng):(瑞幸咖啡定價(jià)24元的拿鐵對(duì)標(biāo)星巴克的32元拿鐵)
贈(zèng)券效應(yīng):(利益進(jìn)度吸引用戶動(dòng)機(jī))
3、多變的酬賞:滿足用戶的需求,激發(fā)使用欲
多變性會(huì)使大腦中的伏隔核更加活躍,并且會(huì)提升神經(jīng)傳遞素多巴胺的含量,促使我們對(duì)酬賞產(chǎn)生迫切的渴望。 研究測(cè)試表明,當(dāng)賭博者贏了錢(qián),或是異性戀男性看到美女的圖片時(shí),大腦伏隔核中的多巴胺含量會(huì)上升。
多變的酬賞主要表現(xiàn)為三種形式:社交酬賞、獵物酬賞、自我酬賞。那些讓我們欲罷不能的習(xí)慣養(yǎng)成類產(chǎn)品或多或少都利用了這幾類酬賞。
社交酬賞
所謂社交酬賞,是指人們從產(chǎn)品中通過(guò)與他人的互動(dòng)而獲取的人際獎(jiǎng)勵(lì)。比如微信的點(diǎn)贊評(píng)論、站酷的推薦,用戶能夠獲得社交的認(rèn)同。
獵物酬賞
獵物酬賞,是指人們從產(chǎn)品中獲得的具體資源或信息。
自我酬賞
所謂自我酬賞,是指人們從產(chǎn)品中體驗(yàn)到的操控感、成就感和終結(jié)感。
4、投入:通過(guò)用戶對(duì)產(chǎn)品的投入,培養(yǎng)忠實(shí)用戶
要想讓用戶產(chǎn)生心理聯(lián)想并自動(dòng)采取行動(dòng),首先必須讓他們對(duì)產(chǎn)品有所投入。
用戶對(duì)某件產(chǎn)品或某項(xiàng)服務(wù)投入的時(shí)間和精力越多,對(duì)該產(chǎn)品或服務(wù)就越重視。事實(shí)上,有充分證據(jù)表明,用戶投入的多寡與其熱愛(ài)某項(xiàng)事物的程度成正比。
1、文飾效應(yīng)心理
(1)我們總是高估自己的勞動(dòng)成果。
(2)我們總是盡力和過(guò)去保持行為一致。
(3)我們總是避免認(rèn)知失調(diào)。
2、點(diǎn)滴投入
(1)儲(chǔ)存價(jià)值
(2)內(nèi)容
(3)數(shù)據(jù)資料
(4)關(guān)注者
(5)信譽(yù)
(6)技能
3、加載下一個(gè)觸發(fā)
用戶投入的同時(shí)也可以通過(guò)加載下一個(gè)觸發(fā)的令自己重新開(kāi)始上癮循環(huán),從而增加了進(jìn)入上癮循環(huán)的可能性。
十六、雅各布定律
雅各布定律(簡(jiǎn)稱雅各布互聯(lián)網(wǎng)用戶體驗(yàn)法則),它指出如果用戶已將大部分時(shí)間花費(fèi)在某個(gè)網(wǎng)站上,那么他們會(huì)希望你的網(wǎng)站可以與那些他們已熟悉的網(wǎng)站一樣擁有相似的使用模式。
我們?cè)谂c新事物互動(dòng)的過(guò)程中,用戶使用的是以往的經(jīng)驗(yàn)
對(duì)設(shè)計(jì)師來(lái)說(shuō),我們可以匹配用戶的心智模型來(lái)改善體驗(yàn)。因此,用戶可以輕松地將已有經(jīng)驗(yàn)從一種產(chǎn)品或體驗(yàn)轉(zhuǎn)移到另一種上,無(wú)需額外了解新系統(tǒng)的工作原理。
當(dāng)設(shè)計(jì)師與用戶的心智模型一致時(shí),良好的用戶體驗(yàn)就得以實(shí)現(xiàn)。
十七、KANO模型
KANO模型大家可以看看這個(gè)童鞋的總結(jié)很詳細(xì)
https://www.zcool.com.cn/article/ZMTAyMjQ3Mg==.html
十八、古藤堡表圖表法
人們?cè)跒g覽頁(yè)面或布局時(shí)視線趨于從左上角移動(dòng)到右下角
古騰堡圖表法說(shuō)明我們觀看頁(yè)面的視線并不是鏡面對(duì)稱的,我們需要在設(shè)計(jì)中避免出現(xiàn)此類錯(cuò)誤但絕不是墨守成規(guī),將頁(yè)面的 Logo放置在左上角而主體向右下角延伸,左下和右上作為視覺(jué)的盲點(diǎn)可以添加輔助元素
十九、尼爾森F型視覺(jué)模型
尼爾森F型視覺(jué)模型由 Jakob Nielsen于2006年提出
他指出,我們?cè)诘谝淮斡^看頁(yè)面時(shí),視線會(huì)呈 F的形狀關(guān)注頁(yè)面。
1.先從頂部開(kāi)始從左到右水平移動(dòng)。
2.目光再下移開(kāi)始從左到右觀察但是長(zhǎng)度會(huì)相對(duì)短些。
3.以較短的長(zhǎng)度向下掃視,形成一個(gè) F形狀,此時(shí)我們的閱讀速度較慢,更為系統(tǒng)和條理性。
二十、序列效應(yīng)
1.在列舉信息時(shí),排在最前和最后的元素,比排在中間的更容易讓人記住。
2.對(duì)排在開(kāi)頭的信息產(chǎn)生加強(qiáng)的回想效果,稱為:初始效應(yīng),人們有時(shí)候會(huì)把最前面的信息儲(chǔ)存在長(zhǎng)期記憶中。排在結(jié)尾的信息產(chǎn)生加強(qiáng)的回想效果,稱為:時(shí)近效應(yīng)。時(shí)近效應(yīng)適用于聽(tīng)覺(jué)刺激。初始效應(yīng)適用于視覺(jué)刺激。
3.在列舉信息元素時(shí),如果列舉信息屬于視覺(jué)性,那么把重要的信息放在最前面;如果是聽(tīng)覺(jué)性,就放在最后面。如果是用戶必須做決定,并且是最后一項(xiàng)出現(xiàn)后馬上做決定,那么就將想要用戶做決定的信息放置最后,以便增加獲選概率,否則放在最前面。
4. 應(yīng)用例子:比如在很多app產(chǎn)品設(shè)計(jì)時(shí),個(gè)人賬戶與設(shè)置基本放在頁(yè)面的最前面和最后面,這體現(xiàn)著產(chǎn)品信息的序列關(guān)系,重要次序,所以在進(jìn)行設(shè)計(jì)時(shí),可以在信息排序上遵循序列效應(yīng)。 當(dāng)然還有一些產(chǎn)品想對(duì)用戶進(jìn)行引導(dǎo)操作,也可以利用這個(gè)法則,將信息放置最前或最后。
轉(zhuǎn)自:站酷-YELLOW_J
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com