起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí) UI&UE實(shí)用方法論：交互四策略實(shí)現(xiàn)?？硕?/h2>
編輯導(dǎo)語：?？硕?，即你向用戶提供的選擇越多，他們做出決定的時(shí)間就越長。雖然乍一看是常識(shí)，但是這個(gè)理念在我們工作時(shí)時(shí)卻常常被忽略。在產(chǎn)品設(shè)計(jì)過程中，我們也可以使用?？硕蓙韺徱曃覀兊降讘?yīng)該為產(chǎn)品添加多少功能，以及這將如何影響用戶的總體決策。
如果你看到「希克定律」、「席克定律」或者「?？?海曼定律」，那沒錯(cuò)，說的就是 Hick’s Law 了。正是我們今天要講到的內(nèi)容。
1952年，威廉·埃德蒙·希克 與 雷·海曼 這對(duì)夫婦進(jìn)行了一項(xiàng)實(shí)驗(yàn)研究，探究人對(duì)信號(hào)的反應(yīng)時(shí)間與出現(xiàn)的信號(hào)刺激數(shù)目之間的關(guān)系。最后發(fā)現(xiàn)，反應(yīng)時(shí)間會(huì)隨著信號(hào)數(shù)目的增多而增長，呈現(xiàn)對(duì)數(shù)函數(shù)關(guān)系，故以兩人的名字對(duì)這一研究結(jié)果進(jìn)行了命名。
即?？硕傻玫降膶?shí)驗(yàn)結(jié)論是：若出現(xiàn)的信號(hào)刺激數(shù)量越多，人們做出反應(yīng)的所需時(shí)間就越長。二者的數(shù)學(xué)關(guān)系為：RT = a + b log2 (n) 其中：
- RT 是「反應(yīng)時(shí)間」；
- n 是「信號(hào)刺激數(shù)量」；
- a、b 都是常量，隨著具體執(zhí)行的任務(wù)和執(zhí)行任務(wù)的條件而變化。
如果還沒捋清楚上面的實(shí)驗(yàn)和結(jié)論，沒關(guān)系，用大白話來說，其實(shí)「?？硕伞咕褪且粭l結(jié)論定律：給用戶的選擇越多，用戶做出決定的時(shí)間就越多（也有一條非常哲學(xué)的解釋：給用戶非常多的選擇，約等于沒給用戶選擇）。
雖然我是在UI&UE方法論專題中來講?？硕桑豢蓛H僅只被使用在人機(jī)交互當(dāng)中，它同時(shí)也被許多工程學(xué)、心理學(xué)研究所運(yùn)用。
因?yàn)橄？硕蓛H僅只是一條學(xué)術(shù)結(jié)論，它告訴了我們“應(yīng)該把控選項(xiàng)數(shù)量”的方向，但卻沒有教我們應(yīng)該如何去做。所以這條結(jié)論可以被大多數(shù)領(lǐng)域所接納和借鑒，但在不同的領(lǐng)域，需要實(shí)施不同領(lǐng)域的手法去實(shí)現(xiàn)。
那作為UI或UE設(shè)計(jì)師，我們應(yīng)該采用哪些手法去實(shí)現(xiàn)?？硕赡兀课曳窒硪幌挛业挠^點(diǎn)。
一、交互設(shè)計(jì)四策略是對(duì)希克定律的完美詮釋
Giles Colborne 提出過著名的“交互設(shè)計(jì)四策略”：合理刪除、分層組織、適時(shí)隱藏和巧妙轉(zhuǎn)移。
因?yàn)檫^于經(jīng)典，我在過去的文章《導(dǎo)航欄也甭想逃出 “交互設(shè)計(jì)四策略”的手掌心》中有所提及（想更全面地了解“交互設(shè)計(jì)四策略”，可在后臺(tái)回復(fù)1701獲取我整理的讀書筆記），我在這里就不展開聊了。
刪除、組織、隱藏、轉(zhuǎn)移，每一個(gè)手法無一例外都是想向用戶更友好地展示選項(xiàng)和功能。中心思想不就是想告訴設(shè)計(jì)者：不要冗雜地堆積功能選項(xiàng)，合理分布、歸納，可以幫助用戶更快做出決策與操作。
那應(yīng)該如何把四策略具體地拆分對(duì)應(yīng)到實(shí)現(xiàn)希克定律的手法呢？
1. 刪除：當(dāng)選項(xiàng)數(shù)量干擾到用戶決策時(shí)間，就減少選項(xiàng)
「刪除」是一種理念，我可能沒辦法提供具體的落地案例圖示來告訴大家該怎么做。但耍家任職于一家電商公司，電商行業(yè)在產(chǎn)品線上有一條墨守成規(guī)的設(shè)計(jì)準(zhǔn)則，就是在「選購-付款」任務(wù)路徑中，設(shè)計(jì)者應(yīng)該盡量減少干擾用戶下單的因素。
避免在一些快速達(dá)成交易的產(chǎn)品界面放入太多的相關(guān)競品或無關(guān)功能，否則會(huì)讓用戶決策的時(shí)間延長，甚至出現(xiàn)不確定性，增加退出或跳出率。
所以我們?cè)谠O(shè)計(jì)過程中應(yīng)該學(xué)會(huì)思考判斷功能的主次，雖然「一個(gè)頁面做一件事」這樣的烏托邦式理念在國內(nèi)商業(yè)環(huán)境中已經(jīng)很難再實(shí)現(xiàn)了，但梳理主要的關(guān)鍵路徑、分清功能主次，突出重點(diǎn)，刪除次要，也能夠潛移默化地幫助用戶做決策。
2. 組織：對(duì)選項(xiàng)分類，讓用戶有跡可循
「組織」無需多言，設(shè)計(jì)師每天的工作都是在直接或間接地組織著信息。我們打開任何一款A(yù)PP，標(biāo)簽欄就是「組織」策略的直觀表達(dá)。我們不會(huì)把軟件功能全部堆積在一個(gè)頁面，而是通過分類信息，讓用戶按照分類再深挖。
「組織」的手法并沒有像「刪除」一樣減少選項(xiàng)或功能數(shù)量，而是通過分類的方式把功能選項(xiàng)明確區(qū)分，通過父子級(jí)關(guān)系，讓用戶有跡可循。Giles Colborne 在《簡約至上》中就介紹了多種分類方式，我提選一個(gè)“首字母分類”來做示例。
當(dāng)我們?cè)谔顚懙刂?，選擇省份的時(shí)候，一般會(huì)遇到兩種設(shè)計(jì)方式，一種是沒有規(guī)律的隨機(jī)排列，一種是通過地名首字母組織排列。
![UI&UE實(shí)用方法論 | 交互四策略實(shí)現(xiàn)?？硕? width=]( "UI&UE實(shí)用方法論 | 交互四策略實(shí)現(xiàn)?？硕? src=")
國內(nèi)省及直轄市數(shù)量多達(dá)30幾個(gè)，在沒有組織排序的場景下，用戶只有隨機(jī)查找；而經(jīng)過首字母排序的場景，就方便很多，用戶只需要先進(jìn)行首字母篩查，再找到對(duì)應(yīng)的省份。
所以組織分類，也是加快用戶選擇效率的方式之一。但這個(gè)說法也建立在有效的組織上，Giles Colborne 在書中明確指點(diǎn)了一些組織手法的建議，其中一條就是“不要用過于專業(yè)的標(biāo)準(zhǔn)進(jìn)行分類”。讓用戶通俗易懂的組織方式，才能真正地實(shí)現(xiàn)?？硕伞?/p>
3. 隱藏：當(dāng)需要引導(dǎo)選擇時(shí)，隱藏多余選項(xiàng)
支付寶首頁的功能板塊支持用戶自定義編輯，用戶可以自由地排列常用功能，不常用的功能被隱藏在了“全部”面板當(dāng)中。幫助用戶在超多的應(yīng)用中，快速找到高頻使用選項(xiàng)，這就是「隱藏」策略。
![UI&UE實(shí)用方法論 | 交互四策略實(shí)現(xiàn)希克定律]( "UI&UE實(shí)用方法論 | 交互四策略實(shí)現(xiàn)?？硕? src=")
還有許多隱藏的案例，例如天貓訂單詳情中，隱藏次要選項(xiàng)；美團(tuán)支付中，隱藏次要支付方式（當(dāng)然這里面也有商業(yè)戰(zhàn)和壟斷問題的成分…）。
和「刪除」不同的是，「隱藏」并沒有刪減功能，而是保留了功能、選項(xiàng)的完整性，只是限制露出信息數(shù)量，減少對(duì)用戶的干擾，引導(dǎo)用戶快速做出決策。
4. 轉(zhuǎn)移：將復(fù)雜任務(wù)拆解成更小的步驟，以減少認(rèn)知負(fù)荷
作為設(shè)計(jì)師，我們更多時(shí)候的工作內(nèi)容是在為產(chǎn)品錦上添花。當(dāng)產(chǎn)品功能本身就是復(fù)雜的，且遇到無法刪減、組織的信息的情況，我們可以通過拆解任務(wù)為更小的步驟，來減少用戶的認(rèn)知負(fù)荷。
假如當(dāng)前的場景本身就是要求用戶做選擇題，題目和答案與產(chǎn)品業(yè)務(wù)有關(guān)，設(shè)計(jì)師無法著手進(jìn)行刪減、隱藏，并且每道題都需要用戶仔細(xì)地閱讀和思考進(jìn)行作答，該場景下繁雜的內(nèi)容可能本身和?？硕删突ハ嗝?。
但設(shè)計(jì)師可以通過改變形式，拆分題目，讓用戶對(duì)待一個(gè)頁面內(nèi)的內(nèi)容更加專注，讓作答過程更加友好。
二、不要極端崇拜?？硕?/h2>
雖然?？硕墒窃S多領(lǐng)域所認(rèn)同的一條準(zhǔn)則，但也不要因?yàn)闃O端崇拜?？硕?，而簡化步驟到抽象的地步。?？硕梢灿兴贿m用的地方，就像我前面「轉(zhuǎn)移」法則中舉例所說，選擇題的場景本身就和?？硕上嗝堋?/p>
當(dāng)業(yè)務(wù)、功能本身就復(fù)雜時(shí)，?？硕梢簿褪チ似鋬r(jià)值性，你可以理解為業(yè)務(wù)功能的復(fù)雜性和?？硕傻倪m用性成反比。比如需要高度搜索、需要長時(shí)間閱讀的場景，其本身就存在高復(fù)雜度，我們不能為了?？硕？耍荒茉趫鼍澳K當(dāng)中去找辦法入手。
還是和我之前講費(fèi)茨定律時(shí)候所說的一樣，“法則”的存在是在為了鞏固一種思維模式和思考方向。手術(shù)刀是用來治病的，但為了動(dòng)刀而動(dòng)刀，就失去了它的價(jià)值。
#專欄作家#
UCD耍家，公眾號(hào)：UCD耍家（ID：ucdplayer），人人都是產(chǎn)品經(jīng)理專欄作家。
本文由 @UCD耍家 原創(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)語：?？硕?，即你向用戶提供的選擇越多，他們做出決定的時(shí)間就越長。雖然乍一看是常識(shí)，但是這個(gè)理念在我們工作時(shí)時(shí)卻常常被忽略。在產(chǎn)品設(shè)計(jì)過程中，我們也可以使用?？硕蓙韺徱曃覀兊降讘?yīng)該為產(chǎn)品添加多少功能，以及這將如何影響用戶的總體決策。
如果你看到「希克定律」、「席克定律」或者「?？?海曼定律」，那沒錯(cuò)，說的就是 Hick’s Law 了。正是我們今天要講到的內(nèi)容。
1952年，威廉·埃德蒙·希克 與 雷·海曼 這對(duì)夫婦進(jìn)行了一項(xiàng)實(shí)驗(yàn)研究，探究人對(duì)信號(hào)的反應(yīng)時(shí)間與出現(xiàn)的信號(hào)刺激數(shù)目之間的關(guān)系。最后發(fā)現(xiàn)，反應(yīng)時(shí)間會(huì)隨著信號(hào)數(shù)目的增多而增長，呈現(xiàn)對(duì)數(shù)函數(shù)關(guān)系，故以兩人的名字對(duì)這一研究結(jié)果進(jìn)行了命名。
即?？硕傻玫降膶?shí)驗(yàn)結(jié)論是：若出現(xiàn)的信號(hào)刺激數(shù)量越多，人們做出反應(yīng)的所需時(shí)間就越長。二者的數(shù)學(xué)關(guān)系為：RT = a + b log2 (n) 其中：
- RT 是「反應(yīng)時(shí)間」；
- n 是「信號(hào)刺激數(shù)量」；
- a、b 都是常量，隨著具體執(zhí)行的任務(wù)和執(zhí)行任務(wù)的條件而變化。
如果還沒捋清楚上面的實(shí)驗(yàn)和結(jié)論，沒關(guān)系，用大白話來說，其實(shí)「?？硕伞咕褪且粭l結(jié)論定律：給用戶的選擇越多，用戶做出決定的時(shí)間就越多（也有一條非常哲學(xué)的解釋：給用戶非常多的選擇，約等于沒給用戶選擇）。
雖然我是在UI&UE方法論專題中來講?？硕桑豢蓛H僅只被使用在人機(jī)交互當(dāng)中，它同時(shí)也被許多工程學(xué)、心理學(xué)研究所運(yùn)用。
因?yàn)橄？硕蓛H僅只是一條學(xué)術(shù)結(jié)論，它告訴了我們“應(yīng)該把控選項(xiàng)數(shù)量”的方向，但卻沒有教我們應(yīng)該如何去做。所以這條結(jié)論可以被大多數(shù)領(lǐng)域所接納和借鑒，但在不同的領(lǐng)域，需要實(shí)施不同領(lǐng)域的手法去實(shí)現(xiàn)。
那作為UI或UE設(shè)計(jì)師，我們應(yīng)該采用哪些手法去實(shí)現(xiàn)?？硕赡兀课曳窒硪幌挛业挠^點(diǎn)。
一、交互設(shè)計(jì)四策略是對(duì)希克定律的完美詮釋
Giles Colborne 提出過著名的“交互設(shè)計(jì)四策略”：合理刪除、分層組織、適時(shí)隱藏和巧妙轉(zhuǎn)移。
因?yàn)檫^于經(jīng)典，我在過去的文章《導(dǎo)航欄也甭想逃出 “交互設(shè)計(jì)四策略”的手掌心》中有所提及（想更全面地了解“交互設(shè)計(jì)四策略”，可在后臺(tái)回復(fù)1701獲取我整理的讀書筆記），我在這里就不展開聊了。
刪除、組織、隱藏、轉(zhuǎn)移，每一個(gè)手法無一例外都是想向用戶更友好地展示選項(xiàng)和功能。中心思想不就是想告訴設(shè)計(jì)者：不要冗雜地堆積功能選項(xiàng)，合理分布、歸納，可以幫助用戶更快做出決策與操作。
那應(yīng)該如何把四策略具體地拆分對(duì)應(yīng)到實(shí)現(xiàn)希克定律的手法呢？
1. 刪除：當(dāng)選項(xiàng)數(shù)量干擾到用戶決策時(shí)間，就減少選項(xiàng)
「刪除」是一種理念，我可能沒辦法提供具體的落地案例圖示來告訴大家該怎么做。但耍家任職于一家電商公司，電商行業(yè)在產(chǎn)品線上有一條墨守成規(guī)的設(shè)計(jì)準(zhǔn)則，就是在「選購-付款」任務(wù)路徑中，設(shè)計(jì)者應(yīng)該盡量減少干擾用戶下單的因素。
避免在一些快速達(dá)成交易的產(chǎn)品界面放入太多的相關(guān)競品或無關(guān)功能，否則會(huì)讓用戶決策的時(shí)間延長，甚至出現(xiàn)不確定性，增加退出或跳出率。
所以我們?cè)谠O(shè)計(jì)過程中應(yīng)該學(xué)會(huì)思考判斷功能的主次，雖然「一個(gè)頁面做一件事」這樣的烏托邦式理念在國內(nèi)商業(yè)環(huán)境中已經(jīng)很難再實(shí)現(xiàn)了，但梳理主要的關(guān)鍵路徑、分清功能主次，突出重點(diǎn)，刪除次要，也能夠潛移默化地幫助用戶做決策。
2. 組織：對(duì)選項(xiàng)分類，讓用戶有跡可循
「組織」無需多言，設(shè)計(jì)師每天的工作都是在直接或間接地組織著信息。我們打開任何一款A(yù)PP，標(biāo)簽欄就是「組織」策略的直觀表達(dá)。我們不會(huì)把軟件功能全部堆積在一個(gè)頁面，而是通過分類信息，讓用戶按照分類再深挖。
「組織」的手法并沒有像「刪除」一樣減少選項(xiàng)或功能數(shù)量，而是通過分類的方式把功能選項(xiàng)明確區(qū)分，通過父子級(jí)關(guān)系，讓用戶有跡可循。Giles Colborne 在《簡約至上》中就介紹了多種分類方式，我提選一個(gè)“首字母分類”來做示例。
當(dāng)我們?cè)谔顚懙刂?，選擇省份的時(shí)候，一般會(huì)遇到兩種設(shè)計(jì)方式，一種是沒有規(guī)律的隨機(jī)排列，一種是通過地名首字母組織排列。
國內(nèi)省及直轄市數(shù)量多達(dá)30幾個(gè)，在沒有組織排序的場景下，用戶只有隨機(jī)查找；而經(jīng)過首字母排序的場景，就方便很多，用戶只需要先進(jìn)行首字母篩查，再找到對(duì)應(yīng)的省份。
所以組織分類，也是加快用戶選擇效率的方式之一。但這個(gè)說法也建立在有效的組織上，Giles Colborne 在書中明確指點(diǎn)了一些組織手法的建議，其中一條就是“不要用過于專業(yè)的標(biāo)準(zhǔn)進(jìn)行分類”。讓用戶通俗易懂的組織方式，才能真正地實(shí)現(xiàn)?？硕伞?/p>
3. 隱藏：當(dāng)需要引導(dǎo)選擇時(shí)，隱藏多余選項(xiàng)
支付寶首頁的功能板塊支持用戶自定義編輯，用戶可以自由地排列常用功能，不常用的功能被隱藏在了“全部”面板當(dāng)中。幫助用戶在超多的應(yīng)用中，快速找到高頻使用選項(xiàng)，這就是「隱藏」策略。
還有許多隱藏的案例，例如天貓訂單詳情中，隱藏次要選項(xiàng)；美團(tuán)支付中，隱藏次要支付方式（當(dāng)然這里面也有商業(yè)戰(zhàn)和壟斷問題的成分…）。
和「刪除」不同的是，「隱藏」并沒有刪減功能，而是保留了功能、選項(xiàng)的完整性，只是限制露出信息數(shù)量，減少對(duì)用戶的干擾，引導(dǎo)用戶快速做出決策。
4. 轉(zhuǎn)移：將復(fù)雜任務(wù)拆解成更小的步驟，以減少認(rèn)知負(fù)荷
作為設(shè)計(jì)師，我們更多時(shí)候的工作內(nèi)容是在為產(chǎn)品錦上添花。當(dāng)產(chǎn)品功能本身就是復(fù)雜的，且遇到無法刪減、組織的信息的情況，我們可以通過拆解任務(wù)為更小的步驟，來減少用戶的認(rèn)知負(fù)荷。
假如當(dāng)前的場景本身就是要求用戶做選擇題，題目和答案與產(chǎn)品業(yè)務(wù)有關(guān)，設(shè)計(jì)師無法著手進(jìn)行刪減、隱藏，并且每道題都需要用戶仔細(xì)地閱讀和思考進(jìn)行作答，該場景下繁雜的內(nèi)容可能本身和?？硕删突ハ嗝?。
但設(shè)計(jì)師可以通過改變形式，拆分題目，讓用戶對(duì)待一個(gè)頁面內(nèi)的內(nèi)容更加專注，讓作答過程更加友好。
二、不要極端崇拜?？硕?/h2>
雖然?？硕墒窃S多領(lǐng)域所認(rèn)同的一條準(zhǔn)則，但也不要因?yàn)闃O端崇拜?？硕?，而簡化步驟到抽象的地步。?？硕梢灿兴贿m用的地方，就像我前面「轉(zhuǎn)移」法則中舉例所說，選擇題的場景本身就和?？硕上嗝堋?/p>
當(dāng)業(yè)務(wù)、功能本身就復(fù)雜時(shí)，?？硕梢簿褪チ似鋬r(jià)值性，你可以理解為業(yè)務(wù)功能的復(fù)雜性和?？硕傻倪m用性成反比。比如需要高度搜索、需要長時(shí)間閱讀的場景，其本身就存在高復(fù)雜度，我們不能為了?？硕？耍荒茉趫鼍澳K當(dāng)中去找辦法入手。
還是和我之前講費(fèi)茨定律時(shí)候所說的一樣，“法則”的存在是在為了鞏固一種思維模式和思考方向。手術(shù)刀是用來治病的，但為了動(dòng)刀而動(dòng)刀，就失去了它的價(jià)值。
#專欄作家#
UCD耍家，公眾號(hào)：UCD耍家（ID：ucdplayer），人人都是產(chǎn)品經(jīng)理專欄作家。
本文由 @UCD耍家 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
1701，求交互設(shè)計(jì)四策略完整筆記