天天看點

淺析産品新手引導設計

   引導設計,現在也是大家比較熱衷讨論的話題,各類的web産品也都紛紛效仿起移動端的引導方式,那麼我先問一下,究竟什麼是引導設計呢?

什麼是引導設計?

  我們把它拆開為“引導”和“設計”,那什麼是引導呢?我們可以回歸到生活中去尋找答案,導遊帶領遊客參觀景點,幫助安排食宿,讓遊客們輕松愉快地完成他們的旅程;老師教學生更快更深入地學習知識,學以緻用;路邊的醒目的箭頭路标指引我們更快地找到地鐵,這些都是引導在生活中的例子。

淺析産品新手引導設計

  是以可以概括,引導是帶領既定的目标對象更快速更愉悅地達到目标的過程,引導設計則是這一過程的設計。在網際網路産品的範疇中,新手引導設計是引導新手使用者更快速更愉悅地學習使用産品這一過程的設計,它力圖像導遊、老師、路标一樣帶領新手使用者快速地熟悉産品的整體功能,在使用者操作遇到障礙之前給予及時的幫助。

  但是,新手引導設計是不是就完全是為了引導新手使用者學習使用産品的設計呢?這麼說,未免也太高尚了點吧,回歸到産品本身,是不是花大力氣讓産品上線就是為了滿足使用者的需求呢,當然不全是,更多的是為了實作自己的盈利,這應該說是一種雙赢。是以其實産品也存有自己的私心,産品可以利用新手引導這把利器将自己的産品更快地推銷給使用者,讓使用者快速地從新手使用者向活躍度高、黏着度高的忠實使用者轉化。

新手引導設計要滿足使用者需求和産品目标,維持兩者之間的平衡,實作雙赢的局面。

  如同Jesse James Garrett在《使用者體驗要素》提出最底層的架構是使用者需求和網站目标一樣,推動新手引導設計的原因也有兩個:使用者需求和産品目标。對于新手引導來說,使用者需求是快速、愉悅地學習使用産品。産品目标是将新手使用者快速轉化為活躍度高、黏着度高的忠實使用者。

  使用者需求和産品目标出發的角度會不一樣,有時候會存在着沖突,但并不是不可調和的沖突,它們之間應該是在滿足使用者需求的同時也可以達到産品目标的狀态。是以新手引導設計就是要平衡處理好使用者需求和産品目标,實作雙赢的局面。

淺析産品新手引導設計

滿足使用者需求:引導使用者更快速、愉悅地學習使用産品

  首先要滿足的是使用者需求,也就是引導新手使用者更快速、愉悅、無阻礙地學習使用産品,且不要受過多的資訊幹擾,新手引導設計是這一過程的設計。從剛剛這句話來看,新手引導設計是要符合這幾個特征的:

 a. 新手使用者——對産品一無所知,需重視産品的易學性、引導的有效性。

b. 更快更愉悅——除了高效地達到目标之外,還需考慮愉悅性。

c. 過程——是貫穿使用者學習使用産品的整個過程,而不止是開始。

1.用産品本身來引導——提高産品易學性

  用産品本身來引導,降低産品的學習門檻,就是最好的引導方式,也是新手引導設計的最本質最核心的部分。用界面告訴使用者,他可以在這個界面去做什麼,這樣的隐形的引導讓使用者在不知不覺當中就學會使用産品了。

保持産品簡潔,突出核心功能

  用産品本身來實作引導就要求産品需要做減法,保持産品簡潔,突出核心功能,讓使用者一目了然。QQ6.3電腦管家通過簡化布局,通過大量的留白和跳出的綠色大按鈕聚焦使用者視線的焦點,清晰告訴使用者這個界面是用來安全體檢的。

淺析産品新手引導設計

用色調讓使用者專注于核心内容

  人的視線會先看到亮色調(暖色調)的部分,後看到暗色調(冷色調)的部分,是以也可以用亮色調(暖色調)來突出核心内容,讓使用者的視覺聚焦在那裡。輕部落格鼻祖tumblr用暗色調弱化背景、導航,亮色調突出内容部分,讓使用者的視線焦點集中在發輕博文和閱讀他人的博文的沉浸式閱讀體驗當中。

淺析産品新手引導設計

2.初次使用說明書引導——讓引導更高效有趣

  用産品本身來引導使用者學習是最好的方式,但是很多時候這種方式還是不夠的,産品需要用一種更快速的方式,讓使用者對産品有一個全局性的認識。很多産品借用了生活中工業産品的使用說明書這一概念,在使用者使用産品之初,告訴使用者如何使用。

首頁功能介紹

  在第一次使用産品的時候,在首頁出現功能介紹,這種方式是比較常用的方式。如evernote在首頁采用文字介紹其相關功能和使用方法,讓使用者對evernote主要功能有個初步的了解,但是很多時候,使用者可能沒有耐心去讀完大段乏味的文字,而直接匆匆地跳過,就像前面說的,沒有新手引導的第二個特性:更快更愉悅——除了高效地達到目标之外,還需考慮愉悅性。是以單純的文字介紹的引導性還是比較差的。

淺析産品新手引導設計

  QQ浏覽器的首頁功能介紹采用了圖示的方式,精心的設計讓使用者更樂意把它看完。

淺析産品新手引導設計

全局遊覽

  全局遊覽就像是導遊帶領新手使用者快速地遊覽整個産品一樣,讓新手使用者對産品有個整體的認識,往往圖文結合、精心的設計能給使用者留下比較深刻的印象,讓使用者感動溫暖。如下面QQ空間圖文結合的方式、朋友網改版之後精心的全局遊覽讓人眼前一亮,突出簡潔的文字說明,清晰明了。

淺析産品新手引導設計
淺析産品新手引導設計

3.使用中适時出現的使用引導——引導更是無處不在的過程

  初次的使用說明由于一般采用的是獨占式視窗的方式,隻會放核心功能的引導說明,以免過多的提示對使用者造成比較大的幹擾,但很多其他功能也需要引導。是以除了在初次的使用說明之外,在使用者學習使用産品的整個過程中,都應該貫穿着引導。

遮罩式操作介紹

  在第一次進入到相應的場景時,出現界面操作介紹。如下面騰訊微網誌的APP,在第一次進入到身邊的人的子產品的時候,以半透明遮罩的方式顯示操作介紹。

淺析産品新手引導設計

  EF單詞APP在第一次進入這個界面的時候以灰色透明遮罩的方式在界面上圈出操作方式說明,很用心很溫馨。

淺析産品新手引導設計

内嵌式操作引導

  内嵌式引導是将幫助引導直接嵌入到界面裡,在需要引導的時候起到引導幫助的作用,如下面的QQ浏覽器的九宮格沒有添加網頁的空白位置上引導操作“點選添加你喜歡的網站”,引導使用者可以通過點選添加。

淺析産品新手引導設計

  QQ iphone版在沒有動态的時候給予内嵌式引導,在有動态的時候不再出現。

淺析産品新手引導設計

滿足産品目标:引導新手使用者向忠實使用者轉化

  産品創造出來除了要滿足使用者需求之外,更要滿足産品的目标:比競品更強大更好用,使用者下載下傳量(線上量)更多,使用者活躍度更高等等,對于新手使用者,産品的目标是希望快速地将新手使用者轉化為活躍度高、黏着度高的忠實使用者。即,新手使用者引導設計在滿足産品目标的層面上則是引導新手使用者快速向活躍度高、黏着度高的忠實使用者轉化的設計。

1. 任務引導——更快速更直接的轉化

  常見的引導方式是任務引導,即出現一個任務讓使用者去完成,這樣的方式是比較直接的方式,同時也是比較快速的方式,是以也會成為産品中比較常用的引導方式。比如對産品來說可以提高人氣度的操作:完善資料、上傳頭像等,會采用這種引導方式。不過任務的出現會對使用者造成一定的幹擾,根據幹擾程度不同,可分為:

獨占式頁面

  騰訊微網誌的新手任務用獨占式的頁面引導使用者對朋友和名人加進行收聽,雖然幹擾程度是蠻大的,但同時引導程度也是最好的,用這種方式引導使用者完成一些非常重要的操作是非常快速而直接的。

淺析産品新手引導設計

彈窗式

  騰訊微網誌新手任務用彈窗引導上傳頭像,相比較彈窗會比獨占式頁面幹擾性小一些,使用者更容易選擇關閉視窗和跳過,是以引導的成功率會相對來說差一些。

淺析産品新手引導設計

小氣泡式

  小氣泡的引導是相對幹擾性比較小的方式,但引導性也是比較差的方式,使用者容易無視和忽略它。如下面朋友網用小氣泡的方式希望使用者上傳頭像,希望通過有意思的手繪和文字的激勵提高使用者上傳頭像的可能。

淺析産品新手引導設計

嵌入式

  淘寶網利用頭像的位置巧妙做了嵌入式的任務引導,對使用者幹擾幾乎為零,但楚楚可憐的求真相的提示會讓使用者最後傳上自己的頭像,引導性也不錯,不過需要一些時間,因為嵌入式的引導不需要使用者及時的響應,可以在有時間的時候再來關注。

淺析産品新手引導設計

  朋友網對使用者加認識的人的操作嵌入到頁面當中,将對使用者的幹擾程度降到最低。

淺析産品新手引導設計

2. 激勵引導——用隐形的方式來激勵使用者

  用激勵的方式促使使用者完成産品的一些操作,提高使用者資料的完整度、對産品的熟悉度、參與到産品某些活動中來等等。

數字激勵

  用數字激勵的方式也是比較見到的,比如朋友網用常駐的tips顯示資料完整度數值,讓使用者有點選進去繼續完善資料的欲望。

淺析産品新手引導設計

  QQ電腦管家用紅色的數字警示使用者沒有掃描木馬的天數,激勵使用者馬上進行木馬掃描。

淺析産品新手引導設計

榜樣激勵

  蝦米網利用榜樣激勵很好激發起人性的好勝心、融入欲望,讓使用者能夠很快地參與進來。

淺析産品新手引導設計

3. 推薦——讓使用者發現更多

  除産品的基礎體驗之外,讓使用者發現更多其他的新功能或者好玩的活動,讓使用者成長為更進階的使用者,同時他們對産品的認可度也會變高,成為産品的忠實使用者。同時也因為産品随着發展也在不斷的疊代和擴充,需要推薦使用者來發現新增的功能點。

新功能推薦

  QQ空間用形象的tips告訴使用者新增的資源回收筒的功能;朋友網用tips推薦使用者找朋友實時聊天。

  圈圈用tips來提示可以圈人和加入興趣圈子,但要注意不要太多tips會對使用者造成很大幹擾。

淺析産品新手引導設計

活動推薦

  騰訊微網誌用在微網誌正文上方小banner來每天推薦不同的活動讓使用者能夠參與進來,提高他們在微網誌中的活躍度。但同時也要注意到使用者容易把banner當成廣告無視掉的習慣,可以更加精心地設計小banner,讓它看上去不像廣告。

淺析産品新手引導設計

當遭遇使用者需求與産品目标相左時

  本質上産品目标與使用者需求應該是共生的關系,隻有在滿足了使用者需求上,産品目标才能更好地滿足,但是我們仍然會遇到很多為了産品目标而傷害到使用者需求的案例。

1)不斷推薦新功能點

  在産品逐漸疊代功能擴充的過程中,就會忘了最初的原點,很多引導多是在不停地推薦新增的功能點。忘了這樣其實傷害了新手使用者的利益,使用者不斷被幹擾。

2)使用者的角度還是産品的角度

  在介紹産品的新功能點的時候,究竟是用使用者的語言簡單直白的表達操作方式還是産品的介紹方式呢,我想更備援冠冕堂皇的功能介紹可能不是最好的新手引導。

  是以,啰嗦了這麼許多,也就是要我們在面對新手引導的時候能夠平衡好使用者需求與産品目标之間的關系,更好地實作兩者之間的共赢。

(本文出自Tencent CDC Blog,轉載時請注明出處)

繼續閱讀