量變引起質(zhì)變的交互難題
作為唯物辯證法的基本規(guī)律之一，“量變引起質(zhì)變”
看了以上兩個(gè)案例，我們會(huì)發(fā)現(xiàn)，
困難拆解法
其實(shí)一提到“棘手”，“困難”，大家可能多多少少，
這就是我今天想聊的——“困難拆解法”。說到困難拆解法，
既然要做困難拆解，我們總不能隨意去拆解，
先一起來看下WBS中定義的分解原則：
-
將主體目標(biāo)逐步細(xì)化分解，
最底層的日?；顒?dòng)可直接分派到個(gè)人完成； -
每個(gè)任務(wù)原則上要求分解到不能再細(xì)分為止；
-
日?；顒?dòng)要對(duì)應(yīng)到人、時(shí)間和資金投入；
-
整體拆解的任務(wù)，最終可以支撐總?cè)蝿?wù)的完成。
如果我們從中提取一下關(guān)鍵意義，就是：
-
大目標(biāo)拆解成小目標(biāo)；
-
拆分到最小顆粒度；
-
每個(gè)小目標(biāo)需要有對(duì)應(yīng)成本的衡量；
-
最終完成總目標(biāo)。
最后，可以將原則的關(guān)鍵意義與交互設(shè)計(jì)做一個(gè)對(duì)應(yīng)：
-
將一個(gè)場(chǎng)景內(nèi)的大的任務(wù)目標(biāo)，逐步分解成一個(gè)個(gè)小的交互行為
-
每個(gè)交互行為要盡可能的簡單直接，只針對(duì)一個(gè)交互目的的達(dá)成；
-
拆解的每一個(gè)小目標(biāo)都要有對(duì)應(yīng)的交互成本的計(jì)算；
-
整體拆解出的小的交互行為，最終可以支撐總?cè)蝿?wù)目標(biāo)的完成。
分析到這里，我們大概總結(jié)出了一些拆解的原則，
所以，在開始拆解之前，還需要先一起了解下交互成本。
交互成本
什么是交互成本呢？尼爾森·諾曼（Nielsen Norman）將“交互成本”
1. 心理交互成本（MIC)
-
心理交互成本（MIC）的兩個(gè)最重要的組成部分是注意力和記憶力。當(dāng)一項(xiàng)任務(wù)需要過多的注意力或記憶才能完成時(shí)，它將具有較高的心理交互成本（MIC），從而降低了可用性。
-
對(duì)于不同類型的記憶都有廣泛的分類。最短的記憶類型稱為工作記憶，通常在任務(wù)過程中僅持續(xù)幾秒鐘。換句話說，當(dāng)我們參與其他認(rèn)知過程時(shí)，我們的工作記憶負(fù)責(zé)我們可以掌握的信息。米勒定律指出，
普通人一次只能在他們的工作記憶中保留5-11件物品。 所以，任務(wù)不應(yīng)要求用戶隨時(shí)在其工作記憶中保留七個(gè)以上的項(xiàng)目。在極少數(shù)情況下，如若必須要求用戶在其記憶中保存11個(gè)以上的項(xiàng)目，請(qǐng)使用“區(qū)塊”減輕其精神負(fù)擔(dān)?！皡^(qū)塊”指將信息分組。完成產(chǎn)品中的任務(wù)所需的工作記憶與強(qiáng)加給用戶的心理互動(dòng)成本（ MIC）負(fù)擔(dān)成正比。 -
與注意力和記憶有關(guān)的另一個(gè)考慮因素是“?？硕伞?。此條定律指出，“做出決定所需的時(shí)間會(huì)隨著選擇的數(shù)量和復(fù)雜性而增加”。
2. 物理交互成本（PIC）
-
常見的物理交互成本（PIC）因素包括到達(dá)距離和目標(biāo)寬度，用戶輸入的數(shù)量以及完成任務(wù)所需的操作等。
-
費(fèi)茨定律指出，點(diǎn)擊目標(biāo)的時(shí)間（例如，單擊按鈕）是距輸入設(shè)備的距離和目標(biāo)的擊中框?qū)挾鹊暮瘮?shù)。例如，如果鼠標(biāo)光標(biāo)很遠(yuǎn)且按鈕很小，則單擊桌面上的按鈕將花費(fèi)更長的時(shí)間。
-
評(píng)估物理交互成本（PIC）的最佳方法是“任務(wù)分析”和檢查可用性指標(biāo)，例如“任務(wù)時(shí)間”。
3. 交互路徑和動(dòng)機(jī)
在某些情況下，用戶可能采取多種路徑來實(shí)現(xiàn)其目標(biāo)。用戶根據(jù)“
-
用戶權(quán)衡每個(gè)操作的收益和成本，
然后選擇收益與成本之間最佳平衡的路徑。 用戶趨向于選擇自己預(yù)期中交互成本更低的那條路徑。 如果操作路徑不直觀或不熟悉，即使物理操作成本很低， 但由于心理交互成本（MIC）較高， 他們最終也會(huì)選擇他們更熟悉的路徑。 -
具有較高動(dòng)力（例如，由于品牌運(yùn)營）
的用戶更有可能承擔(dān)較高的互動(dòng)成本以實(shí)現(xiàn)其目標(biāo)。 假如消費(fèi)者是某品牌的忠粉，那即使這個(gè)網(wǎng)站的交互成本很高， 那么用戶可能仍有足夠的動(dòng)力去完成他們的任務(wù)。然而， 如果用戶購買常規(guī)產(chǎn)品時(shí)付款流程的交互成本很高的話， 那么他們很可能去其它網(wǎng)站購買。
從以上具體理論的闡述中我們可以看出，在評(píng)估交互成本的時(shí)候，
下圖中，我具體整理了各個(gè)交互成本組成的因素，
如何拆解？案例一
我們?cè)敿?xì)聊了困難拆解法的基本原則和交互成本的主要概念之后。接下來開始進(jìn)入正題，我們通過困難拆解法和交互成本計(jì)算的邏輯，來解決上面提到的兩個(gè)案例的問題。
首先，我們先拆解一個(gè)簡單的案例。
拆解困難法的核心是將一個(gè)大的難以達(dá)成的目標(biāo)拆成各個(gè)小目標(biāo)，
第一步，分析問題：
這個(gè)方案的優(yōu)點(diǎn)就在于：在物理交互成本上，省了一步點(diǎn)擊，
所以，此案例的核心問題就是：移動(dòng)端屏幕很小，
那怎么去解決這個(gè)核心問題呢？讓我們開始進(jìn)行第二步：
通過分析可知，這個(gè)案例最小顆粒度的兩個(gè)交互主體為：
-
在地圖上找到關(guān)注區(qū)域的定位標(biāo)記；
-
查看定位標(biāo)記相對(duì)應(yīng)的詳情數(shù)據(jù)。
那么現(xiàn)在，根據(jù)上面提到的拆解原則，
第一步，在地圖上只留下定位標(biāo)記的顯示，
而第二步就是將查看詳細(xì)數(shù)據(jù)拆分成一個(gè)操作，
闡述完解決方案，根據(jù)原則的3，4條，
首先從成本角度來衡量方案：
1.物理交互成本：
-
多增加了一個(gè)點(diǎn)擊步驟。
2.心理交互成本：
-
去除了界面中大量雜糅的信息，讓用戶可以清晰、
迅速地查看地圖位置，并高效的尋找用戶所關(guān)注的區(qū)域定位； -
讓用戶只專注于查看他所關(guān)注的定位信息，
避免了其它大量信息的干擾。即使通過粗略的估算，也可以算出來， 這多點(diǎn)擊一下的交互時(shí)間， 要比在大量信息中去檢索信息的時(shí)間要小得多。
其次從任務(wù)目標(biāo)角度來衡量方案：
1.達(dá)成了與原方案相同的目的，
2.解決了信息雜糅在一起，對(duì)用戶使用造成極大干擾的交互難題。
所以，綜合成本和目標(biāo)來看結(jié)果，這“多一步”的代價(jià)，
如何拆解？案例二
當(dāng)然，上面這個(gè)例子過于簡單，第一交互路徑短，
首先呢，還是老套路，先一起來確定一下我們要核心解決的問題：
首先總結(jié)這個(gè)案例的優(yōu)點(diǎn)：可以將操作在一個(gè)頁面內(nèi)全部鋪開，
但是，在移動(dòng)端場(chǎng)景中，因?yàn)槠聊淮笮∮邢?，一直存在著?shù)據(jù)展示條
-
在一條完整的下拉控件中，只有第一層級(jí)的數(shù)量是恒定為1的，而二三四層的數(shù)據(jù)量都有可能為多個(gè)，尤其第四層的詳情部分，數(shù)據(jù)條目會(huì)更多。所以在一個(gè)下拉控件中，假設(shè)每一層級(jí)都有數(shù)據(jù)的話，用戶至少會(huì)看到4條信息。而如果二級(jí)信息大于兩條的話，在全展開的情況下，就已經(jīng)占據(jù)了一整屏的位置（場(chǎng)景三），從而導(dǎo)致用戶在一屏下，至少要去看10-12行（數(shù)量隨著層級(jí)4數(shù)據(jù)條目的變化有所增減
）的信息。假設(shè)我們?cè)賱澮黄?，用戶就至少需要閱讀和記憶20-24行信息。前面的米勒定律也提到，普通人一次只能在他們的工作記憶中保留5-11條信息。完成產(chǎn)品中的任務(wù)所需的工作記憶與強(qiáng)加給用戶的心理互動(dòng)成本（MIC）負(fù)擔(dān)成正比。用戶在這個(gè)過程中面對(duì)海量數(shù)據(jù)，以及繁復(fù)的層級(jí)，會(huì)付出大量的注意力和記憶力成本，導(dǎo)致用戶在使用產(chǎn)品的過程中，心理交互成本呈階梯式增長。 -
當(dāng)一個(gè)下拉控件二三四層的數(shù)據(jù)量過大時(shí)(圖示場(chǎng)景二、三)，除了會(huì)增加用戶的注意力和記憶力成本，還會(huì)增加反復(fù)操作的頻次以及用戶的錯(cuò)誤成本，一旦操作錯(cuò)誤或者看錯(cuò)數(shù)據(jù)，重新找到這條數(shù)據(jù)的成本會(huì)變的很高。如果滑動(dòng)一下的物理交互成本為1，那么在多次滑動(dòng)的情況下，我們滑動(dòng)的成本就會(huì)變?yōu)?*X，這個(gè)X變量會(huì)隨著數(shù)據(jù)量的增大而成正比的不斷增加。
根據(jù)希克定律我們可知：
所以改進(jìn)方案的核心點(diǎn)就是：減少頁面內(nèi)的層級(jí)和數(shù)據(jù)量，
但是從業(yè)務(wù)上來說，肯定不能直接去減少數(shù)據(jù)的總量，
那么從哪個(gè)角度開始拆解呢？目前的狀態(tài)是：
首先，我們先來拆分第一層級(jí)。第一層級(jí)是展開后面層級(jí)的前提，
其次，我們將二層與三層，作為展開式的卡片，
最后，因?yàn)榈谒膶咏?jīng)常會(huì)囊括大量數(shù)據(jù)，
老規(guī)矩，在闡述完方案后，我們依舊根據(jù)原則的3，4條，
成本角度：
-
物理交互成本：點(diǎn)擊數(shù)有小幅度增加，而因?yàn)槠聊粌?nèi)數(shù)據(jù)量減少，下劃數(shù)得到了銳減，另外跳轉(zhuǎn)步驟增多。頁面的數(shù)據(jù)量越大，增幅的物理交互成本越少。
-
心理交互成本：用戶在每一個(gè)頁面所需要做出的信息篩選得到了大幅的減少，每一步足夠直觀。因?yàn)閷蛹?jí)頁面拆分，而導(dǎo)致的數(shù)據(jù)大量過濾可以幫助用戶完成快速?zèng)Q策。而信息篩選節(jié)省出來的時(shí)間成本，大大高于因點(diǎn)擊而增加的時(shí)間成本。低量心理成本的付出，也會(huì)提升用戶的預(yù)期效用，從而使用戶忽略一定程度的物理交互成本。
任務(wù)目標(biāo)角度：
這個(gè)方案，把選擇和查看多層數(shù)據(jù)條目，拆解成了多步操作，
拆解之后，每個(gè)層級(jí)頁面中為用戶減少了大量的選擇和干擾，
所以從結(jié)果來看，通過拆解，既完成了場(chǎng)景下的任務(wù)目標(biāo)、
困難拆解等于繞圈子？
看到這里，也許有人會(huì)說，感覺所謂的“拆解”，都是在“繞圈子”
另外，我們有時(shí)候在設(shè)計(jì)交互方案時(shí)，
所以當(dāng)用戶面對(duì)高額心理交互成本的困境時(shí)，不妨付出一些“
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
文章來源：站酷 作者：回去干活
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
（Z Pattern 圖源：Buttons on the web--Artem Syzonenko） 
（默認(rèn)位置規(guī)則） 
