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