設(shè)計(jì)心理學(xué)系列(02)——??硕?/h2>
編輯導(dǎo)語(yǔ):設(shè)計(jì)師在日常工作中除了要掌握設(shè)計(jì)技巧之外,一些心理學(xué)的知識(shí)也需要進(jìn)行掌握,這樣才可以抓準(zhǔn)用戶需求,做出符合用戶的設(shè)計(jì)。本文作者分享了??硕?,看看它在復(fù)雜場(chǎng)景下是如何應(yīng)用的。

當(dāng)人們面對(duì)選擇時(shí),他們的反應(yīng)時(shí)間是怎樣的呢?
Hick和Hyman給出了公式:RT = a + b log2 (n)。
隨著選擇數(shù)量的增加,用戶的反應(yīng)時(shí)間也會(huì)增加,并且存在對(duì)數(shù)關(guān)系,也就是響應(yīng)時(shí)間以遞減的速度增加。最終增加選擇的數(shù)量不會(huì)產(chǎn)生太大的影響。依舊還是很難理解,對(duì)嗎?
那就看看下面的圖:
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——??硕? width=]()
這個(gè)定律被發(fā)現(xiàn)后,在很多領(lǐng)域得到了應(yīng)用,包括體驗(yàn)設(shè)計(jì)領(lǐng)域,所以今天我們就來解讀下希克定律。
本文主要內(nèi)容包括:
- 如何理解希克定律
- ??硕稍趶?fù)雜場(chǎng)景下的應(yīng)用
- ??硕傻哪嫦驊?yīng)用
- 常見的信息設(shè)計(jì)策略
01?如何理解??硕?/h2>
??硕杀砻?,可供選擇的刺激越多,用戶決定與哪一個(gè)進(jìn)行交互的時(shí)間就越長(zhǎng)。
如果為用戶提供太多的選項(xiàng),也就意味著用戶需要花費(fèi)更多的時(shí)間和精力去識(shí)別和理解這些信息,再結(jié)合自己的需要才能做出決策。當(dāng)用戶沒有足夠的精力或者無法做出明確選擇時(shí),很可能會(huì)放棄選擇。
所以在保證用戶可理解的情況下,需要盡可能減少信息量,讓用戶快速做出判斷。
例如蘋果iOS的鬧鐘提醒,在頁(yè)面中只有標(biāo)題文字、2個(gè)按鈕,外加弱化了的輔助信息,內(nèi)容做到了最大化的精簡(jiǎn)。2個(gè)按鈕通過背景色、文字大小、空間位置上都做了明顯區(qū)分,從而減少了用戶的決策成本。

而很多彈窗設(shè)計(jì)也是盡可能做到內(nèi)容簡(jiǎn)潔化,突出核心的利益點(diǎn)、強(qiáng)化行動(dòng)按鈕,引導(dǎo)用戶操作。

02 ??硕稍趶?fù)雜場(chǎng)景下的應(yīng)用
互聯(lián)網(wǎng)包含了海量的信息,復(fù)雜場(chǎng)景是不可避免的。在此情況下,一方面做好內(nèi)容的整合、信息量的控制。另一方面隨著大數(shù)據(jù)等技術(shù)的發(fā)展,產(chǎn)品可以將符合用戶需求的內(nèi)容送到用戶面前,降低用戶的決策成本。
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——??硕? width=]()
1. 精簡(jiǎn)內(nèi)容,提高決策效率
電商平臺(tái)的首頁(yè)可以說極其復(fù)雜,頁(yè)面的排版布局、交互邏輯可能會(huì)直接影響用戶的點(diǎn)擊決策,從而影響全站的流量分發(fā)。2020年淘寶首頁(yè)做出了重大改版,核心方向就是精簡(jiǎn)內(nèi)容,強(qiáng)化“猜你喜歡”的曝光,通過商品引導(dǎo)用戶決策。
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——??硕? width=]()
改版后的淘寶首頁(yè)調(diào)整為了5大內(nèi)容模塊,力求商品能夠快速觸達(dá)用戶。通過“千人千面”的精準(zhǔn)營(yíng)銷能力,為用戶提供更有效的信息流,吸引用戶點(diǎn)擊。
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——??硕? width=]()
此外淘寶開始營(yíng)造“內(nèi)容化”沉浸式體驗(yàn),用戶在點(diǎn)擊首頁(yè)推薦商品后,不再進(jìn)入商品詳情頁(yè),而是進(jìn)入新搭建的“微詳情頁(yè)”,里面包含了大量的同品類商品。為用戶提供了更多的選擇,希望讓用戶沉浸其中逛起來,完成購(gòu)買下單。同時(shí)微詳情頁(yè)也增加了商家和商品的曝光機(jī)會(huì)。
這種展示邏輯跟今日頭條非常相似,可以說電商也在逐步的走向“內(nèi)容化”。
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——??硕? width=]()
2. 取消選擇,降低決策成本
產(chǎn)品不僅僅要爭(zhēng)奪流量,還要提升用戶活躍度和停留期間。
抖音“推薦”頻道采用單列全屏展示模式,將內(nèi)容做到了最簡(jiǎn)單。依靠精準(zhǔn)的算法,將符合用戶偏好的視頻內(nèi)容推送給用戶,自動(dòng)播放的方式可以快速抓住用戶興趣點(diǎn),讓用戶快速沉浸其中。
用戶幾乎不需要做出決策,只需要滑動(dòng)手機(jī)切換內(nèi)容即可。通過內(nèi)容“投喂”,讓用戶刷個(gè)不停。
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——??硕? width=]()
快手8.0版本也將雙列選擇改為了單列模式,不再給用戶選擇的機(jī)會(huì),從而減少了用戶的決策成本。當(dāng)然這必須要依靠精準(zhǔn)的推薦技術(shù),不然用戶隨時(shí)都會(huì)做出離開的決定。
03 ??硕傻哪嫦驊?yīng)用
商業(yè)化設(shè)計(jì)在保證用戶體驗(yàn)的同時(shí),還要實(shí)現(xiàn)商業(yè)目標(biāo)。根據(jù)希克定律,可以通過增加選項(xiàng)和內(nèi)容人為的制造用戶交互成本。
例如用戶關(guān)注微信公眾號(hào)之后,取消關(guān)注的按鈕從文字變成了icon圖標(biāo),并且圖標(biāo)表達(dá)的是狀態(tài)信息,用戶對(duì)純圖標(biāo)的理解還是有些費(fèi)力的,從而增加了取消關(guān)注的難度。
同樣在Bilibili中,關(guān)注UP主后,關(guān)注按鈕會(huì)變成了灰色的“已關(guān)注”狀態(tài),給人不可點(diǎn)擊的認(rèn)知。點(diǎn)擊之后底部浮窗中加入了一些新的功能,取消關(guān)注被放置在最后,在一定程度上增加了用戶的操作成本。
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——??硕? width=]()
一般APP預(yù)置功能都充分考慮用戶的體驗(yàn)需求,因此“設(shè)置功能”使用的頻率并不高,沒必要投入太大的設(shè)計(jì)精力。增加新的功能后繼續(xù)堆疊放置即可。根據(jù)??硕?,隨著選項(xiàng)的增加,用戶的交互時(shí)間也不會(huì)明顯增加。所以大多數(shù)APP都采用了列表方式展示。
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——??硕? width=]()
04 常見的信息設(shè)計(jì)策略
很多場(chǎng)景下受到業(yè)務(wù)本身限制,很難做到內(nèi)容精簡(jiǎn)。所以我們需要根據(jù)產(chǎn)品定位和具體場(chǎng)景做出正確的設(shè)計(jì)。
1. 有效的信息分層
當(dāng)信息內(nèi)容過多時(shí),需要將信息分層,強(qiáng)化關(guān)鍵信息,提高信息的識(shí)別效率,輔助用戶做好決策。
除了搜索功能,電商平臺(tái)還給出了二次篩選的功能,幫助用戶縮小商品范圍。而篩選項(xiàng)并不是全部展開的,而是分為了兩個(gè)維度——常用功能和非常用功能。常用功能直接顯示選項(xiàng),非常用功能則默認(rèn)收起。
![設(shè)計(jì)心理學(xué)系列(02)——??硕? src= 設(shè)計(jì)心理學(xué)系列(02)——希克定律]()
2. 關(guān)聯(lián)信息的打通
面對(duì)大量的選項(xiàng),可以增加關(guān)聯(lián)信息輔助用戶決策。例如淘寶商品類型選擇頁(yè)面,增加了商品的評(píng)論信息,方便用戶參考。某些場(chǎng)景下采用了商品圖片直接展示的方式,用戶可以更好的查看細(xì)節(jié),從而降低選擇商品的難度。

3. 幫助用戶做出快速?zèng)Q策
除了提供必要的信息分層,還需要在體驗(yàn)層面提供更多有效信息幫助用戶做出決策。愛奇藝付費(fèi)會(huì)員開卡頁(yè)面除了給出套餐價(jià)格,還給出了折合每月的價(jià)格。可以降低用戶的付出感知,統(tǒng)一標(biāo)準(zhǔn)還有助于用戶對(duì)比決策。
商品在篩選條件中可以設(shè)定價(jià)格范圍,但是部分用戶可能對(duì)商品的價(jià)格缺少認(rèn)知。所以很多平臺(tái)展示了用戶填寫范圍的比例,更好的幫助用戶完成操作。

4. 復(fù)雜業(yè)務(wù)步驟化
當(dāng)單一頁(yè)面內(nèi)容信息量過大時(shí),需要通過分步驟的方式化整為零,讓用戶逐步的完成任務(wù)。特別是B端產(chǎn)品設(shè)計(jì),由于業(yè)務(wù)比較復(fù)雜,一個(gè)業(yè)務(wù)流程可能堆積了大量的信息,導(dǎo)致整體頁(yè)面過長(zhǎng)。滿屏的表格、表單、選項(xiàng)容易造成用戶較大的心理壓力,也會(huì)增加瀏覽和操作成本。
而將內(nèi)容分拆之后,既可以幫助用戶全面了解任務(wù)信息,增加用戶的預(yù)期,同時(shí)每一步操作任務(wù)也會(huì)更加清晰。
05 寫在最后
??硕勺鳛樵瓌t性的定律,只是告訴我們過多的選項(xiàng)影響我們決策時(shí)間。其實(shí)如何使用沒有一定的標(biāo)準(zhǔn),在實(shí)際的產(chǎn)品設(shè)計(jì)中需要根據(jù)實(shí)際情況靈活運(yùn)用。
本文的案例可能不一定完全符合??硕煞秶瑲g迎大家留言討論。
#專欄作家#
子牧先生。公眾號(hào):子牧UXD(HelloDesign),人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn),擅長(zhǎng)體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 unsplash,基于CC0協(xié)議
更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
編輯導(dǎo)語(yǔ):設(shè)計(jì)師在日常工作中除了要掌握設(shè)計(jì)技巧之外,一些心理學(xué)的知識(shí)也需要進(jìn)行掌握,這樣才可以抓準(zhǔn)用戶需求,做出符合用戶的設(shè)計(jì)。本文作者分享了??硕?,看看它在復(fù)雜場(chǎng)景下是如何應(yīng)用的。
當(dāng)人們面對(duì)選擇時(shí),他們的反應(yīng)時(shí)間是怎樣的呢?
Hick和Hyman給出了公式:RT = a + b log2 (n)。
隨著選擇數(shù)量的增加,用戶的反應(yīng)時(shí)間也會(huì)增加,并且存在對(duì)數(shù)關(guān)系,也就是響應(yīng)時(shí)間以遞減的速度增加。最終增加選擇的數(shù)量不會(huì)產(chǎn)生太大的影響。依舊還是很難理解,對(duì)嗎?
那就看看下面的圖:
這個(gè)定律被發(fā)現(xiàn)后,在很多領(lǐng)域得到了應(yīng)用,包括體驗(yàn)設(shè)計(jì)領(lǐng)域,所以今天我們就來解讀下希克定律。
本文主要內(nèi)容包括:
- 如何理解希克定律
- ??硕稍趶?fù)雜場(chǎng)景下的應(yīng)用
- ??硕傻哪嫦驊?yīng)用
- 常見的信息設(shè)計(jì)策略
01?如何理解??硕?/h2>
??硕杀砻?,可供選擇的刺激越多,用戶決定與哪一個(gè)進(jìn)行交互的時(shí)間就越長(zhǎng)。
如果為用戶提供太多的選項(xiàng),也就意味著用戶需要花費(fèi)更多的時(shí)間和精力去識(shí)別和理解這些信息,再結(jié)合自己的需要才能做出決策。當(dāng)用戶沒有足夠的精力或者無法做出明確選擇時(shí),很可能會(huì)放棄選擇。
所以在保證用戶可理解的情況下,需要盡可能減少信息量,讓用戶快速做出判斷。
例如蘋果iOS的鬧鐘提醒,在頁(yè)面中只有標(biāo)題文字、2個(gè)按鈕,外加弱化了的輔助信息,內(nèi)容做到了最大化的精簡(jiǎn)。2個(gè)按鈕通過背景色、文字大小、空間位置上都做了明顯區(qū)分,從而減少了用戶的決策成本。
而很多彈窗設(shè)計(jì)也是盡可能做到內(nèi)容簡(jiǎn)潔化,突出核心的利益點(diǎn)、強(qiáng)化行動(dòng)按鈕,引導(dǎo)用戶操作。
02 ??硕稍趶?fù)雜場(chǎng)景下的應(yīng)用
互聯(lián)網(wǎng)包含了海量的信息,復(fù)雜場(chǎng)景是不可避免的。在此情況下,一方面做好內(nèi)容的整合、信息量的控制。另一方面隨著大數(shù)據(jù)等技術(shù)的發(fā)展,產(chǎn)品可以將符合用戶需求的內(nèi)容送到用戶面前,降低用戶的決策成本。
1. 精簡(jiǎn)內(nèi)容,提高決策效率
電商平臺(tái)的首頁(yè)可以說極其復(fù)雜,頁(yè)面的排版布局、交互邏輯可能會(huì)直接影響用戶的點(diǎn)擊決策,從而影響全站的流量分發(fā)。2020年淘寶首頁(yè)做出了重大改版,核心方向就是精簡(jiǎn)內(nèi)容,強(qiáng)化“猜你喜歡”的曝光,通過商品引導(dǎo)用戶決策。
改版后的淘寶首頁(yè)調(diào)整為了5大內(nèi)容模塊,力求商品能夠快速觸達(dá)用戶。通過“千人千面”的精準(zhǔn)營(yíng)銷能力,為用戶提供更有效的信息流,吸引用戶點(diǎn)擊。
此外淘寶開始營(yíng)造“內(nèi)容化”沉浸式體驗(yàn),用戶在點(diǎn)擊首頁(yè)推薦商品后,不再進(jìn)入商品詳情頁(yè),而是進(jìn)入新搭建的“微詳情頁(yè)”,里面包含了大量的同品類商品。為用戶提供了更多的選擇,希望讓用戶沉浸其中逛起來,完成購(gòu)買下單。同時(shí)微詳情頁(yè)也增加了商家和商品的曝光機(jī)會(huì)。
這種展示邏輯跟今日頭條非常相似,可以說電商也在逐步的走向“內(nèi)容化”。
2. 取消選擇,降低決策成本
產(chǎn)品不僅僅要爭(zhēng)奪流量,還要提升用戶活躍度和停留期間。
抖音“推薦”頻道采用單列全屏展示模式,將內(nèi)容做到了最簡(jiǎn)單。依靠精準(zhǔn)的算法,將符合用戶偏好的視頻內(nèi)容推送給用戶,自動(dòng)播放的方式可以快速抓住用戶興趣點(diǎn),讓用戶快速沉浸其中。
用戶幾乎不需要做出決策,只需要滑動(dòng)手機(jī)切換內(nèi)容即可。通過內(nèi)容“投喂”,讓用戶刷個(gè)不停。
快手8.0版本也將雙列選擇改為了單列模式,不再給用戶選擇的機(jī)會(huì),從而減少了用戶的決策成本。當(dāng)然這必須要依靠精準(zhǔn)的推薦技術(shù),不然用戶隨時(shí)都會(huì)做出離開的決定。
03 ??硕傻哪嫦驊?yīng)用
商業(yè)化設(shè)計(jì)在保證用戶體驗(yàn)的同時(shí),還要實(shí)現(xiàn)商業(yè)目標(biāo)。根據(jù)希克定律,可以通過增加選項(xiàng)和內(nèi)容人為的制造用戶交互成本。
例如用戶關(guān)注微信公眾號(hào)之后,取消關(guān)注的按鈕從文字變成了icon圖標(biāo),并且圖標(biāo)表達(dá)的是狀態(tài)信息,用戶對(duì)純圖標(biāo)的理解還是有些費(fèi)力的,從而增加了取消關(guān)注的難度。
同樣在Bilibili中,關(guān)注UP主后,關(guān)注按鈕會(huì)變成了灰色的“已關(guān)注”狀態(tài),給人不可點(diǎn)擊的認(rèn)知。點(diǎn)擊之后底部浮窗中加入了一些新的功能,取消關(guān)注被放置在最后,在一定程度上增加了用戶的操作成本。
一般APP預(yù)置功能都充分考慮用戶的體驗(yàn)需求,因此“設(shè)置功能”使用的頻率并不高,沒必要投入太大的設(shè)計(jì)精力。增加新的功能后繼續(xù)堆疊放置即可。根據(jù)??硕?,隨著選項(xiàng)的增加,用戶的交互時(shí)間也不會(huì)明顯增加。所以大多數(shù)APP都采用了列表方式展示。
04 常見的信息設(shè)計(jì)策略
很多場(chǎng)景下受到業(yè)務(wù)本身限制,很難做到內(nèi)容精簡(jiǎn)。所以我們需要根據(jù)產(chǎn)品定位和具體場(chǎng)景做出正確的設(shè)計(jì)。
1. 有效的信息分層
當(dāng)信息內(nèi)容過多時(shí),需要將信息分層,強(qiáng)化關(guān)鍵信息,提高信息的識(shí)別效率,輔助用戶做好決策。
除了搜索功能,電商平臺(tái)還給出了二次篩選的功能,幫助用戶縮小商品范圍。而篩選項(xiàng)并不是全部展開的,而是分為了兩個(gè)維度——常用功能和非常用功能。常用功能直接顯示選項(xiàng),非常用功能則默認(rèn)收起。
2. 關(guān)聯(lián)信息的打通
面對(duì)大量的選項(xiàng),可以增加關(guān)聯(lián)信息輔助用戶決策。例如淘寶商品類型選擇頁(yè)面,增加了商品的評(píng)論信息,方便用戶參考。某些場(chǎng)景下采用了商品圖片直接展示的方式,用戶可以更好的查看細(xì)節(jié),從而降低選擇商品的難度。
3. 幫助用戶做出快速?zèng)Q策
除了提供必要的信息分層,還需要在體驗(yàn)層面提供更多有效信息幫助用戶做出決策。愛奇藝付費(fèi)會(huì)員開卡頁(yè)面除了給出套餐價(jià)格,還給出了折合每月的價(jià)格。可以降低用戶的付出感知,統(tǒng)一標(biāo)準(zhǔn)還有助于用戶對(duì)比決策。
商品在篩選條件中可以設(shè)定價(jià)格范圍,但是部分用戶可能對(duì)商品的價(jià)格缺少認(rèn)知。所以很多平臺(tái)展示了用戶填寫范圍的比例,更好的幫助用戶完成操作。
4. 復(fù)雜業(yè)務(wù)步驟化
當(dāng)單一頁(yè)面內(nèi)容信息量過大時(shí),需要通過分步驟的方式化整為零,讓用戶逐步的完成任務(wù)。特別是B端產(chǎn)品設(shè)計(jì),由于業(yè)務(wù)比較復(fù)雜,一個(gè)業(yè)務(wù)流程可能堆積了大量的信息,導(dǎo)致整體頁(yè)面過長(zhǎng)。滿屏的表格、表單、選項(xiàng)容易造成用戶較大的心理壓力,也會(huì)增加瀏覽和操作成本。
而將內(nèi)容分拆之后,既可以幫助用戶全面了解任務(wù)信息,增加用戶的預(yù)期,同時(shí)每一步操作任務(wù)也會(huì)更加清晰。
05 寫在最后
??硕勺鳛樵瓌t性的定律,只是告訴我們過多的選項(xiàng)影響我們決策時(shí)間。其實(shí)如何使用沒有一定的標(biāo)準(zhǔn),在實(shí)際的產(chǎn)品設(shè)計(jì)中需要根據(jù)實(shí)際情況靈活運(yùn)用。
本文的案例可能不一定完全符合??硕煞秶瑲g迎大家留言討論。
#專欄作家#
子牧先生。公眾號(hào):子牧UXD(HelloDesign),人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn),擅長(zhǎng)體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 unsplash,基于CC0協(xié)議
例子舉得不錯(cuò)~學(xué)習(xí)到了
文章寫的不錯(cuò),我來借助這個(gè)文章引個(gè)蜘蛛http://www.woshimarketing.com/