原文：Medium點擊這里
作者：Nick Babich
標注：2017.04.07 - 6 min read
譯者：Lisa - lisapeng1996@gmail.com 侵刪
向?qū)гO(shè)計模式
作者： Nick Babich
今天我想談?wù)勱P(guān)于向?qū)В╳izard）的話題，我指的不是那些用帽子和擁有神奇法術(shù)的巫師（wizard）彬祖。我指的是我們在app或網(wǎng)站中用來指導用戶進行混序漸進的過程茁瘦。
你應(yīng)該使用向?qū)幔肯驅(qū)Р恢皇窃愀饨缑娴男扪a途徑嗎储笑？在本文中甜熔，你將會找到這些問題的答案。
什么是向?qū)В?/h3>
向?qū)峁┝艘幌盗胁襟E或條件突倍，用戶需要完成這些以完成目標（例如使用產(chǎn)品）腔稀。這種模式首先在物理世界中引入（一篇著名的論文快速入門指南盆昙，它會明確的告訴你將所有的裝置放在一起），不久之前以數(shù)字形式（例如軟件安裝向?qū)В┮搿?/p>
該模式有以下好處：
簡化任務(wù)
通過將一個復雜的任務(wù)分解成一系列塊炼团，你可以有效地簡化任務(wù)。
分治法
如前所述疏尿，這種任務(wù)的一個常見例子是軟件安裝瘟芝。在安裝向?qū)ё兊闷毡橹埃脩舯仨氉约嚎截愇募焖觯庉嬇渲梦募烤悖O(shè)置控制目錄，并檢查軟件是否正常運行敌呈。安裝向?qū)⑦@種一系列復雜的條件轉(zhuǎn)化為可理解的步驟贸宏。使用向?qū)У慕Y(jié)果是明確的 - 它減少了支持和培訓成本。
減輕用戶做決策的負擔
當用戶缺乏必要的專業(yè)知識時驱富，向?qū)ё兊糜绕浔憬菝唷Ｍ瓿扇蝿?wù)變得更加容易：用戶可以按照預(yù)先計劃的循序漸進的步驟來完成他的目標： “不要讓我思考，只要告訴我下一步該做什么褐鸥。
何時考慮向?qū)?/h3>
向?qū)Э梢栽谝韵虑闆r有作用：
用戶想完成一個有很多步驟的目標時
你正在為一個長或復雜的任務(wù)設(shè)計一個UI界面线脚， 并且它不能被簡化 屹篓。使用向?qū)Э梢詼p少任務(wù)的看似復雜性短荐，同時提供前進感。
用戶必須在一個具體的順序中完成步驟時
在這種情況下盐类，向?qū)Э梢酝ㄟ^降低學習曲線來支持執(zhí)行任務(wù)的用戶晰绎。當用戶被迫遵循任務(wù)順序時寓落，用戶不太可能會錯過重要的事情，從而可以減少錯誤荞下。
何時向?qū)Р黄鹱饔?/h3>
使用這種模式要十分小心。將任務(wù)分解成更小的步驟并不總是提供更好的用戶體驗：
當任務(wù)本身并不復雜時
向?qū)У男枰砻饕粋€任務(wù)可能太復雜了抽诉。如果你可以簡化一個任務(wù)陨簇，通過一個簡單的形式或幾個按鈕的點擊可以做到這一點，那么這是一個更好的解決方案迹淌。
當用戶很資深時
即使是處理復雜問題河绽，向?qū)?em>也不總是創(chuàng)建最佳UI設(shè)計解決方案的笨蛋答案己单。標準用戶通常會發(fā)現(xiàn)向?qū)Ш芰钊司趩剩苁芟拗疲ㄒ驗橄驅(qū)Р粫蛴脩麸@示他們的行為真正在做什么耙饰，或者應(yīng)用程序狀態(tài)如何隨著選擇而改變）纹笼。當向?qū)L試“幫助”那些用戶已知道怎么做的事情時，這是現(xiàn)象很常見苟跪。對于支持創(chuàng)意過程（如藝術(shù)或編碼）的軟件允乐，這種現(xiàn)象尤為常見。
小技巧： ******允許用戶選擇他們想完成任務(wù)的方式削咆。
當你想要教學時
不要使用向?qū)硖岢鲆粋€概念拨齐。用戶在使用向?qū)r不會閱讀補充文本。他們非常專注于完成他們的工作昨寞。
向?qū)У淖罴褜嵺`
在設(shè)計你的下一個向?qū)r瞻惋，你還可以采取以下幾項好辦法來確保其有效性：
使步驟的數(shù)量最小
設(shè)計這種UI的難點在于塊的大小和數(shù)量之間的平衡 。有一個兩步驟的向?qū)怯薮赖脑遥粋€10步的向?qū)坪跏请y以承受的或乏味的歼狼。理想情況下，該過程應(yīng)該有3-5個步驟享怀。將你的向?qū)ㄟ^可用性測試將有助于確保屏幕數(shù)量是可以接受的羽峰。
使向?qū)У哪康拿鞔_
在每個步驟中，用戶需要明確了解向?qū)У膯栴}添瓷。向?qū)?yīng)為用戶提供足夠的信息來做出決定并采取行動梅屉。如果不清楚，用戶會被卡住鳞贷。要清楚你的向?qū)У哪康呐魈溃袃杉虑槭潜夭豢缮俚模?/p>
- 每個屏幕上都要有一個清晰簡潔的向?qū)撕?/li>
- 在第一個屏幕上簡要說明目的。
去除掉不必要的界面元素
用戶在完成任務(wù)時不需要的其他鏈接和內(nèi)容可能會分散用戶的注意力眷蚓。通過刪除它們鼻种，你可以幫助用戶專注于任務(wù)，并提高成功完成任務(wù)的可能性沙热。
明確顯示用戶在進程的進度
你需要清楚地標記向?qū)У倪吔绮嬖浚员阌脩糁篮螘r完成罢缸。為了使向?qū)Х奖阌脩簦銘?yīng)該體現(xiàn)以下幾個功能：
- 編號步驟
- 顯示運動的方向（通常是從左到右或從上到下）
- 區(qū)分當前步驟投队，以及剩下的步驟枫疆。
- 包含顯示成功完成步驟的指標
- 用結(jié)果作為最后的顯示信息
選擇好的默認值
無論你如何安排步驟值依，良好的默認值都是有用的。但是碟案，如果用戶愿意將過程的控制權(quán)交給您愿险，愿意讓你選擇合理的默認選項，例如軟件安裝的位置价说，那么默認值是有用的辆亏。
提供“取消”按鈕
有時候用戶進入向?qū)В鲇诟鞣N原因決定不完成鳖目。為了避免正在尋找出爐的用戶感到沮喪扮叨，請在向?qū)Ы缑嬷刑砑右粋€“取消”按鈕。
允許每個步驟撤消
為用戶提供一種返回的方式领迈，或以其他方式改變選擇彻磁。如果用戶可以重新運行該步驟并修改以前輸入的數(shù)據(jù)，則用戶將受益狸捅。當他們無法回到上一步來修改他們輸入的內(nèi)容（即使這是一個微小的改變）兵迅，用戶也經(jīng)常重新運行整個向?qū)А?/p>
提供選擇的摘要
在向?qū)ЫY(jié)尾附近向用戶提供整個向?qū)е械倪x擇摘要。這將允許用戶在單擊最終“完成”按鈕之前查看并仔細檢查輸入的數(shù)據(jù)薪贫。
結(jié)論
雖然向?qū)滞馊丝雌饋砗唵位屑O(shè)計師和開發(fā)人員知道真相： 設(shè)計一個好的向?qū)д娴暮茈y 。有很多規(guī)劃瞧省，嘗試和錯誤設(shè)計扯夭，以及進行向?qū)?chuàng)建的復雜開發(fā)。希望上面列出的最佳做法將有助于您開始開發(fā)您的向?qū)囆g(shù)鞍匾。
謝謝交洗！
