原文：Medium點(diǎn)擊這里
作者：Nick Babich
標(biāo)注：2017.04.07 - 6 min read
譯者：Lisa - lisapeng1996@gmail.com 侵刪
向?qū)гO(shè)計(jì)模式
作者： Nick Babich
今天我想談?wù)勱P(guān)于向?qū)В╳izard）的話題，我指的不是那些用帽子和擁有神奇法術(shù)的巫師（wizard）。我指的是我們?cè)赼pp或網(wǎng)站中用來指導(dǎo)用戶進(jìn)行混序漸進(jìn)的過程。
你應(yīng)該使用向?qū)?？向?qū)Р恢皇窃愀饨缑娴男扪a(bǔ)途徑嗎？在本文中，你將會(huì)找到這些問題的答案。
什么是向?qū)В?/h3>
向?qū)峁┝艘幌盗胁襟E或條件，用戶需要完成這些以完成目標(biāo)（例如使用產(chǎn)品）。這種模式首先在物理世界中引入（一篇著名的論文快速入門指南，它會(huì)明確的告訴你將所有的裝置放在一起），不久之前以數(shù)字形式（例如軟件安裝向?qū)В┮搿?/p>
該模式有以下好處：
簡(jiǎn)化任務(wù)
通過將一個(gè)復(fù)雜的任務(wù)分解成一系列塊，你可以有效地簡(jiǎn)化任務(wù)。
分治法
如前所述，這種任務(wù)的一個(gè)常見例子是軟件安裝。在安裝向?qū)ё兊闷毡橹?，用戶必須自己拷貝文件，編輯配置文件，設(shè)置控制目錄，并檢查軟件是否正常運(yùn)行。安裝向?qū)⑦@種一系列復(fù)雜的條件轉(zhuǎn)化為可理解的步驟。使用向?qū)У慕Y(jié)果是明確的 - 它減少了支持和培訓(xùn)成本。
減輕用戶做決策的負(fù)擔(dān)
當(dāng)用戶缺乏必要的專業(yè)知識(shí)時(shí)，向?qū)ё兊糜绕浔憬?。完成任?wù)變得更加容易：用戶可以按照預(yù)先計(jì)劃的循序漸進(jìn)的步驟來完成他的目標(biāo)： “不要讓我思考，只要告訴我下一步該做什么。
何時(shí)考慮向?qū)?/h3>
向?qū)Э梢栽谝韵虑闆r有作用：
用戶想完成一個(gè)有很多步驟的目標(biāo)時(shí)
你正在為一個(gè)長(zhǎng)或復(fù)雜的任務(wù)設(shè)計(jì)一個(gè)UI界面， 并且它不能被簡(jiǎn)化 。使用向?qū)Э梢詼p少任務(wù)的看似復(fù)雜性，同時(shí)提供前進(jìn)感。
用戶必須在一個(gè)具體的順序中完成步驟時(shí)
在這種情況下，向?qū)Э梢酝ㄟ^降低學(xué)習(xí)曲線來支持執(zhí)行任務(wù)的用戶。當(dāng)用戶被迫遵循任務(wù)順序時(shí)，用戶不太可能會(huì)錯(cuò)過重要的事情，從而可以減少錯(cuò)誤。
何時(shí)向?qū)Р黄鹱饔?/h3>
使用這種模式要十分小心。將任務(wù)分解成更小的步驟并不總是提供更好的用戶體驗(yàn)：
當(dāng)任務(wù)本身并不復(fù)雜時(shí)
向?qū)У男枰砻饕粋€(gè)任務(wù)可能太復(fù)雜了。如果你可以簡(jiǎn)化一個(gè)任務(wù)，通過一個(gè)簡(jiǎn)單的形式或幾個(gè)按鈕的點(diǎn)擊可以做到這一點(diǎn)，那么這是一個(gè)更好的解決方案。
當(dāng)用戶很資深時(shí)
即使是處理復(fù)雜問題，向?qū)?em>也不總是創(chuàng)建最佳UI設(shè)計(jì)解決方案的笨蛋答案。標(biāo)準(zhǔn)用戶通常會(huì)發(fā)現(xiàn)向?qū)Ш芰钊司趩?，很受限制（因?yàn)橄驅(qū)Р粫?huì)向用戶顯示他們的行為真正在做什么，或者應(yīng)用程序狀態(tài)如何隨著選擇而改變）。當(dāng)向?qū)L試“幫助”那些用戶已知道怎么做的事情時(shí)，這是現(xiàn)象很常見。對(duì)于支持創(chuàng)意過程（如藝術(shù)或編碼）的軟件，這種現(xiàn)象尤為常見。
小技巧： ******允許用戶選擇他們想完成任務(wù)的方式。
當(dāng)你想要教學(xué)時(shí)
不要使用向?qū)硖岢鲆粋€(gè)概念。用戶在使用向?qū)r(shí)不會(huì)閱讀補(bǔ)充文本。他們非常專注于完成他們的工作。
向?qū)У淖罴褜?shí)踐
在設(shè)計(jì)你的下一個(gè)向?qū)r(shí)，你還可以采取以下幾項(xiàng)好辦法來確保其有效性：
使步驟的數(shù)量最小
設(shè)計(jì)這種UI的難點(diǎn)在于塊的大小和數(shù)量之間的平衡 。有一個(gè)兩步驟的向?qū)怯薮赖?，一個(gè)10步的向?qū)坪跏请y以承受的或乏味的。理想情況下，該過程應(yīng)該有3-5個(gè)步驟。將你的向?qū)ㄟ^可用性測(cè)試將有助于確保屏幕數(shù)量是可以接受的。
使向?qū)У哪康拿鞔_
在每個(gè)步驟中，用戶需要明確了解向?qū)У膯栴}。向?qū)?yīng)為用戶提供足夠的信息來做出決定并采取行動(dòng)。如果不清楚，用戶會(huì)被卡住。要清楚你的向?qū)У哪康?，有兩件事情是必不可少的?/p>
- 每個(gè)屏幕上都要有一個(gè)清晰簡(jiǎn)潔的向?qū)?biāo)簽
- 在第一個(gè)屏幕上簡(jiǎn)要說明目的。
去除掉不必要的界面元素
用戶在完成任務(wù)時(shí)不需要的其他鏈接和內(nèi)容可能會(huì)分散用戶的注意力。通過刪除它們，你可以幫助用戶專注于任務(wù)，并提高成功完成任務(wù)的可能性。
明確顯示用戶在進(jìn)程的進(jìn)度
你需要清楚地標(biāo)記向?qū)У倪吔纾员阌脩糁篮螘r(shí)完成。為了使向?qū)Х奖阌脩?，你?yīng)該體現(xiàn)以下幾個(gè)功能：
- 編號(hào)步驟
- 顯示運(yùn)動(dòng)的方向（通常是從左到右或從上到下）
- 區(qū)分當(dāng)前步驟，以及剩下的步驟。
- 包含顯示成功完成步驟的指標(biāo)
- 用結(jié)果作為最后的顯示信息
選擇好的默認(rèn)值
無論你如何安排步驟，良好的默認(rèn)值都是有用的。但是，如果用戶愿意將過程的控制權(quán)交給您，愿意讓你選擇合理的默認(rèn)選項(xiàng)，例如軟件安裝的位置，那么默認(rèn)值是有用的。
提供“取消”按鈕
有時(shí)候用戶進(jìn)入向?qū)В鲇诟鞣N原因決定不完成。為了避免正在尋找出爐的用戶感到沮喪，請(qǐng)?jiān)谙驅(qū)Ы缑嬷刑砑右粋€(gè)“取消”按鈕。
允許每個(gè)步驟撤消
為用戶提供一種返回的方式，或以其他方式改變選擇。如果用戶可以重新運(yùn)行該步驟并修改以前輸入的數(shù)據(jù)，則用戶將受益。當(dāng)他們無法回到上一步來修改他們輸入的內(nèi)容（即使這是一個(gè)微小的改變），用戶也經(jīng)常重新運(yùn)行整個(gè)向?qū)А?/p>
提供選擇的摘要
在向?qū)ЫY(jié)尾附近向用戶提供整個(gè)向?qū)е械倪x擇摘要。這將允許用戶在單擊最終“完成”按鈕之前查看并仔細(xì)檢查輸入的數(shù)據(jù)。
結(jié)論
雖然向?qū)?duì)局外人看起來簡(jiǎn)單，但設(shè)計(jì)師和開發(fā)人員知道真相： 設(shè)計(jì)一個(gè)好的向?qū)д娴暮茈y 。有很多規(guī)劃，嘗試和錯(cuò)誤設(shè)計(jì)，以及進(jìn)行向?qū)?chuàng)建的復(fù)雜開發(fā)。希望上面列出的最佳做法將有助于您開始開發(fā)您的向?qū)囆g(shù)。
謝謝！
