UI&UE實用方法論:交互四策略實現(xiàn)??硕?/h2>
1 評論 7714 瀏覽 38 收藏 11 分鐘

編輯導(dǎo)語:希克定律,即你向用戶提供的選擇越多,他們做出決定的時間就越長。雖然乍一看是常識,但是這個理念在我們工作時時卻常常被忽略。在產(chǎn)品設(shè)計過程中,我們也可以使用??硕蓙韺徱曃覀兊降讘?yīng)該為產(chǎn)品添加多少功能,以及這將如何影響用戶的總體決策。

如果你看到「??硕伞?、「席克定律」或者「希克-海曼定律」,那沒錯,說的就是 Hick’s Law 了。正是我們今天要講到的內(nèi)容。

1952年,威廉·埃德蒙·???與 雷·海曼 這對夫婦進行了一項實驗研究,探究人對信號的反應(yīng)時間與出現(xiàn)的信號刺激數(shù)目之間的關(guān)系。最后發(fā)現(xiàn),反應(yīng)時間會隨著信號數(shù)目的增多而增長,呈現(xiàn)對數(shù)函數(shù)關(guān)系,故以兩人的名字對這一研究結(jié)果進行了命名。

UI&UE實用方法論 | 交互四策略實現(xiàn)??硕? width=

即??硕傻玫降膶嶒灲Y(jié)論是:若出現(xiàn)的信號刺激數(shù)量越多,人們做出反應(yīng)的所需時間就越長。二者的數(shù)學(xué)關(guān)系為:RT = a + b log2 (n) 其中:

  • RT 是「反應(yīng)時間」;
  • n 是「信號刺激數(shù)量」;
  • a、b 都是常量,隨著具體執(zhí)行的任務(wù)和執(zhí)行任務(wù)的條件而變化。

如果還沒捋清楚上面的實驗和結(jié)論,沒關(guān)系,用大白話來說,其實「希克定律」就是一條結(jié)論定律:給用戶的選擇越多,用戶做出決定的時間就越多(也有一條非常哲學(xué)的解釋:給用戶非常多的選擇,約等于沒給用戶選擇)。

雖然我是在UI&UE方法論專題中來講??硕?,但它不可僅僅只被使用在人機交互當(dāng)中,它同時也被許多工程學(xué)、心理學(xué)研究所運用。

因為??硕蓛H僅只是一條學(xué)術(shù)結(jié)論,它告訴了我們“應(yīng)該把控選項數(shù)量”的方向,但卻沒有教我們應(yīng)該如何去做。所以這條結(jié)論可以被大多數(shù)領(lǐng)域所接納和借鑒,但在不同的領(lǐng)域,需要實施不同領(lǐng)域的手法去實現(xiàn)。

那作為UI或UE設(shè)計師,我們應(yīng)該采用哪些手法去實現(xiàn)??硕赡??我分享一下我的觀點。

一、交互設(shè)計四策略是對??硕傻耐昝涝忈?/h2>

Giles Colborne 提出過著名的“交互設(shè)計四策略”:合理刪除、分層組織、適時隱藏和巧妙轉(zhuǎn)移。

因為過于經(jīng)典,我在過去的文章《導(dǎo)航欄也甭想逃出 “交互設(shè)計四策略”的手掌心》中有所提及(想更全面地了解“交互設(shè)計四策略”,可在后臺回復(fù)1701獲取我整理的讀書筆記),我在這里就不展開聊了。

刪除、組織、隱藏、轉(zhuǎn)移,每一個手法無一例外都是想向用戶更友好地展示選項和功能。中心思想不就是想告訴設(shè)計者:不要冗雜地堆積功能選項,合理分布、歸納,可以幫助用戶更快做出決策與操作。

那應(yīng)該如何把四策略具體地拆分對應(yīng)到實現(xiàn)??硕傻氖址??

1. 刪除:當(dāng)選項數(shù)量干擾到用戶決策時間,就減少選項

「刪除」是一種理念,我可能沒辦法提供具體的落地案例圖示來告訴大家該怎么做。但耍家任職于一家電商公司,電商行業(yè)在產(chǎn)品線上有一條墨守成規(guī)的設(shè)計準(zhǔn)則,就是在「選購-付款」任務(wù)路徑中,設(shè)計者應(yīng)該盡量減少干擾用戶下單的因素。

避免在一些快速達成交易的產(chǎn)品界面放入太多的相關(guān)競品或無關(guān)功能,否則會讓用戶決策的時間延長,甚至出現(xiàn)不確定性,增加退出或跳出率。

所以我們在設(shè)計過程中應(yīng)該學(xué)會思考判斷功能的主次,雖然「一個頁面做一件事」這樣的烏托邦式理念在國內(nèi)商業(yè)環(huán)境中已經(jīng)很難再實現(xiàn)了,但梳理主要的關(guān)鍵路徑、分清功能主次,突出重點,刪除次要,也能夠潛移默化地幫助用戶做決策。

2. 組織:對選項分類,讓用戶有跡可循

「組織」無需多言,設(shè)計師每天的工作都是在直接或間接地組織著信息。我們打開任何一款A(yù)PP,標(biāo)簽欄就是「組織」策略的直觀表達。我們不會把軟件功能全部堆積在一個頁面,而是通過分類信息,讓用戶按照分類再深挖。

UI&UE實用方法論 | 交互四策略實現(xiàn)希克定律

「組織」的手法并沒有像「刪除」一樣減少選項或功能數(shù)量,而是通過分類的方式把功能選項明確區(qū)分,通過父子級關(guān)系,讓用戶有跡可循。Giles Colborne 在《簡約至上》中就介紹了多種分類方式,我提選一個“首字母分類”來做示例。

當(dāng)我們在填寫地址,選擇省份的時候,一般會遇到兩種設(shè)計方式,一種是沒有規(guī)律的隨機排列,一種是通過地名首字母組織排列。

UI&UE實用方法論 | 交互四策略實現(xiàn)??硕? width=

國內(nèi)省及直轄市數(shù)量多達30幾個,在沒有組織排序的場景下,用戶只有隨機查找;而經(jīng)過首字母排序的場景,就方便很多,用戶只需要先進行首字母篩查,再找到對應(yīng)的省份。

所以組織分類,也是加快用戶選擇效率的方式之一。但這個說法也建立在有效的組織上,Giles Colborne 在書中明確指點了一些組織手法的建議,其中一條就是“不要用過于專業(yè)的標(biāo)準(zhǔn)進行分類”。讓用戶通俗易懂的組織方式,才能真正地實現(xiàn)??硕?。

3. 隱藏:當(dāng)需要引導(dǎo)選擇時,隱藏多余選項

支付寶首頁的功能板塊支持用戶自定義編輯,用戶可以自由地排列常用功能,不常用的功能被隱藏在了“全部”面板當(dāng)中。幫助用戶在超多的應(yīng)用中,快速找到高頻使用選項,這就是「隱藏」策略。

UI&UE實用方法論 | 交互四策略實現(xiàn)??硕? width=

還有許多隱藏的案例,例如天貓訂單詳情中,隱藏次要選項;美團支付中,隱藏次要支付方式(當(dāng)然這里面也有商業(yè)戰(zhàn)和壟斷問題的成分…)。

UI&UE實用方法論 | 交互四策略實現(xiàn)??硕? width=

和「刪除」不同的是,「隱藏」并沒有刪減功能,而是保留了功能、選項的完整性,只是限制露出信息數(shù)量,減少對用戶的干擾,引導(dǎo)用戶快速做出決策。

4. 轉(zhuǎn)移:將復(fù)雜任務(wù)拆解成更小的步驟,以減少認知負荷

作為設(shè)計師,我們更多時候的工作內(nèi)容是在為產(chǎn)品錦上添花。當(dāng)產(chǎn)品功能本身就是復(fù)雜的,且遇到無法刪減、組織的信息的情況,我們可以通過拆解任務(wù)為更小的步驟,來減少用戶的認知負荷。

假如當(dāng)前的場景本身就是要求用戶做選擇題,題目和答案與產(chǎn)品業(yè)務(wù)有關(guān),設(shè)計師無法著手進行刪減、隱藏,并且每道題都需要用戶仔細地閱讀和思考進行作答,該場景下繁雜的內(nèi)容可能本身和??硕删突ハ嗝?。

但設(shè)計師可以通過改變形式,拆分題目,讓用戶對待一個頁面內(nèi)的內(nèi)容更加專注,讓作答過程更加友好。

UI&UE實用方法論 | 交互四策略實現(xiàn)??硕? width=

二、不要極端崇拜??硕?/h2>

雖然??硕墒窃S多領(lǐng)域所認同的一條準(zhǔn)則,但也不要因為極端崇拜??硕?,而簡化步驟到抽象的地步。希克定律也有它不適用的地方,就像我前面「轉(zhuǎn)移」法則中舉例所說,選擇題的場景本身就和??硕上嗝?。

當(dāng)業(yè)務(wù)、功能本身就復(fù)雜時,??硕梢簿褪チ似鋬r值性,你可以理解為業(yè)務(wù)功能的復(fù)雜性和??硕傻倪m用性成反比。比如需要高度搜索、需要長時間閱讀的場景,其本身就存在高復(fù)雜度,我們不能為了希克而???,只能在場景模塊當(dāng)中去找辦法入手。

還是和我之前講費茨定律時候所說的一樣,“法則”的存在是在為了鞏固一種思維模式和思考方向。手術(shù)刀是用來治病的,但為了動刀而動刀,就失去了它的價值。

#專欄作家#

UCD耍家,公眾號:UCD耍家(ID:ucdplayer),人人都是產(chǎn)品經(jīng)理專欄作家。

本文由 @UCD耍家 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App

評論
評論請登錄
  1. 1701,求交互設(shè)計四策略完整筆記

    來自浙江 回復(fù)