UI&UE實用方法論:交互四策略實現??硕?/h2>
編輯導語:希克定律,即你向用戶提供的選擇越多,他們做出決定的時間就越長。雖然乍一看是常識,但是這個理念在我們工作時時卻常常被忽略。在產品設計過程中,我們也可以使用??硕蓙韺徱曃覀兊降讘摓楫a品添加多少功能,以及這將如何影響用戶的總體決策。
如果你看到「??硕伞?、「席克定律」或者「???海曼定律」,那沒錯,說的就是 Hick’s Law 了。正是我們今天要講到的內容。
1952年,威廉·埃德蒙·希克 與 雷·海曼 這對夫婦進行了一項實驗研究,探究人對信號的反應時間與出現的信號刺激數目之間的關系。最后發現,反應時間會隨著信號數目的增多而增長,呈現對數函數關系,故以兩人的名字對這一研究結果進行了命名。
即希克定律得到的實驗結論是:若出現的信號刺激數量越多,人們做出反應的所需時間就越長。二者的數學關系為:RT = a + b log2 (n) 其中:
- RT 是「反應時間」;
- n 是「信號刺激數量」;
- a、b 都是常量,隨著具體執行的任務和執行任務的條件而變化。
如果還沒捋清楚上面的實驗和結論,沒關系,用大白話來說,其實「希克定律」就是一條結論定律:給用戶的選擇越多,用戶做出決定的時間就越多(也有一條非常哲學的解釋:給用戶非常多的選擇,約等于沒給用戶選擇)。
雖然我是在UI&UE方法論專題中來講??硕?,但它不可僅僅只被使用在人機交互當中,它同時也被許多工程學、心理學研究所運用。
因為??硕蓛H僅只是一條學術結論,它告訴了我們“應該把控選項數量”的方向,但卻沒有教我們應該如何去做。所以這條結論可以被大多數領域所接納和借鑒,但在不同的領域,需要實施不同領域的手法去實現。
那作為UI或UE設計師,我們應該采用哪些手法去實現希克定律呢?我分享一下我的觀點。
一、交互設計四策略是對??硕傻耐昝涝忈?/h2>
Giles Colborne 提出過著名的“交互設計四策略”:合理刪除、分層組織、適時隱藏和巧妙轉移。
因為過于經典,我在過去的文章《導航欄也甭想逃出 “交互設計四策略”的手掌心》中有所提及(想更全面地了解“交互設計四策略”,可在后臺回復1701獲取我整理的讀書筆記),我在這里就不展開聊了。
刪除、組織、隱藏、轉移,每一個手法無一例外都是想向用戶更友好地展示選項和功能。中心思想不就是想告訴設計者:不要冗雜地堆積功能選項,合理分布、歸納,可以幫助用戶更快做出決策與操作。
那應該如何把四策略具體地拆分對應到實現??硕傻氖址??
1. 刪除:當選項數量干擾到用戶決策時間,就減少選項
「刪除」是一種理念,我可能沒辦法提供具體的落地案例圖示來告訴大家該怎么做。但耍家任職于一家電商公司,電商行業在產品線上有一條墨守成規的設計準則,就是在「選購-付款」任務路徑中,設計者應該盡量減少干擾用戶下單的因素。
避免在一些快速達成交易的產品界面放入太多的相關競品或無關功能,否則會讓用戶決策的時間延長,甚至出現不確定性,增加退出或跳出率。
所以我們在設計過程中應該學會思考判斷功能的主次,雖然「一個頁面做一件事」這樣的烏托邦式理念在國內商業環境中已經很難再實現了,但梳理主要的關鍵路徑、分清功能主次,突出重點,刪除次要,也能夠潛移默化地幫助用戶做決策。
2. 組織:對選項分類,讓用戶有跡可循
「組織」無需多言,設計師每天的工作都是在直接或間接地組織著信息。我們打開任何一款APP,標簽欄就是「組織」策略的直觀表達。我們不會把軟件功能全部堆積在一個頁面,而是通過分類信息,讓用戶按照分類再深挖。
「組織」的手法并沒有像「刪除」一樣減少選項或功能數量,而是通過分類的方式把功能選項明確區分,通過父子級關系,讓用戶有跡可循。Giles Colborne 在《簡約至上》中就介紹了多種分類方式,我提選一個“首字母分類”來做示例。
當我們在填寫地址,選擇省份的時候,一般會遇到兩種設計方式,一種是沒有規律的隨機排列,一種是通過地名首字母組織排列。
國內省及直轄市數量多達30幾個,在沒有組織排序的場景下,用戶只有隨機查找;而經過首字母排序的場景,就方便很多,用戶只需要先進行首字母篩查,再找到對應的省份。
所以組織分類,也是加快用戶選擇效率的方式之一。但這個說法也建立在有效的組織上,Giles Colborne 在書中明確指點了一些組織手法的建議,其中一條就是“不要用過于專業的標準進行分類”。讓用戶通俗易懂的組織方式,才能真正地實現??硕伞?/p>
3. 隱藏:當需要引導選擇時,隱藏多余選項
支付寶首頁的功能板塊支持用戶自定義編輯,用戶可以自由地排列常用功能,不常用的功能被隱藏在了“全部”面板當中。幫助用戶在超多的應用中,快速找到高頻使用選項,這就是「隱藏」策略。
還有許多隱藏的案例,例如天貓訂單詳情中,隱藏次要選項;美團支付中,隱藏次要支付方式(當然這里面也有商業戰和壟斷問題的成分…)。
和「刪除」不同的是,「隱藏」并沒有刪減功能,而是保留了功能、選項的完整性,只是限制露出信息數量,減少對用戶的干擾,引導用戶快速做出決策。
4. 轉移:將復雜任務拆解成更小的步驟,以減少認知負荷
作為設計師,我們更多時候的工作內容是在為產品錦上添花。當產品功能本身就是復雜的,且遇到無法刪減、組織的信息的情況,我們可以通過拆解任務為更小的步驟,來減少用戶的認知負荷。
假如當前的場景本身就是要求用戶做選擇題,題目和答案與產品業務有關,設計師無法著手進行刪減、隱藏,并且每道題都需要用戶仔細地閱讀和思考進行作答,該場景下繁雜的內容可能本身和??硕删突ハ嗝?。
但設計師可以通過改變形式,拆分題目,讓用戶對待一個頁面內的內容更加專注,讓作答過程更加友好。
二、不要極端崇拜希克定律
雖然??硕墒窃S多領域所認同的一條準則,但也不要因為極端崇拜??硕桑喕襟E到抽象的地步。??硕梢灿兴贿m用的地方,就像我前面「轉移」法則中舉例所說,選擇題的場景本身就和??硕上嗝?。
當業務、功能本身就復雜時,希克定律也就失去了其價值性,你可以理解為業務功能的復雜性和??硕傻倪m用性成反比。比如需要高度搜索、需要長時間閱讀的場景,其本身就存在高復雜度,我們不能為了??硕??,只能在場景模塊當中去找辦法入手。
還是和我之前講費茨定律時候所說的一樣,“法則”的存在是在為了鞏固一種思維模式和思考方向。手術刀是用來治病的,但為了動刀而動刀,就失去了它的價值。
#專欄作家#
UCD耍家,公眾號:UCD耍家(ID:ucdplayer),人人都是產品經理專欄作家。
本文由 @UCD耍家 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
編輯導語:希克定律,即你向用戶提供的選擇越多,他們做出決定的時間就越長。雖然乍一看是常識,但是這個理念在我們工作時時卻常常被忽略。在產品設計過程中,我們也可以使用??硕蓙韺徱曃覀兊降讘摓楫a品添加多少功能,以及這將如何影響用戶的總體決策。
如果你看到「??硕伞?、「席克定律」或者「???海曼定律」,那沒錯,說的就是 Hick’s Law 了。正是我們今天要講到的內容。
1952年,威廉·埃德蒙·希克 與 雷·海曼 這對夫婦進行了一項實驗研究,探究人對信號的反應時間與出現的信號刺激數目之間的關系。最后發現,反應時間會隨著信號數目的增多而增長,呈現對數函數關系,故以兩人的名字對這一研究結果進行了命名。
即希克定律得到的實驗結論是:若出現的信號刺激數量越多,人們做出反應的所需時間就越長。二者的數學關系為:RT = a + b log2 (n) 其中:
- RT 是「反應時間」;
- n 是「信號刺激數量」;
- a、b 都是常量,隨著具體執行的任務和執行任務的條件而變化。
如果還沒捋清楚上面的實驗和結論,沒關系,用大白話來說,其實「希克定律」就是一條結論定律:給用戶的選擇越多,用戶做出決定的時間就越多(也有一條非常哲學的解釋:給用戶非常多的選擇,約等于沒給用戶選擇)。
雖然我是在UI&UE方法論專題中來講??硕?,但它不可僅僅只被使用在人機交互當中,它同時也被許多工程學、心理學研究所運用。
因為??硕蓛H僅只是一條學術結論,它告訴了我們“應該把控選項數量”的方向,但卻沒有教我們應該如何去做。所以這條結論可以被大多數領域所接納和借鑒,但在不同的領域,需要實施不同領域的手法去實現。
那作為UI或UE設計師,我們應該采用哪些手法去實現希克定律呢?我分享一下我的觀點。
一、交互設計四策略是對??硕傻耐昝涝忈?/h2>
Giles Colborne 提出過著名的“交互設計四策略”:合理刪除、分層組織、適時隱藏和巧妙轉移。
因為過于經典,我在過去的文章《導航欄也甭想逃出 “交互設計四策略”的手掌心》中有所提及(想更全面地了解“交互設計四策略”,可在后臺回復1701獲取我整理的讀書筆記),我在這里就不展開聊了。
刪除、組織、隱藏、轉移,每一個手法無一例外都是想向用戶更友好地展示選項和功能。中心思想不就是想告訴設計者:不要冗雜地堆積功能選項,合理分布、歸納,可以幫助用戶更快做出決策與操作。
那應該如何把四策略具體地拆分對應到實現??硕傻氖址??
1. 刪除:當選項數量干擾到用戶決策時間,就減少選項
「刪除」是一種理念,我可能沒辦法提供具體的落地案例圖示來告訴大家該怎么做。但耍家任職于一家電商公司,電商行業在產品線上有一條墨守成規的設計準則,就是在「選購-付款」任務路徑中,設計者應該盡量減少干擾用戶下單的因素。
避免在一些快速達成交易的產品界面放入太多的相關競品或無關功能,否則會讓用戶決策的時間延長,甚至出現不確定性,增加退出或跳出率。
所以我們在設計過程中應該學會思考判斷功能的主次,雖然「一個頁面做一件事」這樣的烏托邦式理念在國內商業環境中已經很難再實現了,但梳理主要的關鍵路徑、分清功能主次,突出重點,刪除次要,也能夠潛移默化地幫助用戶做決策。
2. 組織:對選項分類,讓用戶有跡可循
「組織」無需多言,設計師每天的工作都是在直接或間接地組織著信息。我們打開任何一款APP,標簽欄就是「組織」策略的直觀表達。我們不會把軟件功能全部堆積在一個頁面,而是通過分類信息,讓用戶按照分類再深挖。
「組織」的手法并沒有像「刪除」一樣減少選項或功能數量,而是通過分類的方式把功能選項明確區分,通過父子級關系,讓用戶有跡可循。Giles Colborne 在《簡約至上》中就介紹了多種分類方式,我提選一個“首字母分類”來做示例。
當我們在填寫地址,選擇省份的時候,一般會遇到兩種設計方式,一種是沒有規律的隨機排列,一種是通過地名首字母組織排列。
國內省及直轄市數量多達30幾個,在沒有組織排序的場景下,用戶只有隨機查找;而經過首字母排序的場景,就方便很多,用戶只需要先進行首字母篩查,再找到對應的省份。
所以組織分類,也是加快用戶選擇效率的方式之一。但這個說法也建立在有效的組織上,Giles Colborne 在書中明確指點了一些組織手法的建議,其中一條就是“不要用過于專業的標準進行分類”。讓用戶通俗易懂的組織方式,才能真正地實現??硕伞?/p>
3. 隱藏:當需要引導選擇時,隱藏多余選項
支付寶首頁的功能板塊支持用戶自定義編輯,用戶可以自由地排列常用功能,不常用的功能被隱藏在了“全部”面板當中。幫助用戶在超多的應用中,快速找到高頻使用選項,這就是「隱藏」策略。
還有許多隱藏的案例,例如天貓訂單詳情中,隱藏次要選項;美團支付中,隱藏次要支付方式(當然這里面也有商業戰和壟斷問題的成分…)。
和「刪除」不同的是,「隱藏」并沒有刪減功能,而是保留了功能、選項的完整性,只是限制露出信息數量,減少對用戶的干擾,引導用戶快速做出決策。
4. 轉移:將復雜任務拆解成更小的步驟,以減少認知負荷
作為設計師,我們更多時候的工作內容是在為產品錦上添花。當產品功能本身就是復雜的,且遇到無法刪減、組織的信息的情況,我們可以通過拆解任務為更小的步驟,來減少用戶的認知負荷。
假如當前的場景本身就是要求用戶做選擇題,題目和答案與產品業務有關,設計師無法著手進行刪減、隱藏,并且每道題都需要用戶仔細地閱讀和思考進行作答,該場景下繁雜的內容可能本身和??硕删突ハ嗝?。
但設計師可以通過改變形式,拆分題目,讓用戶對待一個頁面內的內容更加專注,讓作答過程更加友好。
二、不要極端崇拜希克定律
雖然??硕墒窃S多領域所認同的一條準則,但也不要因為極端崇拜??硕桑喕襟E到抽象的地步。??硕梢灿兴贿m用的地方,就像我前面「轉移」法則中舉例所說,選擇題的場景本身就和??硕上嗝?。
當業務、功能本身就復雜時,希克定律也就失去了其價值性,你可以理解為業務功能的復雜性和??硕傻倪m用性成反比。比如需要高度搜索、需要長時間閱讀的場景,其本身就存在高復雜度,我們不能為了??硕??,只能在場景模塊當中去找辦法入手。
還是和我之前講費茨定律時候所說的一樣,“法則”的存在是在為了鞏固一種思維模式和思考方向。手術刀是用來治病的,但為了動刀而動刀,就失去了它的價值。
#專欄作家#
UCD耍家,公眾號:UCD耍家(ID:ucdplayer),人人都是產品經理專欄作家。
本文由 @UCD耍家 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
1701,求交互設計四策略完整筆記