發(fā)布時(shí)間:2024-04-11 13:01:57 瀏覽量:200次
編輯導(dǎo)語:設(shè)計(jì)師在日常工作中除了要掌握設(shè)計(jì)技巧之外,一些心理學(xué)的知識也需要進(jìn)行掌握,這樣才可以抓準(zhǔn)用戶需求,做出符合用戶的設(shè)計(jì)。本文作者分享了??硕?,看看它在復(fù)雜場景下是如何應(yīng)用的。

當(dāng)人們面對選擇時(shí),他們的反應(yīng)時(shí)間是怎樣的呢?
Hick和Hyman給出了公式:RT = a + b log2 (n)。
隨著選擇數(shù)量的增加,用戶的反應(yīng)時(shí)間也會(huì)增加,并且存在對數(shù)關(guān)系,也就是響應(yīng)時(shí)間以遞減的速度增加。最終增加選擇的數(shù)量不會(huì)產(chǎn)生太大的影響。依舊還是很難理解,對嗎?
那就看看下面的圖:

這個(gè)定律被發(fā)現(xiàn)后,在很多領(lǐng)域得到了應(yīng)用,包括體驗(yàn)設(shè)計(jì)領(lǐng)域,所以今天我們就來解讀下希克定律。
本文主要內(nèi)容包括:
希克定律表明,可供選擇的刺激越多,用戶決定與哪一個(gè)進(jìn)行交互的時(shí)間就越長。
如果為用戶提供太多的選項(xiàng),也就意味著用戶需要花費(fèi)更多的時(shí)間和精力去識別和理解這些信息,再結(jié)合自己的需要才能做出決策。當(dāng)用戶沒有足夠的精力或者無法做出明確選擇時(shí),很可能會(huì)放棄選擇。
所以在保證用戶可理解的情況下,需要盡可能減少信息量,讓用戶快速做出判斷。
例如蘋果iOS的鬧鐘提醒,在頁面中只有標(biāo)題文字、2個(gè)按鈕,外加弱化了的輔助信息,內(nèi)容做到了最大化的精簡。2個(gè)按鈕通過背景色、文字大小、空間位置上都做了明顯區(qū)分,從而減少了用戶的決策成本。

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

互聯(lián)網(wǎng)包含了海量的信息,復(fù)雜場景是不可避免的。在此情況下,一方面做好內(nèi)容的整合、信息量的控制。另一方面隨著大數(shù)據(jù)等技術(shù)的發(fā)展,產(chǎn)品可以將符合用戶需求的內(nèi)容送到用戶面前,降低用戶的決策成本。

電商平臺的首頁可以說極其復(fù)雜,頁面的排版布局、交互邏輯可能會(huì)直接影響用戶的點(diǎn)擊決策,從而影響全站的流量分發(fā)。2020年淘寶首頁做出了重大改版,核心方向就是精簡內(nèi)容,強(qiáng)化“猜你喜歡”的曝光,通過商品引導(dǎo)用戶決策。

改版后的淘寶首頁調(diào)整為了5大內(nèi)容模塊,力求商品能夠快速觸達(dá)用戶。通過“千人千面”的精準(zhǔn)營銷能力,為用戶提供更有效的信息流,吸引用戶點(diǎn)擊。

此外淘寶開始營造“內(nèi)容化”沉浸式體驗(yàn),用戶在點(diǎn)擊首頁推薦商品后,不再進(jìn)入商品詳情頁,而是進(jìn)入新搭建的“微詳情頁”,里面包含了大量的同品類商品。為用戶提供了更多的選擇,希望讓用戶沉浸其中逛起來,完成購買下單。同時(shí)微詳情頁也增加了商家和商品的曝光機(jī)會(huì)。
這種展示邏輯跟今日頭條非常相似,可以說電商也在逐步的走向“內(nèi)容化”。

產(chǎn)品不僅僅要爭奪流量,還要提升用戶活躍度和停留期間。
抖音“推薦”頻道采用單列全屏展示模式,將內(nèi)容做到了最簡單。依靠精準(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ì)做出離開的決定。
商業(yè)化設(shè)計(jì)在保證用戶體驗(yàn)的同時(shí),還要實(shí)現(xiàn)商業(yè)目標(biāo)。根據(jù)希克定律,可以通過增加選項(xiàng)和內(nèi)容人為的制造用戶交互成本。
例如用戶關(guān)注微信公眾號之后,取消關(guān)注的按鈕從文字變成了icon圖標(biāo),并且圖標(biāo)表達(dá)的是狀態(tài)信息,用戶對純圖標(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都采用了列表方式展示。

很多場景下受到業(yè)務(wù)本身限制,很難做到內(nèi)容精簡。所以我們需要根據(jù)產(chǎn)品定位和具體場景做出正確的設(shè)計(jì)。
當(dāng)信息內(nèi)容過多時(shí),需要將信息分層,強(qiáng)化關(guān)鍵信息,提高信息的識別效率,輔助用戶做好決策。
除了搜索功能,電商平臺還給出了二次篩選的功能,幫助用戶縮小商品范圍。而篩選項(xiàng)并不是全部展開的,而是分為了兩個(gè)維度——常用功能和非常用功能。常用功能直接顯示選項(xiàng),非常用功能則默認(rèn)收起。

面對大量的選項(xiàng),可以增加關(guān)聯(lián)信息輔助用戶決策。例如淘寶商品類型選擇頁面,增加了商品的評論信息,方便用戶參考。某些場景下采用了商品圖片直接展示的方式,用戶可以更好的查看細(xì)節(jié),從而降低選擇商品的難度。

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

當(dāng)單一頁面內(nèi)容信息量過大時(shí),需要通過分步驟的方式化整為零,讓用戶逐步的完成任務(wù)。特別是B端產(chǎn)品設(shè)計(jì),由于業(yè)務(wù)比較復(fù)雜,一個(gè)業(yè)務(wù)流程可能堆積了大量的信息,導(dǎo)致整體頁面過長。滿屏的表格、表單、選項(xiàng)容易造成用戶較大的心理壓力,也會(huì)增加瀏覽和操作成本。
而將內(nèi)容分拆之后,既可以幫助用戶全面了解任務(wù)信息,增加用戶的預(yù)期,同時(shí)每一步操作任務(wù)也會(huì)更加清晰。
??硕勺鳛樵瓌t性的定律,只是告訴我們過多的選項(xiàng)影響我們決策時(shí)間。其實(shí)如何使用沒有一定的標(biāo)準(zhǔn),在實(shí)際的產(chǎn)品設(shè)計(jì)中需要根據(jù)實(shí)際情況靈活運(yùn)用。
本文的案例可能不一定完全符合??硕煞秶瑲g迎大家留言討論。
子牧先生。公眾號:子牧UXD(HelloDesign),人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn),擅長體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 unsplash,基于CC0協(xié)議
熱門資訊
1. 室內(nèi)設(shè)計(jì)師必備靈感網(wǎng)站推薦,快來獲取作品、模型、素材源吧!
小D整理了一些室內(nèi)設(shè)計(jì)師常用的網(wǎng)站,包括作品、模型、搜索、軟裝等,快來獲取靈感和素材吧!
2. 前沿AI工具,涵蓋全流程建筑設(shè)計(jì)和施工
Forma AI: 一款全流程建筑設(shè)計(jì)和施工工具,驅(qū)動(dòng)規(guī)劃方案設(shè)計(jì)。原為挪威產(chǎn)品SpaceMaker,被改進(jìn)為涵蓋室內(nèi)和景觀設(shè)計(jì)的工具。非常推薦給建筑和室內(nèi)設(shè)計(jì)師使用,試試看Maket!
3. 室內(nèi)設(shè)計(jì)師必收藏的網(wǎng)站有哪些?
室內(nèi)設(shè)計(jì)師必收藏的網(wǎng)站有哪些?
4. 什么是現(xiàn)代簡約風(fēng)?它有什么特點(diǎn)?在空間布局上應(yīng)該怎么搭配?
現(xiàn)代簡約風(fēng)是一種注重功能性和實(shí)用性的室內(nèi)設(shè)計(jì)風(fēng)格,強(qiáng)調(diào)簡潔明了的線條和基本形狀,融合實(shí)用性和時(shí)尚感,營造出一個(gè)整潔、舒適的居住空間。它常常采用...
5. 比利時(shí)Axel Vervoordt:侘寂美學(xué)10空間
是比利時(shí)室內(nèi)設(shè)計(jì)師、古董和藝術(shù)品經(jīng)銷商,也是AD100名人堂成員。Axel Vervoordt認(rèn)為家是一個(gè)人與親友共享私密時(shí)光的空間,應(yīng)該能給人以療愈和滋養(yǎng)。最...
6. 不可錯(cuò)過的室內(nèi)設(shè)計(jì)、軟裝設(shè)計(jì)網(wǎng)站大盤點(diǎn)
在這里,小編為大家整理了一系列關(guān)于室內(nèi)設(shè)計(jì)、軟裝設(shè)計(jì)的網(wǎng)站推薦。從設(shè)計(jì)師作品庫到國內(nèi)一線設(shè)計(jì)公司官網(wǎng),從效果圖相關(guān)網(wǎng)站到資源下載站,再到國外優(yōu)秀網(wǎng)站和臺灣設(shè)計(jì)網(wǎng)站,以及值得推薦的設(shè)計(jì)APP,絕對讓你眼花繚亂,收獲滿滿靈感。
7. 6款易上手的裝修軟件推薦,小白也能快速設(shè)計(jì)
想要快速上手裝修軟件,但CAD、3D max太專業(yè)?不用擔(dān)心!這里推薦6款操作簡單的裝修軟件,讓小白也能快速設(shè)計(jì)家居。
8. 12款必備的環(huán)境藝術(shù)設(shè)計(jì)軟件,了解多少?
以下是12款必備的環(huán)境藝術(shù)設(shè)計(jì)軟件,助你完成各種設(shè)計(jì)任務(wù)。 1. AutoCAD:用于建筑室內(nèi)設(shè)計(jì)等領(lǐng)域的二維和三維模型創(chuàng)建。 2. SketchUp:直觀易用的三維建模軟件,幫助設(shè)計(jì)出精美的室內(nèi)外環(huán)境。 3. Revit:專業(yè)級建筑信息模型軟件,可協(xié)助設(shè)計(jì)全方位的環(huán)境布局。 4. Rhino:強(qiáng)大的幾何造型工具,用于設(shè)計(jì)復(fù)雜的建筑結(jié)構(gòu)和景觀元素。 5. Lumion:實(shí)時(shí)渲染引擎,可將設(shè)計(jì)作品以生動(dòng)的方式展示給客戶。 6. Photoshop:廣泛應(yīng)用的圖像處理軟件,能夠增強(qiáng)和編輯設(shè)計(jì)方案。 7. 3ds Max:出色的三維建模和渲染軟件,可創(chuàng)造逼真的環(huán)境效果。 8. Sketch: 優(yōu)秀的矢量繪圖工具,支持設(shè)計(jì)師實(shí)時(shí)協(xié)作和共享創(chuàng)意。 9. Illustrator:專業(yè)級矢量圖形軟件,用于創(chuàng)作精美的插圖和圖標(biāo)。 10. InDesign:行業(yè)標(biāo)準(zhǔn)的頁面設(shè)計(jì)和排版軟件,適用于創(chuàng)作室內(nèi)設(shè)計(jì)方案。 11. ArchiCAD:面向建筑師的BIM軟件,可實(shí)現(xiàn)設(shè)計(jì)數(shù)據(jù)的協(xié)作和管理。 12. V-Ray:強(qiáng)大的渲染引擎插件,可為設(shè)計(jì)師呈現(xiàn)出逼真的光影效果。
9. 中國十大軟裝設(shè)計(jì)公司排名 軟裝設(shè)計(jì)公司哪家好
中國十大軟裝設(shè)計(jì)公司排名 軟裝設(shè)計(jì)公司哪家好
10. 眾說紛紜下怎么理解深化設(shè)計(jì)?深化工作方式及流程標(biāo)準(zhǔn)
通過介紹深化設(shè)計(jì)的背景、深化設(shè)計(jì)的工作流程、圖紙深化的內(nèi)容和作用。深化設(shè)計(jì)是未來施工中的重要一個(gè)環(huán)節(jié),也是工程質(zhì)量能否保證的一個(gè)重要因素,希...
最新文章
同學(xué)您好!