當前位置:才華齋>設計>平面設計>

深度剖析平面設計中的引導設計

平面設計 閱讀(2.56W)

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

深度剖析平面設計中的引導設計

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

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

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

新手引導設計要滿足使用者需求和產品目標,維持兩者之間的平衡,實現雙贏的局面。

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

使用者需求和產品目標出發的角度會不一樣,有時候會存在著衝突,但並不是不可調和的矛盾,它們之間應該是在滿足使用者需求的同時也可以達到產品目標的狀態。所以新手引導設計就是要平衡處理好使用者需求和產品目標,實現雙贏的局面。

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

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

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

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

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

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

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

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

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

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

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

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

首頁功能介紹

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

全域性遊覽

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

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

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

遮罩式操作介紹

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

內嵌式操作引導

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

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