線性設(shè)計(jì)(參考之前的文章去線性設(shè)計(jì)),幾乎都涉及到流程的處理奔誓,當(dāng)復(fù)雜的流程斤吐,短期內(nèi)已經(jīng)不能用縮短路徑來解決的話,應(yīng)該采用分布流程的設(shè)計(jì)方案厨喂,簡化每一步所需要的的操作內(nèi)容和措。
1.復(fù)雜流程典型錯(cuò)誤
曾經(jīng)主導(dǎo)過多個(gè)項(xiàng)目的改版設(shè)計(jì),發(fā)現(xiàn)蜕煌,復(fù)雜流程設(shè)計(jì)的典型錯(cuò)誤是:把所有流程步驟都放在同一個(gè)頁面派阱。為什么說這樣設(shè)計(jì)是錯(cuò)誤的?可以有如下幾點(diǎn)理由:
(1)復(fù)雜流程頁面增加用戶的工作負(fù)擔(dān)
根據(jù)認(rèn)知負(fù)荷理論斜纪,人的認(rèn)知資源是有限的贫母,任何活動(dòng)都需要耗費(fèi)一定的認(rèn)知資源,好的交互流程能將流程簡單化盒刚,讓用戶合理分配認(rèn)知資源腺劣,減少用戶的認(rèn)知負(fù)荷。如下圖所示伪冰,把所有的流程都放在同一個(gè)頁面誓酒,超負(fù)荷的信息量給用戶造成的極大的困擾樟蠕。
(2)難以處理有依賴關(guān)系的流程
如上圖所示的例子中贮聂,第3步“投向產(chǎn)品”中的建議金額填寫依賴于第1步“投資需求”中投資金額的填寫靠柑,放在同一個(gè)頁面時(shí),用戶有可能略過第1步吓懈,直接填寫第3步的內(nèi)容歼冰,發(fā)生邏輯錯(cuò)誤。類似的例子還有:手機(jī)注冊(cè)流程中耻警,必須先輸入手機(jī)號(hào)隔嫡,才能獲取驗(yàn)證碼。
(3)無法自適應(yīng)多終端設(shè)備
如果對(duì)于web網(wǎng)站來說甘穿,同一個(gè)頁面中放置復(fù)雜的流程腮恩,這種處理方式還能接受的話,在屏幕尺寸偏小的移動(dòng)端上温兼,來回滾動(dòng)一個(gè)長頁面處理流程秸滴,對(duì)用戶來說將是災(zāi)難。
2.復(fù)雜流程的正確處理方式
(1)分解步驟募判,減少認(rèn)知負(fù)荷
像上文提及到的荡含,人的認(rèn)知資源是有限的,把需要處理的流程分解在不同頁面届垫,能有效減少用戶的認(rèn)知負(fù)荷释液,讓用戶合理分配資源。
(2)提供指引装处,防止迷路
把流程分解成多個(gè)步驟之后误债,用戶很有可能迷路,所以提供流程指引是必不可少的符衔,讓用戶清楚知道流程所處的位置找前。
(3)考慮容錯(cuò)性,允許用戶撤銷操作
復(fù)雜流程中判族,需要用戶長時(shí)間保持注意力高度集中躺盛,但由于真實(shí)的原因,用戶不可避免在某一個(gè)步驟中犯錯(cuò)形帮,所以提供撤銷操作槽惫,是很有必要的。
(4)由此入深辩撑,把復(fù)雜的操作留到最后
心理學(xué)上有個(gè)叫“登門檻”的現(xiàn)象界斜,簡單的說就是先拜托別人幫個(gè)小忙,再請(qǐng)求別人幫個(gè)大忙比直接讓別人幫大忙會(huì)更加容易合冀。復(fù)雜流程同理各薇,把簡單的流程放在最前面,復(fù)雜的流程放在最后,避免一上來就“嚇跑”用戶峭判。