新手引導設計研究與反思

6 評論 25543 瀏覽 171 收藏 19 分鐘

好的新手引導設計可以有效地降低用戶的使用門檻,并提升用戶體驗。筆者通過分析現有新手引導研究以及展開新手引導設計的反思,提煉了非常實用的價值點。

一、現有新手引導研究

為了讓新用戶更好地使(gong)用(xian)產(li)品(run),設計師往往會在用戶初次使用產品時給予引導,以幫助用戶熟悉產品功能及操作。

良好的新手引導可以降低用戶使用的門檻,給用戶留下用戶體驗良好的第一印象。因此,新手引導一般包括產品功能介紹和初次使用引導兩種功能,二者共同提升產品的用戶體驗。

那么新手引導設計應該包含哪些內容?設計時有哪些要注意的點?筆者試從產品功能介紹和初次使用引導兩個角度,結合用戶體驗,分別予以介紹。

1. 產品功能介紹

現有在新手引導中嵌入產品功能的常用方式有滑動展示引導頁和使用說明書引導兩種。

滑動展示引導頁

是指在用戶初次使用產品時提供一系列可滑動展示的、介紹應用功能的引導頁,這種引導頁的缺陷在于它橫亙在用戶和APP之間,即使頁面設計得精美有趣,用戶也很難充滿耐心地仔細閱讀完。

因為絕大多數的用戶在下載APP前多是事先了解過產品的功能的,當他打開APP時,再次出現功能說明就顯得重復;而且用戶多傾向于自己探索APP,即使教程對他們有所助益,但是這本身是偏離用戶初衷的。因此不建議做純粹的以產品功能介紹為內容的新手引導頁。

使用說明書引導

它會在用戶使用產品后看到的第一個界面中詳細介紹產品的功能,并且多數帶有鼓勵用戶嘗試使用的文字說明。比如下圖顯示的APP,“Welcome Board”是用戶使用任務管理面板時看到的第一個界面,其中涵蓋了預填充的代辦事項列表,說明了程序中不同控件的交互和功能。

以這種方式進行功能介紹把看還是不看、仔細看還是粗略看的選擇權還給了用戶,具有更好的用戶體驗。而且使用說明書引導的方式常常是功能介紹與使用引導結合在一起,讓用戶在使用中進一步了解產品的功能,用戶學習起來也更高效。

整體而言,在產品的新手引導中嵌入產品功能的行為是比較少的,多數產品會選擇在官網上進行功能介紹,這樣的介紹方式受限少,更具整體性和系統性,形式也更靈活。

2. 初次使用引導

如上文所述,多數新手引導更著重使用方法方面的說明,致力于降低用戶的使用門檻,提升用戶體驗。初次使用引導的方式有多種,常見的有滑動展示引導頁、遮罩式引導、彈窗式引導、氣泡/浮層式引導以及內嵌式引導。這五種方式引導的強度依次降低,對用戶的干擾程度也依次減小。

1. 滑動展示引導頁

在新手引導中是比較常見的方式,比如APP Store上好評如潮的Clear,由于其簡潔的操作對新用戶來說使用難度較高,所以在用戶首次使用時Clear會提供7屏教程來引導用戶使用,教會他們常用的交互手勢。但這種方式缺陷依然存在,強制用戶在使用前觀看復雜的教程,可能會讓嘗試使用的用戶立刻就打了退堂鼓。

2. 遮罩式引導

這也是一種強引導,通過直接蓋住界面來強調當前需要引導的內容。

這種提示讓用戶將注意力集中到某個特定功能上,通常出現在用戶首次操作的時候,一次顯示一個或多個。引導內容只有當用戶看到提示內容并且執行相應操作比如點擊遮罩或點擊“×”時才會消失,這就確保了信息傳達的有效性。注意這里的首次操作并不一定是用戶首次使用此產品,即使是老用戶,只要他之前沒有到達過這個頁面,那么當他首次到達時就會顯示新手引導。這種引導方式非常常見,既可以在用戶首次使用時用來做全局引導,也可以埋在產品的各個功能點等待用戶的發現。

使用遮罩式引導時要注意兩點:

首次使用的全局引導信息量不應過大,否則就像滑動展示引導一樣會讓用戶失去耐心;使用過程中的引導要保證是在用戶需要幫助時出現,否則就不是引導而是干擾了。

3. 彈窗式引導

這也是一種強引導,指在用戶即將使用到某功能或某交互方式時跳出彈窗予以解釋并介紹相應的操作。這里要注意的是彈窗觸發的條件要清晰,時機要得當。

比如知乎在用戶打開某答案后會彈窗提示“左劃切換回答”。這種即時的提醒方式在用戶即將使用到某功能時提供相應的操作引導,對用戶而言是切實的幫助,有利于提升產品的用戶體驗。但彈窗雖然內容量不大,但仍會打斷用戶原有的使用流程,在體驗上仍有改進的空間。

4. 氣泡/浮層式引導

這是一種量級輕但是目的性很強的引導方式,一般是結合文案的半透明浮層的設計模式,顯示3-5秒后自動消失,對用戶的干擾較小。

大部分浮層模式帶有指向性的箭頭,可以用來提示重要功能或者隱藏操作。這種引導方式下,用戶可以自行選擇是否進行相應操作,而且即使不進行任何操作對當前進程也沒有影響。氣泡/浮層式引導對用戶的干擾小,引導強度也較小,偏向于內容、功能及使用方式上的提醒。

5. 內嵌式引導

這是將幫助引導直接嵌入到界面里,在需要引導的時候起到引導幫助的作用,如某瀏覽器在進入主頁以及新建標簽頁后會在沒有添加網頁九宮格位置上顯示空白,并加以數字和“點擊添加你喜歡的網站”的文字提示,以此引導用戶。

內嵌式引導設計巧妙,在不打擾用戶的情況下給予用戶可能需要的操作提示,相較于前面介紹的幾種方式,對用戶的干擾最小。

二、新手引導設計反思

唐·諾曼在《設計心理學3·情感設計》中寫道:設計分為三個層次:本能、行為和反思。

  1. 本能層次的設計指的是產品外觀,是第一印象形成的基礎;
  2. 行為層次的設計指的是產品使用過程中的效率和愉悅感,著重于可用性和易用性;
  3. 反思層次的設計指的是產品的合理性和智能性,是體驗思想和情感的完全交融。

對應到新手引導的設計上,筆者認為:

  1. 本能層次的設計要求新手引導有良好的UI,包括提示的形式、配色、圖案和文字等等;
  2. 行為層次的設計要求新手引導出現的時機要恰當,保證引導的出現正好解決了用戶的燃眉之急;
  3. 反思層次的設計要求新手引導要有特色,無論是設計別具一格還是形式標新立異,能給用戶留下印象,即使不再使用想起來也會會心一笑。

由前文的舉例可以看出,新手引導的強度和其對用戶的干擾程度是正相關的。這并不難理解,畢竟要讓用戶看到引導,就必須打斷他,讓他從當前的活動轉向引導的內容。無論是使用前的引導,還是使用過程中的引導,一定程度上都“阻礙”了用戶的使用,用戶體驗并不好。

那么怎么做才能兼顧引導強度與用戶體驗,設計出情感設計三個層次上都優秀的新手引導呢?

筆者認為要深入理解用戶真正的需求,增加巧妙引導,減少“強行”引導。

新手引導設計的初衷是好的,但實際效果往往并不理想,根本原因還是設計者想當然,并未get到用戶的實際需求。

有研究表明:即使一個簡短的分步解讀(3步)或者一個視頻演示也會讓用戶產生困擾,并不能提高他們參與的積極性。測試顯示用戶會跳過或者直接忽略對話框/分步解讀/視頻演示/透明層解讀。有被測者說道:“我只是想進入并開始探索這個APP而已?!?/p>

針對這種情況,這位研究者給出了5個建議,以期以最小的用戶體驗損失來達到最大的新手引導效果。筆者認為如果說情感設計的三個層次是內功心法,那這5個建議就是武功招式?,F摘錄如下:

  1. 盡量少用文字;
  2. 需要的時候再出現;
  3. 讓它有趣;
  4. 讓用戶邊玩邊學;
  5. 傾聽你的用戶。

規則1:盡量少用文字

用文字來介紹產品詳盡、準確,但信息單一、節奏太慢。

用戶本能上偏愛看圖,且沒什么耐心,大段的文字將會被直接忽略。用圖片和動作來代替文字說明,跟用戶互動起來,讓用戶邊用邊學。

左圖的引導為純文字介紹,9頁信息讓用戶只看不做,是對用戶耐心的一次考驗;右圖采用了文字、圖標和動效示意圖,并引導用戶親自動手操作,用戶接受起來就更容易些。

規則2:需要的時候再出現

提前加載教程,一開始就告知用戶所有的事情,他們會被困在大量的信息中,更重要的是這對用戶當下的活動并沒有什么幫助,在行為層次上是失敗的。

可以考慮在用戶需要的時候,提供簡短、易理解的信息,而不要讓用戶在一開始就掩埋在大量信息中。

左圖的APP在用戶打開后就準備了一場11頁引導組成的講座;右圖的APP在用戶打開后就進入使用界面,引導用戶創建第一個list 。

規則3:讓它有趣

盡管讓學習APP變有趣很難,但確實有一些方法能激勵用戶去好好體驗一下,比如在反饋方式上給用戶好玩的感覺。

左圖的引導采用了透明層注釋和趣味化字體,但是5頁純文字教程看起來仍像是一場講座。

而右圖的APP在第一步被打開時沒有任何說明性的文字,打開Flipboard之后,頁面的下半部分會調皮地向上翻轉一下,在翻轉回來前,會讓用戶看到一些內容。之后,用戶可能會向上翻轉以查看隱藏的內容,如果用戶沒有翻轉,則會看到一個提示“向上翻轉以繼續“。一邊翻轉,一邊探索,這個過程加強了新手用戶對于這個特殊手勢的使用,有趣且有價值。而且這種新穎的引導方式在千篇一律的新手引導中標新立異,讓用戶在學會之后想起也會覺得有趣,說不定還會向朋友炫耀,是反思層面上的優秀設計。

規則4:讓用戶邊用邊學

回想一下中學學習科學概念時,老師會在做實驗前稍微講解一下,但只有當自己通過實驗得出相關結論時,才會真的理解,心里感覺美滋滋的。這種邊做邊學的學習方法可以用在新手引導的設計當中。簡單來說,可以通過在用戶操作過程中加入一些視覺、聽覺的反饋,以此讓用戶和APP互動起來,這樣不僅可以提高用戶的耐心,也會加深他們的印象。

規則4和規則2是相輔相成的。不需要在一開始展示APP的所有特點,而是邀請用戶去循序漸進地探索它。慢慢地揭開APP的神秘面紗,讓用戶在使用過程中不斷地獲得驚喜,這樣用戶才會流連忘返。下圖的APP會在用戶答完一些題之后告知用戶如何跳過不感興趣的;當用戶掌握一些技能后,給予用戶一定的激勵,同時提升他們的等級。

規則5:傾聽你的用戶

適當的用戶測試將會揭示用戶在使用過程中遇到的障礙。在測試過程中,你需要觀察用戶在哪兒犯了錯、對哪兒存在疑惑,傾聽他們在使用過程中的發言。等到測試結束后,再進行一場深入的訪談。因為如果在使用過程中進行訪談,你可能會不自覺地引導他們去說你想聽到的答案。

通過用戶測試,Snap Payroll的設計師們最終得出:循序漸進的引導或者在使用過程中給予相關提示,得到的用戶反饋是最好的。這個結論,在RetailMeNot的4輪用戶測試中也得到了驗證。

總結

好的設計是不需要新手引導的,這句話在一定程度上是有道理的。

雖然我們可以設計新手引導來幫助新用戶,但更重要的是整個產品的設計要清晰易懂,易學易記。這樣既能減少新用戶使用產品時的困難,減輕新手引導設計的壓力,又能提高用戶使用產品的熱情,畢竟這才是用戶體驗的根本。

?參考文章

  1. 淺析產品新手引導設計?
  2. 新手引導設計,這樣改善太棒了!
  3. 來設計個新手引導吧!
  4. 手機游戲新手引導的設計研究
  5. 怎么設計移動應用的新手引導更好?
  6. 網站產品功能設計:如何設計新手用戶引導
  7. [譯文]反思手機app使用教程的設計:哪些模式才真的有用??
  8. 新用戶引導設計模式
  9. 更生層次的交互設計——情感化設計
  10. 《設計心理學3:情感設計》Donald Arthur Norman / 何笑梅 / 歐秋杏 / 中信出版社
  11. 《移動應用UI設計模式》Theresa Neil / 田原 / 人民郵電出版社

 

本文由 @Tzufeng 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 總結一下下不善用新手引導的功能:app功能復雜頁面簡潔,打斷用戶操作,用戶更喜歡探索app

    來自四川 回復
  2. 寫的好好,點贊

    來自四川 回復
  3. 喲,寫的挺好??!

    來自上海 回復
  4. 寫的不錯,收藏+點贊哈哈,蠻好的,尤其是引導的反思,稀飯

    來自北京 回復
  5. 收藏的朋友能不能順便點個贊? ??

    來自安徽 回復
    1. 收藏的朋友能不能點個贊,順便加個關注?。。?!

      來自四川 回復