- 相關(guān)推薦
深度剖析平面設(shè)計中的引導(dǎo)設(shè)計
平面設(shè)計中的引導(dǎo)設(shè)計，現(xiàn)在也是大家比較熱衷討論的話題，各類的web產(chǎn)品也都紛紛效仿起移動端的引導(dǎo)方式，那么我們先來討論一下，究竟什么是引導(dǎo)設(shè)計呢?
我們把它拆開為“引導(dǎo)”和“設(shè)計”，那什么是引導(dǎo)呢?我們可以回歸到生活中去尋找答案，導(dǎo)游帶領(lǐng)游客參觀景點，幫助安排食宿，讓游客們輕松愉快地完成他們的旅程;老師教學(xué)生更快更深入地學(xué)習(xí)知識，學(xué)以致用;路邊的醒目的箭頭路標(biāo)指引我們更快地找到地鐵，這些都是引導(dǎo)在生活中的例子。
所以可以概括，引導(dǎo)是帶領(lǐng)既定的目標(biāo)對象更快速更愉悅地達到目標(biāo)的過程，引導(dǎo)設(shè)計則是這一過程的設(shè)計。在互聯(lián)網(wǎng)產(chǎn)品的范疇中，新手引導(dǎo)設(shè)計是引導(dǎo)新手用戶更快速更愉悅地學(xué)習(xí)使用產(chǎn)品這一過程的設(shè)計，它力圖像導(dǎo)游、老師、路標(biāo)一樣帶領(lǐng)新手用戶快速地熟悉產(chǎn)品的整體功能，在用戶操作遇到障礙之前給予及時的幫助。
但是，新手引導(dǎo)設(shè)計是不是就完全是為了引導(dǎo)新手用戶學(xué)習(xí)使用產(chǎn)品的設(shè)計呢?這么說，未免也太高尚了點吧，回歸到產(chǎn)品本身，是不是花大力氣讓產(chǎn)品上線就是為了滿足用戶的需求呢，當(dāng)然不全是，更多的是為了實現(xiàn)自己的盈利，這應(yīng)該說是一種雙贏。所以其實產(chǎn)品也存有自己的私心，產(chǎn)品可以利用新手引導(dǎo)這把利器將自己的產(chǎn)品更快地推銷給用戶，讓用戶快速地從新手用戶向活躍度高、黏著度高的忠實用戶轉(zhuǎn)化。
新手引導(dǎo)設(shè)計要滿足用戶需求和產(chǎn)品目標(biāo)，維持兩者之間的平衡，實現(xiàn)雙贏的局面。
如同Jesse James Garrett在《用戶體驗要素》提出最底層的架構(gòu)是用戶需求和網(wǎng)站目標(biāo)一樣，推動新手引導(dǎo)設(shè)計的原因也有兩個：用戶需求和產(chǎn)品目標(biāo)。對于新手引導(dǎo)來說，用戶需求是快速、愉悅地學(xué)習(xí)使用產(chǎn)品。產(chǎn)品目標(biāo)是將新手用戶快速轉(zhuǎn)化為活躍度高、黏著度高的忠實用戶。
用戶需求和產(chǎn)品目標(biāo)出發(fā)的角度會不一樣，有時候會存在著沖突，但并不是不可調(diào)和的矛盾，它們之間應(yīng)該是在滿足用戶需求的同時也可以達到產(chǎn)品目標(biāo)的狀態(tài)。所以新手引導(dǎo)設(shè)計就是要平衡處理好用戶需求和產(chǎn)品目標(biāo)，實現(xiàn)雙贏的局面。
滿足用戶需求：引導(dǎo)用戶更快速、愉悅地學(xué)習(xí)使用產(chǎn)品
首先要滿足的是用戶需求，也就是引導(dǎo)新手用戶更快速、愉悅、無阻礙地學(xué)習(xí)使用產(chǎn)品，且不要受過多的信息干擾，新手引導(dǎo)設(shè)計是這一過程的設(shè)計。從剛剛這句話來看，新手引導(dǎo)設(shè)計是要符合這幾個特征的'：
a. 新手用戶對產(chǎn)品一無所知，需重視產(chǎn)品的易學(xué)性、引導(dǎo)的有效性。
b. 更快更愉悅除了高效地達到目標(biāo)之外，還需考慮愉悅性。
c. 過程是貫穿用戶學(xué)習(xí)使用產(chǎn)品的整個過程，而不止是開始。
1.用產(chǎn)品本身來引導(dǎo)提高產(chǎn)品易學(xué)性
用產(chǎn)品本身來引導(dǎo)，降低產(chǎn)品的學(xué)習(xí)門檻，就是最好的引導(dǎo)方式，也是新手引導(dǎo)設(shè)計的最本質(zhì)最核心的部分。用界面告訴用戶，他可以在這個界面去做什么，這樣的隱形的引導(dǎo)讓用戶在不知不覺當(dāng)中就學(xué)會使用產(chǎn)品了。
保持產(chǎn)品簡潔，突出核心功能
用產(chǎn)品本身來實現(xiàn)引導(dǎo)就要求產(chǎn)品需要做減法，保持產(chǎn)品簡潔，突出核心功能，讓用戶一目了然。QQ6.3電腦管家通過簡化布局，通過大量的留白和跳出的綠色大按鈕聚焦用戶視線的焦點，清晰告訴用戶這個界面是用來安全體檢的。
人的視線會先看到亮色調(diào)(暖色調(diào))的部分，后看到暗色調(diào)(冷色調(diào))的部分，所以也可以用亮色調(diào)(暖色調(diào))來突出核心內(nèi)容，讓用戶的'視覺聚焦在那里。輕博客鼻祖用暗色調(diào)弱化背景、導(dǎo)航，亮色調(diào)突出內(nèi)容部分，讓用戶的視線焦點集中在發(fā)輕博文和閱讀他人的博文的沉浸式閱讀體驗當(dāng)中。
2.初次使用說明書引導(dǎo)讓引導(dǎo)更高效有趣
用產(chǎn)品本身來引導(dǎo)用戶學(xué)習(xí)是最好的方式，但是很多時候這種方式還是不夠的，產(chǎn)品需要用一種更快速的方式，讓用戶對產(chǎn)品有一個全局性的認(rèn)識。很多產(chǎn)品借用了生活中工業(yè)產(chǎn)品的使用說明書這一概念，在用戶使用產(chǎn)品之初，告訴用戶如何使用。
首頁功能介紹
在第一次使用產(chǎn)品的時候，在首頁出現(xiàn)功能介紹，這種方式是比較常用的方式。如evernote在首頁采用文字介紹其相關(guān)功能和使用方法，讓用戶對evernote主要功能有個初步的了解，但是很多時候，用戶可能沒有耐心去讀完大段乏味的文字，而直接匆匆地跳過，就像前面說的，沒有新手引導(dǎo)的第二個特性：更快更愉悅除了高效地達到目標(biāo)之外，還需考慮愉悅性。所以單純的文字介紹的引導(dǎo)性還是比較差的。
全局游覽
全局游覽就像是導(dǎo)游帶領(lǐng)新手用戶快速地游覽整個產(chǎn)品一樣，讓新手用戶對產(chǎn)品有個整體的認(rèn)識，往往圖文結(jié)合、精心的設(shè)計能給用戶留下比較深刻的`印象，讓用戶感動溫暖。如下面QQ空間圖文結(jié)合的方式、朋友網(wǎng)改版之后精心的全局游覽讓人眼前一亮，突出簡潔的文字說明，清晰明了。
3.使用中適時出現(xiàn)的使用引導(dǎo)引導(dǎo)更是無處不在的過程
初次的使用說明由于一般采用的是獨占式窗口的方式，只會放核心功能的引導(dǎo)說明，以免過多的提示對用戶造成比較大的干擾，但很多其他功能也需要引導(dǎo)。因此除了在初次的使用說明之外，在用戶學(xué)習(xí)使用產(chǎn)品的整個過程中，都應(yīng)該貫穿著引導(dǎo)。
遮罩式操作介紹
在第一次進入到相應(yīng)的場景時，出現(xiàn)界面操作介紹。如下面騰訊微博的`APP，在第一次進入到身邊的人的模塊的時候，以半透明遮罩的方式顯示操作介紹。
內(nèi)嵌式操作引導(dǎo)
內(nèi)嵌式引導(dǎo)是將幫助引導(dǎo)直接嵌入到界面里，在需要引導(dǎo)的時候起到引導(dǎo)幫助的作用，如下面的QQ瀏覽器的九宮格沒有添加網(wǎng)頁的空白位置上引導(dǎo)操作“點擊添加你喜歡的網(wǎng)站”，引導(dǎo)用戶可以通過點擊添加。
產(chǎn)品創(chuàng)造出來除了要滿足用戶需求之外，更要滿足產(chǎn)品的目標(biāo)：比競品更強大更好用，用戶下載量(在線量)更多，用戶活躍度更高等等，對于新手用戶，產(chǎn)品的目標(biāo)是希望快速地將新手用戶轉(zhuǎn)化為活躍度高、黏著度高的忠實用戶。即，新手用戶引導(dǎo)設(shè)計在滿足產(chǎn)品目標(biāo)的層面上則是引導(dǎo)新手用戶快速向活躍度高、黏著度高的忠實用戶轉(zhuǎn)化的設(shè)計。
1. 任務(wù)引導(dǎo)更快速更直接的轉(zhuǎn)化
常見的引導(dǎo)方式是任務(wù)引導(dǎo)，即出現(xiàn)一個任務(wù)讓用戶去完成，這樣的方式是比較直接的方式，同時也是比較快速的方式，所以也會成為產(chǎn)品中比較常用的引導(dǎo)方式。比如對產(chǎn)品來說可以提高人氣度的操作：完善資料、上傳頭像等，會采用這種引導(dǎo)方式。不過任務(wù)的出現(xiàn)會對用戶造成一定的干擾，根據(jù)干擾程度不同，可分為：
獨占式頁面
騰訊微博的'新手任務(wù)用獨占式的頁面引導(dǎo)用戶對朋友和名人加進行收聽，雖然干擾程度是蠻大的，但同時引導(dǎo)程度也是最好的，用這種方式引導(dǎo)用戶完成一些非常重要的操作是非�？焖俣苯拥摹�
彈窗式
騰訊微博新手任務(wù)用彈窗引導(dǎo)上傳頭像，相比較彈窗會比獨占式頁面干擾性小一些，用戶更容易選擇關(guān)閉窗口和跳過，所以引導(dǎo)的成功率會相對來說差一些。
小氣泡式
小氣泡的引導(dǎo)是相對干擾性比較小的方式，但引導(dǎo)性也是比較差的方式，用戶容易無視和忽略它。如下面朋友網(wǎng)用小氣泡的方式希望用戶上傳頭像，希望通過有意思的手繪和文字的激勵提高用戶上傳頭像的可能。
嵌入式
淘寶網(wǎng)利用頭像的位置巧妙做了嵌入式的任務(wù)引導(dǎo)，對用戶干擾幾乎為零，但楚楚可憐的求真相的提示會讓用戶最后傳上自己的頭像，引導(dǎo)性也不錯，不過需要一些時間，因為嵌入式的引導(dǎo)不需要用戶及時的響應(yīng)，可以在有時間的時候再來關(guān)注。
2. 激勵引導(dǎo)用隱形的方式來激勵用戶
用激勵的方式促使用戶完成產(chǎn)品的'一些操作，提高用戶資料的完整度、對產(chǎn)品的熟悉度、參與到產(chǎn)品某些活動中來等等。
數(shù)字激勵
用數(shù)字激勵的方式也是比較見到的，比如朋友網(wǎng)用常駐的tips顯示資料完整度數(shù)值，讓用戶有點擊進去繼續(xù)完善資料的欲望。
榜樣激勵
蝦米網(wǎng)利用榜樣激勵很好激發(fā)起人性的好勝心、融入欲望，讓用戶能夠很快地參與進來。
3. 推薦讓用戶發(fā)現(xiàn)更多
除產(chǎn)品的基礎(chǔ)體驗之外，讓用戶發(fā)現(xiàn)更多其他的新功能或者好玩的活動，讓用戶成長為更高級的用戶，同時他們對產(chǎn)品的認(rèn)可度也會變高，成為產(chǎn)品的忠實用戶。同時也因為產(chǎn)品隨著發(fā)展也在不斷的`迭代和擴展，需要推薦用戶來發(fā)現(xiàn)新增的功能點。
新功能推薦
QQ空間用形象的tips告訴用戶新增的回收站的功能;朋友網(wǎng)用tips推薦用戶找朋友實時聊天。
圈圈用tips來提示可以圈人和加入興趣圈子，但要注意不要太多tips會對用戶造成很大干擾。
活動推薦
騰訊微博用在微博正文上方小banner來每天推薦不同的活動讓用戶能夠參與進來，提高他們在微博中的活躍度。但同時也要注意到用戶容易把banner當(dāng)成廣告無視掉的習(xí)慣，可以更加精心地設(shè)計小banner，讓它看上去不像廣告。
當(dāng)遭遇用戶需求與產(chǎn)品目標(biāo)相左時
本質(zhì)上產(chǎn)品目標(biāo)與用戶需求應(yīng)該是共生的關(guān)系，只有在滿足了用戶需求上，產(chǎn)品目標(biāo)才能更好地滿足，但是我們?nèi)匀粫龅胶芏酁榱水a(chǎn)品目標(biāo)而傷害到用戶需求的案例。
1)不斷推薦新功能點
在產(chǎn)品逐漸迭代功能擴展的過程中，就會忘了最初的原點，很多引導(dǎo)多是在不停地推薦新增的功能點。忘了這樣其實傷害了新手用戶的利益，用戶不斷被干擾。
2)用戶的角度還是產(chǎn)品的角度
在介紹產(chǎn)品的新功能點的時候，究竟是用用戶的語言簡單直白的表達操作方式還是產(chǎn)品的'介紹方式呢，我想更冗余冠冕堂皇的功能介紹可能不是最好的新手引導(dǎo)。
所以，啰嗦了這么許多，也就是要我們在面對新手引導(dǎo)的時候能夠平衡好用戶需求與產(chǎn)品目標(biāo)之間的關(guān)系，更好地實現(xiàn)兩者之間的共贏。
【深度剖析平面設(shè)計中的引導(dǎo)設(shè)計】相關(guān)文章：
深度剖析市場營銷思維08-30
平面設(shè)計中設(shè)計原則06-25
平面設(shè)計中的符號07-07
廣告設(shè)計中的視覺引導(dǎo)藝術(shù)10-15
漢字在平面設(shè)計中的運用09-02
平面設(shè)計中的色彩美學(xué)07-26
平面設(shè)計中配色方法09-03