2017-4-11 資深UI設計者
引導新用戶熟悉產品的方式多種多樣,向導程序是其中最經典也是最常用的一種。今天的文章,我們來聊聊向導程序的設計模式。
向導程序通常會提供一系列的步驟或者目標,讓用戶在完成步驟達成目標的過程中,逐步熟悉這個平臺或者產品。向導程序(Wizerd),或者說是新手向導最初是附帶在實物產品的說明書當中,告訴用戶如何起步,怎么使用產品。在此之后不就,隨著互聯網的和數字產品的發展,它也引入到數字產品當中。最典型的,就是各種軟件的安裝向導。
許多傳統的桌面端軟件在安裝的時候,是有安裝向導程序來引導用戶完成這個步驟的,直到今天也是如此。這種設計模式是隨著Windows 95的大規模普及而得到了推廣。
向導程序的好處并不少:
將復雜的任務分解成為一系列簡單易行的小步驟,幫你進行精簡。
分割處理,各個擊破。
正如同之前所說的,桌面端軟件安裝的向導就是非常典型的例子。在安裝向導的指引下,用戶需要自己復制文件,編輯配置文件,選取安裝目錄,并檢查軟件是否正常運行。安裝向導將復雜的條件轉化為可理解可執行的步驟,它所帶來的回報也是明顯的:減少了培訓和客戶服務上的成本。
許多操作和決策是需要專業知識支撐的,但是向導程序很好的解決這個問題,幫用戶合理的規避了這些障礙。用戶只需要按照預設的路徑一步步完成整個初始化過程:“不要讓我想,只需要告訴我下一步要怎么做。”
向導程序可以在下面情況下發揮作用:
1、用戶想要達成一個需要多個步驟才能完成的目標
你正在設計的UI牽涉到一個超長的任務或者是一個無法直接簡化流程的任務,而向導程序能夠讓這個任務的復雜性看起來降低了,而可行性和易用性提高了。
2、用戶必須按照特定的順序來完成的任務
對于必須按照特定順序來執行的任務,是需要學習的,而向導程序能夠降低學習曲線,同時,細分的流程讓用戶不會錯過重要的步驟,降低出錯的機率。
向導程序肯定不是萬能的,甚至可以說它是需要謹慎使用的。將任務分解成小步驟,并不是每次都能給人帶來良好的體驗:
1、當任務本身并不復雜的時候
當一個任務只需要一個簡單的表單,或者點擊幾下按鈕就能完成的話,那么它并不需要使用向導程序來引導用戶。
2、當用戶本身就是進階用戶之時
向導程序通常會將復雜的問題簡化來處理,但是這種解決方案并不能應對所有的用戶需求。對于進階用戶,或者說重度用戶而言,向導程序常常會顯得僵化,他們會覺得受限。向導程序是用來幫助用戶的,但是重度用戶所追求的自由和定制性常常無法從向導程序中獲得。對于創意工作者和程序員而言,尤其是如此。
小貼士:最好是在向導程序以外提供額外的選項。
3、當你想要指引用戶的時候
不要使用向導程序來闡述概念。用戶在向導過程中閱讀大量的補充文本,他們會更加專注于任務本身。
當你在設計你的下一個產品的向導程序的時候,可以參考下面的最佳實踐,來確保它的有效性:
向導程序的UI設計難度在于分割步驟的大小和數量之間的平衡。只有一兩個步驟的向導程序根本沒有存在的意義,而超過10個步驟的向導程序則會讓人覺得過長。最理想的設計是將向導程序控制在3~5個步驟。之后,將你所設計的向導拿來做可用性測試,確保它能為用戶所接受。
在每個步驟當中,你需要讓用戶明白這個步驟的功能和存在的意義。同時,每個步驟當中,你應該給予用戶足夠的信息來確保他們能作出正確的決定。想要每個步驟都有明確的目標,這兩個東西是關鍵:
·清晰而簡潔的向導標簽
·每個步驟都有簡要的目的說明
反例:Homesite 這個網站在第一屏上并未對目標作出陳述,如果用戶從其他的頁面直接跳轉過來,很難立刻弄明白要干啥。
不必要的界面元素在用戶完成任務的過程中,會分散他們的注意力。刪除這些元素能夠讓用戶更加專注。
你應該搞清楚向導程序的邊界在哪里,這樣才能確保用戶明白何時完成。為了讓你的向導程序更好的引導用戶,你應該讓它的這些功能有所體現:
·將步驟編號
·表明這些步驟推進的方向(從上到下還是從左到右)
·區分正在執行的步驟的和待完成的步驟
·指示已經成功完成的步驟
·完成之后給予用戶以確認信息
反例:不要讓每一個步驟都是孤立的,最好讓它和前后步驟聯系起來,讓用戶看到。
范例:清楚地在步驟旁邊標上步驟數字,此外,從UI上體現所有步驟的概述。
默認值,或者說默認設定是非常有用的。無論你如何安排步驟,用戶始終還是希望擁有控制權的,而默認值能給用戶作為參考。比如程序的安裝位置。
有的時候,由于種種原因用戶決定放棄執行當前步驟,而取消按鈕讓用戶在決定放棄的時候,有安全的退出路徑。
如果用戶有新的想法,或者有新的主意,那么用戶可能會撤銷已完成的步驟,重新開始,修改數據,或者完全放棄。讓用戶可以回到上一個步驟,撤銷已經執行的步驟,則能夠重新開始引導,按照新的想法來重新設置。
在即將完成整個向導程序的時候,將用戶完成過程中所執行的選擇總結成為摘要,讓用戶可以在完成前確認所有的信息。
設計一個良好的向導程序并不容易,你需要做出大量的規劃,通過試錯來驗證設計。希望今天所列舉出的最佳實踐能夠幫你完成向導程序的設計。
藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務