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