想象一下這么幾個場景：如果你需要去辦理一項手續(xù)，然而對此流程你并不熟悉；如果你要在異國他鄉(xiāng)的機場登機，但從哪里開始取票在哪里安檢你心里沒譜；如果你在學習使用一項儀器設備，可是毫無使用經(jīng)驗的你舉足無措；如果你在銀行辦理寬帶業(yè)務，不過需要帶什么證件去哪個窗口讓你直犯嘀咕……好吧，這類情形越來越少的出現(xiàn)，因為，Wizard（向?qū)В┓�務很好的幫助了我們，讓我們知道如何去按部就班的完成任務�?/p>

What：什么是Wizard

Wizard，原意是男巫或者有特殊才能的人，后來逐漸被用來形容指引路線的人或物。在軟件行業(yè)，Wizard也是一種常見的交互方式，它由一系列對話框組成的有序界面來引導用戶完成預定義好的步驟，從而達成任務目標。幫助迷失的人們找到前進的方向，不正是軟件Wizard的魔力嗎？

常見的有：軟件安裝Wizard， 付款流程Wizard， 創(chuàng)建項目Wizard， 導出數(shù)據(jù)Wizard， 注冊Wizard， 找回密碼Wizard， 壓縮文件Wizard， 配置Wizard等等。

面對繁雜系統(tǒng)、進階功能或者不熟悉的工作流，軟件Wizard是不錯的一個解決方案。出自高水準設計的Wizard，必然會成為用戶在軟件體驗過程中的得力助手。

Why：為什么使用Wizard

盡管名稱可能有所出入，Wizard的應用已經(jīng)非常普及。比如在Mac OS系統(tǒng)里，Wizard被稱為”Assistants”，在某些軟件的安裝中，Wizard被稱為”Install Guide”。那么使用Wizard能帶來哪些優(yōu)點呢？

1. 通過Wizard能幫助用戶快速學習工作流

2. 通過分解復雜工作流幫助用戶更快的掌握內(nèi)容

3. 預先設計的Wizard步驟能夠減輕用戶記憶負擔從而避免出錯

4. 將復雜流程分步進行能夠提供充分的任務處理時間，避免用戶長時間等待

5. 通知用戶當前任務進度使其了解整個工作流的概況

6. 將完成具體工作流的所有操作集中放置可以減少用戶的無用導航

When：在哪些場景下使用Wizard

一般來說，Wizard中的每一個頁面會要求用戶選擇對應選項或者填寫特定信息，然后通過Back和Next按鈕進行導航，在最終頁面按下Finish按鈕結束Wizard。

在以下類型的場景中，可以考慮加入Wizard：

-當用戶需要完成多步操作來執(zhí)行某一任務

-當用戶需要按照既定步驟完成某個工作流

-當用戶需要通過不同類型的決策來達到一個目標

-當用戶需要完成由不同子任務組成的復雜任務

-當用戶因為第一次使用而不知道如何開始

-當用戶不知道軟件有哪些新功能或者亮點

-當用戶缺乏必要的行業(yè)背景或者使用經(jīng)驗

How：使用Wizard需知

Wizard的引入總是在一定目標的驅(qū)使下設計師對交互行為的選擇， 我們來看下如何設計Wizard來指引用戶達到目標。

Wizard總是被用來完成相對復雜的工作。任務伊始，用戶應該被告知整個Wizard的目的，接下來每一個頁面需要用戶決策（查看信息、選擇或者輸入內(nèi)容）來完成，必須完成當前頁面的任務然后才能通過導航按鈕（Next或者箭頭之類的控件）進入下一個步驟，否則會有提示說明用戶需要做什么，在前進的過程中，用戶也能夠隨時返回之前的頁面重新決策，到達最后一個頁面時，應該有結束的按鈕終止整個Wizard過程并宣告任務完成。

Wizard交互設計Tips（這里的技巧并不要求同時用上，而是根據(jù)情形使用。）

1. 提供導向化的按鈕

Wizard的每個頁面上都要有相應的導向化按鈕，用于告訴用戶可以做什么，包括：回退（Back）、前進（Next）、取消（Cancel）、結束（Finish）等等。要注意在每個頁面都提供給用戶退出Wizard的接口，比如關閉頁面、取消Wizard。

2. Wizard目的簡短明晰

首頁最好有一個對Wizard目的的描述，以便讓用戶第一時間了解為什么進入該Wizard以及通過它能獲得哪些幫助。

標簽： 交互模式 交互設計 向?qū)Х��?/a> 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。