產(chǎn)品設(shè)計(jì)利劍,讓心理學(xué)成為你的武器

5 評(píng)論 3277 瀏覽 247 收藏 14 分鐘

在產(chǎn)品設(shè)計(jì)中,界面的設(shè)計(jì)經(jīng)常會(huì)遇到各種挑戰(zhàn)。沒有競(jìng)品可以參考?如何讓UI設(shè)計(jì)師老實(shí)改圖?如何讓研發(fā)老實(shí)改代碼?如何在評(píng)價(jià)的時(shí)候不是只說:“我覺得這個(gè)…”而講出道理?如何把你的產(chǎn)品從60分提高到80分?什么才是以人為本的設(shè)計(jì)?…

如果我們從本質(zhì)出發(fā),就會(huì)比較容易找到這些問題的應(yīng)對(duì)方法。最近自己又重新讀了一次《設(shè)計(jì)師要懂心理學(xué)》,其中從人性,社會(huì),大腦分泌物等作出了很多解釋,讓以前遇到的一些問題有了根本性的答案。

設(shè)計(jì)心理學(xué)

該書的主要內(nèi)容分為以下十個(gè)部分,每個(gè)部分下對(duì)應(yīng)十個(gè)分支,一共一百個(gè)知識(shí)點(diǎn)來介紹。

設(shè)計(jì)心里學(xué)

外國(guó)人的書,不免有些啰嗦,所以我把主要內(nèi)容針對(duì)產(chǎn)品設(shè)計(jì)做了一下提煉,并加入了自己的理解與看法。

一、人如何觀察和閱讀

1.人在識(shí)別物體時(shí)會(huì)尋找規(guī)律

可以利用分組和間隔在頁面上創(chuàng)造出規(guī)律,讓用戶更容易找到你的內(nèi)容。

簡(jiǎn)單的幾何圖形更容易識(shí)別,大腦以二維方式接收人眼觀察到的信息,這也是當(dāng)下扁平風(fēng)格流行的原因之一吧。

這里還可以引入《寫給大家看的設(shè)計(jì)書》中的一個(gè)原則,親密性。當(dāng)你看到頁面上位置相近的元素,大腦會(huì)默認(rèn)它們是相關(guān)的。

2.整體認(rèn)知主要依靠周邊視覺而非中央視覺。

中央視覺——直視事物觀察細(xì)節(jié)

周邊視覺——對(duì)場(chǎng)景的認(rèn)知

如果你想讓用戶對(duì)你的產(chǎn)品印象深刻,那么試著把你頁面的四周留下你的產(chǎn)品形象吧。

3.人根據(jù)經(jīng)驗(yàn)和預(yù)期瀏覽屏幕

當(dāng)你第一眼望向屏幕的時(shí)候你會(huì)看到哪里?把你想讓用戶看到的信息放在屏幕1/3處。

4.物體會(huì)提示人如何使用

當(dāng)你在設(shè)計(jì)時(shí),你的設(shè)計(jì)要讓用戶不經(jīng)思考就知道怎么做。比如,在線瀏覽圖片時(shí),鼠標(biāo)移到右側(cè)時(shí)提示<下一頁>,超鏈接給出點(diǎn)擊提示等等。

5.對(duì)所讀內(nèi)容的理解和記憶取決于此前的經(jīng)驗(yàn)

文字的表述盡量要符合普通人的閱讀習(xí)慣,盡量不使用專業(yè)術(shù)語或用白話文解釋。字體會(huì)影響人對(duì)閱讀難度的感知,越是復(fù)雜難見的越會(huì)覺得難懂。

在屏幕上,人們更喜歡短行閱讀。希望用戶能快速閱讀的,建議每行45個(gè)字符左右。

二、人如何記憶

1454643-de06558aa4fb9cec

如圖,人在大部分時(shí)候的記憶是短期性的記憶,這種記憶一般在一周內(nèi)就會(huì)被遺忘。當(dāng)環(huán)境有一定壓力的時(shí)候,記憶力會(huì)降低,可以通過提高感官刺激來提高。

R=e^(-t/s)

其中R:記憶保留比例。S:代表記憶力相對(duì)強(qiáng)度。T:代表時(shí)間。

人會(huì)很快忘記非長(zhǎng)期的記憶的內(nèi)容,且并不會(huì)有意判斷。

1454643-c37e4747e6805fc9

那么,如何才能讓用戶把你想讓他記住的東西變?yōu)殚L(zhǎng)期記憶呢?

1454643-934bb5d621f334db

人通常一次只能記住四件事情,但是利用組塊可以讓人們記住更多。比如你記電話號(hào)碼的時(shí)候,不就是用3-4-4或是4-4-3來記住那11個(gè)數(shù)字嘛。

那么人們是怎么存儲(chǔ)和讀取大腦中的長(zhǎng)期記憶呢?答案是:圖式。

什么是圖式?

舉個(gè)栗子,當(dāng)我讓你想臺(tái)式電腦的時(shí)候,你會(huì)在腦海中想起:顯示器、鍵盤、機(jī)箱、鼠標(biāo)。那么,電腦就是圖式。

所以,如果你的產(chǎn)品結(jié)構(gòu)不清晰,分組數(shù)據(jù)較多,那么,用戶大腦將會(huì)難以形成圖式。在這個(gè)方面表現(xiàn)得比較明顯的有攜程和去哪兒的色塊界面。

三、人如何集中注意力

人在集中注意力的時(shí)候會(huì)采取選擇性注意:只關(guān)注一件事,過濾掉其他刺激。

  1. 人更容易注意到大幅照片和色彩。
  2. 人在完成有一定挑戰(zhàn)的任務(wù)時(shí)會(huì)集中注意力,過濾掉其它干擾信息。
  3. 人要想關(guān)注一件事,必先感知到它,而感知取決于對(duì)人的刺激。

大腦只會(huì)優(yōu)先關(guān)注顯著線索,比如你的流程引導(dǎo)一定要明顯。

eg:流程

比如這樣的任務(wù)引導(dǎo),就容易讓用戶忽視且難以理解。

要注意的是,人的注意力只能維持十分鐘,且一般人無法同時(shí)完成多個(gè)任務(wù)。所以,注意你留給用戶的時(shí)間別超過它。
想讓用戶使用你的產(chǎn)品時(shí)注意力集中?看這張圖

1454643-0a432209dcbedb1d

四、人如何思考

大腦一次只能有意識(shí)地處理少量信息,根據(jù)估計(jì),人每秒處理約400億條信息,其中只有40條是有意識(shí)加工的。設(shè)計(jì)師經(jīng)常犯的一個(gè)錯(cuò)誤就是一次給用戶太多信息。

循序漸近的設(shè)計(jì)理念:每次只展示用戶當(dāng)前需要的信息。(設(shè)計(jì)師要了解用戶在不同階段需要什么)

三心概念:

  • 心智游移:指做一件事情時(shí)漸漸走神,沉浸在無關(guān)的思考中。(30%的時(shí)間人會(huì)走神)
  • 心智模型:指人們腦海中對(duì)萬物的解析,基于過去經(jīng)驗(yàn)創(chuàng)造。
  • 心流狀態(tài):全身心地投入一件事,暫時(shí)拋開其他所有事。

心智模型的概念比較重要。目前市場(chǎng)上有著大量種類的網(wǎng)站/APP,不少網(wǎng)站/APP已經(jīng)開始進(jìn)入深度垂直領(lǐng)域,人們對(duì)于網(wǎng)站/APP的認(rèn)知程度也越來越高,電商網(wǎng)站,旅游網(wǎng)站,都有自己的設(shè)計(jì)風(fēng)格。

去哪兒

攜程

比如OTA行業(yè)的去哪兒和攜程,你會(huì)發(fā)現(xiàn)它們的首頁非常相似。再如淘寶和京東。

京東

淘寶

因此,當(dāng)你設(shè)計(jì)你的產(chǎn)品的時(shí)候,最好明白用戶們對(duì)于你這款產(chǎn)品的心智模型是什么樣的,當(dāng)你這款產(chǎn)品的概念模型匹配用戶對(duì)其的心智模型時(shí),用戶能更好認(rèn)知。

五、人的動(dòng)機(jī)來源

你是否有這樣的習(xí)慣:每隔一段時(shí)間就想看看朋友圈,刷刷微博,逛逛知乎?那可能是因?yàn)槟愦竽X中的多巴胺,多巴胺會(huì)讓人產(chǎn)生尋求信息的好奇心和熱情。

人們會(huì)受多巴胺的影響去不斷尋求信息,并會(huì)進(jìn)入多巴胺循環(huán),搜尋信息的需求得到滿足后,多巴胺會(huì)刺激人們?nèi)で蟾嗟男畔ⅰD銜?huì)控制不住地想去拿出手機(jī)。

想讓用戶對(duì)你的產(chǎn)品上癮?

少量信息+更多信息路徑——誘發(fā)用戶尋找更多信息>>進(jìn)入你產(chǎn)品的循環(huán)中…

目標(biāo)趨近效應(yīng):人有一個(gè)特點(diǎn),越接近目標(biāo)越容易被激勵(lì)。

筆者曾經(jīng)修改過一個(gè)產(chǎn)品的領(lǐng)獎(jiǎng)流程,將領(lǐng)獎(jiǎng)的注冊(cè)流程從一開始發(fā)在了領(lǐng)獎(jiǎng)的前一步,結(jié)果是注冊(cè)率大大提升。

進(jìn)步、掌握、控制感讓人更有動(dòng)力,人生來具有控制欲望,在你設(shè)計(jì)流程時(shí)要注意向用戶顯示完成進(jìn)度。

人們常說用戶是小白,其實(shí)絕大部分用戶是小白的原因是沒興趣+人天生懶惰。小學(xué)生是小白嗎?但我親眼見過小學(xué)生在網(wǎng)吧里利用復(fù)雜的特殊軟件免費(fèi)上網(wǎng)。只要你能引起用戶的興趣,小白轉(zhuǎn)眼就能變黑客。

人們只是習(xí)慣用最小的工作量完成任務(wù),快捷方式易用時(shí)人們才會(huì)用。

在吸引用戶的同時(shí)時(shí)刻也要記住產(chǎn)品的易用性。

六、人是社會(huì)性動(dòng)物

強(qiáng)關(guān)系圈:能維持穩(wěn)定社交關(guān)系的人數(shù),150人。社交媒體能快速擴(kuò)展弱關(guān)系,而共同做一件事會(huì)把人們聯(lián)系在一起。

線上社交遵循線下社交規(guī)則。

  1. 設(shè)計(jì)產(chǎn)品應(yīng)該多考慮互動(dòng),是否符合線下。
  2. 遵循基礎(chǔ)的可用性規(guī)范,迎合用戶預(yù)期。

七、人如何感知

人天生喜歡驚喜,如果你在產(chǎn)品中加入更多趣味元素,用戶會(huì)更喜歡。

事情越難實(shí)現(xiàn),人們就越喜歡。這是一定程度上的,人們會(huì)享受其中挑戰(zhàn)的成就感,比如火爆一時(shí)的像素水管鳥。

觀感是信任的重要指標(biāo)。別讓用戶第一看你的產(chǎn)品就不信任。(匹配心智模型)

人在忙碌時(shí)更愉悅。

八、人會(huì)犯錯(cuò)

我見過不少產(chǎn)品的容錯(cuò)機(jī)制都特別差,最近兩年比較有好轉(zhuǎn),比如經(jīng)典的404錯(cuò)誤,不少產(chǎn)品會(huì)把其優(yōu)化為有趣又容易理解的畫面。
很多產(chǎn)品的容錯(cuò)是由程序來設(shè)計(jì)的,這樣非常不好,程序能理解的錯(cuò)誤提示和用戶應(yīng)該是不一定的,比如因?yàn)槿鄙?¥%……%¥@¥%程序不能運(yùn)行,程序員看到后能很快理解并找到原因修復(fù),但用戶會(huì)茫然,他們會(huì)覺得是自己的操作錯(cuò)誤,甚至?xí)X得是不是弄壞了什么。

人性化的產(chǎn)品應(yīng)該假設(shè)總會(huì)出錯(cuò),并建立容錯(cuò)反饋。

合理的錯(cuò)誤提示可以是這樣的:

  1. 告訴用戶做了什么。
  2. 解釋出現(xiàn)了什么問題。
  3. 指導(dǎo)用戶如何去修正。
  4. 信息要簡(jiǎn)單直白,使用主動(dòng)語態(tài)。
  5. 舉例說明。

人容易在壓力下犯錯(cuò),犯錯(cuò)不一定是壞事,它是需求。

九、人如何決策

多數(shù)決策都是在潛意識(shí)中作出的,它會(huì)幫你考慮更多,對(duì)你的主觀決策做出影響。這也是相信第一直覺的原因。

人希望有超出能力范圍的選擇和信息,但是選擇過多會(huì)麻痹思維過程。

少就是多。只給予用戶3-4種選擇是最好的。

人的決策容易受情緒、群體決策、強(qiáng)勢(shì)者、從眾心理影響。證書、評(píng)分、評(píng)論等會(huì)影響他人行為,越多,影響越大。

人會(huì)認(rèn)為眼前的實(shí)物更有價(jià)值,真實(shí)的產(chǎn)品是一種條件刺激,引起大腦對(duì)應(yīng)的反射。在淘寶京東購(gòu)物者很多會(huì)受買家秀的影響。

心理學(xué)遠(yuǎn)不止這么一本書的內(nèi)容,熟知用戶的心理能設(shè)計(jì)出更好的產(chǎn)品。也許再提出產(chǎn)品需求時(shí)可以說道:“從心理學(xué)的角度來說,人的心理XXXX,于是這里要怎xx改,那里要xxx改,明白了嗎?”

 

本文由 @placeless 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. ? ?? ??

    來自上海 回復(fù)
    1. :mrgreen: ?? ??

      來自湖北 回復(fù)
    2. 能詳細(xì)點(diǎn)么,或者推薦些,我最近在考慮設(shè)計(jì)產(chǎn)品的時(shí)候是不是要在心理學(xué)上考慮下

      來自上海 回復(fù)
    3. 《設(shè)計(jì)師要懂心理學(xué)》《用戶體驗(yàn)要素》《在你身邊,為你設(shè)計(jì)》都值得一看

      來自湖北 回復(fù)
    4. ??

      來自上海 回復(fù)