交互七大原則之“設(shè)計(jì)中的??硕伞?/h2>
本次來(lái)跟大家講講交互設(shè)計(jì)七大原則之一,設(shè)計(jì)中的??硕?,也叫希克法則。在UI中運(yùn)用到的地方特別多,除了在設(shè)計(jì)中,在生活中也非常常見(jiàn),具體用在什么地方,怎么把定律運(yùn)用到設(shè)計(jì)決策中呢,下面和大家闡述一下。
概念簡(jiǎn)述
??硕桑Q??撕B桑℉ick Hymalrs 1aw),是一種心理物理學(xué)定律。
簡(jiǎn)單的說(shuō),它的意思就是:一個(gè)人所面臨的選擇越多,做出選擇所花的時(shí)間就越多,當(dāng)面臨選擇的數(shù)量增加,做出決定的時(shí)間也會(huì)跟著增加。
案例
拿我身邊的事情舉個(gè)例子:前幾天從北京飛回深圳,打火機(jī)在登機(jī)前被繳了,到深圳出機(jī)場(chǎng)時(shí)候,遠(yuǎn)遠(yuǎn)看見(jiàn)有一個(gè)臺(tái)子——打火機(jī)免費(fèi)領(lǐng)取處。
心里一想,好事兒啊,走過(guò)去一看,密密麻麻的一大堆打火機(jī),啥樣子的都有,作為選擇困難癥天秤座的我,足足猶豫了大半天。
反思一下:如果我們給用戶的選擇也是密密麻麻一大片,不合理的控制好,是不是就會(huì)給用戶帶來(lái)非常不好的體驗(yàn)?zāi)兀?/b>
所以,我們需要合理的控制好選項(xiàng)的多少,合理的減少可選項(xiàng),比如:晚上要吃飯,但又不知道吃啥。
如果你朋友說(shuō)想吃肉蟹煲或者北京烤鴨,那這樣就合理的減少了選項(xiàng)的多少,在肉蟹煲和北京烤鴨之間對(duì)比做選擇就可以了。大大減少了作出選擇所花的時(shí)間。
下圖中兩個(gè)電視遙控器,如果你對(duì)兩個(gè)遙控器都不了解,都沒(méi)有使用過(guò),這時(shí)讓你使用遙控器做出開(kāi)機(jī)、返回、加大音量之類的簡(jiǎn)單操作,你覺(jué)得哪一個(gè)使用起來(lái)可以更快作出決定?
比如:我用sketch時(shí),要在這個(gè)菜單下拉選項(xiàng)中,找到并選擇使用修改色彩配置的選項(xiàng),這么多的選項(xiàng),是不是大大增加了我做出選擇所需要花費(fèi)的時(shí)間。如果減少選項(xiàng),是不是大大減少了所需要的時(shí)間。
當(dāng)然,不一定數(shù)量越少就是越好,要合理的控制,后面會(huì)給大家講講使用的誤區(qū)。
如果為什么支付寶上方藍(lán)色底色里面有一個(gè)收錢,下面還可以出現(xiàn)一個(gè)收錢的button,當(dāng)然下面那塊是可以自定義的。
但為什么平級(jí)功能要這樣區(qū)分,就是為了把兩者權(quán)重區(qū)分開(kāi),把核心功能做在層級(jí)最高的地方,讓用戶操作的時(shí)候“4選1”而不是“12選1”。
一般在設(shè)計(jì)菜單選項(xiàng)多少的時(shí)候,盡量參考7±2定律。(不明白的可以自行百度,或者以后會(huì)寫到)
比如:mac的QQ登錄窗口,默認(rèn)情況下讓用戶一眼凈收眼底的是最基本的輸入賬號(hào)密碼,把相對(duì)較少操作的選項(xiàng),用一個(gè)簡(jiǎn)單的下拉箭頭收納起來(lái),讓用戶減少了0.5秒到2秒到聚焦時(shí)間,從而更快的進(jìn)行操作步驟。
使用誤區(qū)01
雖然在??硕芍形覀冎涝趺礈p少用戶做決定的時(shí)間,從而提升用戶體驗(yàn),但這并不是提高用戶體驗(yàn)的唯一標(biāo)準(zhǔn),也不是唯一方向,過(guò)度的減少選項(xiàng),可能導(dǎo)致負(fù)面效果。
如圖,如果在APP中出現(xiàn)提醒更新的浮層,且只有更新的button,沒(méi)有明顯的取消之類的途徑,那么用戶會(huì)覺(jué)得特別難受,感覺(jué)被強(qiáng)迫去更新。如果當(dāng)下是很著急、急需要使用APP做一些事情,那么這樣會(huì)把這種負(fù)面情緒給無(wú)限放大。
使用誤區(qū)02
??硕芍饕苡绊懹谶x項(xiàng)的多少,但是,??硕刹贿m用于需要高難度閱讀的任務(wù)。
比如:英語(yǔ)試卷就是這樣,不能用??硕扇ズ饬窟x擇題選擇項(xiàng)的多少。(ps:要是就給你AB選項(xiàng),那多容易蒙?。?br />
還有比如:電商應(yīng)用中的篩選功能,用戶就是需要通過(guò)更詳細(xì)的篩選,從而得出自己想要的商品,所以要貼合使用場(chǎng)景,以內(nèi)容為主的時(shí)候,就當(dāng)以內(nèi)容為主。
設(shè)計(jì)策略
簡(jiǎn)單的一條理論,沒(méi)有特別具體的使用場(chǎng)景,只要活用,可以在很多場(chǎng)景下使用,不僅僅是設(shè)計(jì),也可以用到生活中,但??硕梢膊皇俏ㄒ坏臉?biāo)準(zhǔn),應(yīng)配合其他設(shè)計(jì)原則來(lái)使用。
感謝閱讀。
本文由 @竹溪Gaven 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Pexels,基于 CC0 協(xié)議
更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
本次來(lái)跟大家講講交互設(shè)計(jì)七大原則之一,設(shè)計(jì)中的??硕?,也叫希克法則。在UI中運(yùn)用到的地方特別多,除了在設(shè)計(jì)中,在生活中也非常常見(jiàn),具體用在什么地方,怎么把定律運(yùn)用到設(shè)計(jì)決策中呢,下面和大家闡述一下。
概念簡(jiǎn)述
??硕桑Q??撕B桑℉ick Hymalrs 1aw),是一種心理物理學(xué)定律。
簡(jiǎn)單的說(shuō),它的意思就是:一個(gè)人所面臨的選擇越多,做出選擇所花的時(shí)間就越多,當(dāng)面臨選擇的數(shù)量增加,做出決定的時(shí)間也會(huì)跟著增加。
案例
拿我身邊的事情舉個(gè)例子:前幾天從北京飛回深圳,打火機(jī)在登機(jī)前被繳了,到深圳出機(jī)場(chǎng)時(shí)候,遠(yuǎn)遠(yuǎn)看見(jiàn)有一個(gè)臺(tái)子——打火機(jī)免費(fèi)領(lǐng)取處。
心里一想,好事兒啊,走過(guò)去一看,密密麻麻的一大堆打火機(jī),啥樣子的都有,作為選擇困難癥天秤座的我,足足猶豫了大半天。
反思一下:如果我們給用戶的選擇也是密密麻麻一大片,不合理的控制好,是不是就會(huì)給用戶帶來(lái)非常不好的體驗(yàn)?zāi)兀?/b>
所以,我們需要合理的控制好選項(xiàng)的多少,合理的減少可選項(xiàng),比如:晚上要吃飯,但又不知道吃啥。
如果你朋友說(shuō)想吃肉蟹煲或者北京烤鴨,那這樣就合理的減少了選項(xiàng)的多少,在肉蟹煲和北京烤鴨之間對(duì)比做選擇就可以了。大大減少了作出選擇所花的時(shí)間。
下圖中兩個(gè)電視遙控器,如果你對(duì)兩個(gè)遙控器都不了解,都沒(méi)有使用過(guò),這時(shí)讓你使用遙控器做出開(kāi)機(jī)、返回、加大音量之類的簡(jiǎn)單操作,你覺(jué)得哪一個(gè)使用起來(lái)可以更快作出決定?
比如:我用sketch時(shí),要在這個(gè)菜單下拉選項(xiàng)中,找到并選擇使用修改色彩配置的選項(xiàng),這么多的選項(xiàng),是不是大大增加了我做出選擇所需要花費(fèi)的時(shí)間。如果減少選項(xiàng),是不是大大減少了所需要的時(shí)間。
當(dāng)然,不一定數(shù)量越少就是越好,要合理的控制,后面會(huì)給大家講講使用的誤區(qū)。
如果為什么支付寶上方藍(lán)色底色里面有一個(gè)收錢,下面還可以出現(xiàn)一個(gè)收錢的button,當(dāng)然下面那塊是可以自定義的。
但為什么平級(jí)功能要這樣區(qū)分,就是為了把兩者權(quán)重區(qū)分開(kāi),把核心功能做在層級(jí)最高的地方,讓用戶操作的時(shí)候“4選1”而不是“12選1”。
一般在設(shè)計(jì)菜單選項(xiàng)多少的時(shí)候,盡量參考7±2定律。(不明白的可以自行百度,或者以后會(huì)寫到)
比如:mac的QQ登錄窗口,默認(rèn)情況下讓用戶一眼凈收眼底的是最基本的輸入賬號(hào)密碼,把相對(duì)較少操作的選項(xiàng),用一個(gè)簡(jiǎn)單的下拉箭頭收納起來(lái),讓用戶減少了0.5秒到2秒到聚焦時(shí)間,從而更快的進(jìn)行操作步驟。
使用誤區(qū)01
雖然在??硕芍形覀冎涝趺礈p少用戶做決定的時(shí)間,從而提升用戶體驗(yàn),但這并不是提高用戶體驗(yàn)的唯一標(biāo)準(zhǔn),也不是唯一方向,過(guò)度的減少選項(xiàng),可能導(dǎo)致負(fù)面效果。
如圖,如果在APP中出現(xiàn)提醒更新的浮層,且只有更新的button,沒(méi)有明顯的取消之類的途徑,那么用戶會(huì)覺(jué)得特別難受,感覺(jué)被強(qiáng)迫去更新。如果當(dāng)下是很著急、急需要使用APP做一些事情,那么這樣會(huì)把這種負(fù)面情緒給無(wú)限放大。
使用誤區(qū)02
??硕芍饕苡绊懹谶x項(xiàng)的多少,但是,??硕刹贿m用于需要高難度閱讀的任務(wù)。
比如:英語(yǔ)試卷就是這樣,不能用??硕扇ズ饬窟x擇題選擇項(xiàng)的多少。(ps:要是就給你AB選項(xiàng),那多容易蒙?。?br /> 還有比如:電商應(yīng)用中的篩選功能,用戶就是需要通過(guò)更詳細(xì)的篩選,從而得出自己想要的商品,所以要貼合使用場(chǎng)景,以內(nèi)容為主的時(shí)候,就當(dāng)以內(nèi)容為主。
設(shè)計(jì)策略
簡(jiǎn)單的一條理論,沒(méi)有特別具體的使用場(chǎng)景,只要活用,可以在很多場(chǎng)景下使用,不僅僅是設(shè)計(jì),也可以用到生活中,但??硕梢膊皇俏ㄒ坏臉?biāo)準(zhǔn),應(yīng)配合其他設(shè)計(jì)原則來(lái)使用。
感謝閱讀。
本文由 @竹溪Gaven 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Pexels,基于 CC0 協(xié)議
其他的六個(gè)定律之后也會(huì)有詳細(xì)解釋嗎?期待
哈哈哈,?? 看到最后發(fā)現(xiàn)是竹溪大佬的文章哈哈哈~設(shè)計(jì)日記黑珍珠——裙子,到此一游~
作者很棒哦,我這個(gè)學(xué)生的對(duì)你很是崇拜
誤區(qū)01 應(yīng)該不叫誤區(qū),一般只有強(qiáng)更的時(shí)候才會(huì)用。強(qiáng)更,更多是從某個(gè)版本用戶占比較少、運(yùn)營(yíng)和運(yùn)維成本太高等原因才會(huì)強(qiáng)制更新。
其他的六個(gè)定律之后也會(huì)有詳細(xì)解釋嗎?期待
可以的
使用誤區(qū)01應(yīng)該是強(qiáng)更的彈窗……
這個(gè)就是呀