如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

 來源：圖冀網(wǎng)

圖片來自：chargify

 

        獲得注冊(cè)用戶挺難的，它需要投入許多時(shí)間、經(jīng)歷及金錢，但往往當(dāng)用戶用過一次這些產(chǎn)品，那些好不容易獲得的用戶也馬上流失了。根據(jù)Andrew Chen 的研究：

        普通應(yīng)用在起初的三天里每天會(huì)流失77%的日活躍用戶。

 

        你肯定不想你的公司發(fā)生這樣的事情，為獲得新用戶而投入了眾多資源，而大多數(shù)用戶僅僅在首次訪問之后便馬上離開了。如何改善這種情況呢？即你需要通過創(chuàng)造完美的訪問流程為用戶留下非常棒的第一印象。

 

        引導(dǎo)是設(shè)計(jì)師從人力資源的詞匯（培訓(xùn)）中借鑒而來的，意在表達(dá)幫助用戶在初次訪問網(wǎng)站、應(yīng)用或者服務(wù)時(shí)能夠快速上手。

 

        設(shè)計(jì)引導(dǎo)時(shí)，設(shè)計(jì)師往往需考慮一系列的因素，以最好的方式幫助用戶能夠熟悉產(chǎn)品，并獲知產(chǎn)品給將他們提供的什么樣的價(jià)值。

 

1.避免過長的引導(dǎo)

        遵循簡單的原則“少顯示，多提供”，以減少用戶開始使用產(chǎn)品的不便。

 

        目前市場上幾乎所有的應(yīng)用程序都在首次打開應(yīng)用時(shí)提供了滑動(dòng)手勢滾動(dòng)的引導(dǎo)頁面，它的目的是向用戶介紹應(yīng)用可以為用戶提供什么樣的服務(wù)。

嘗試運(yùn)用靜態(tài)頁面展示產(chǎn)品價(jià)值。 圖片來自： Min

 

        或者通過這些頁面來解釋一些常見的交互方式。

 

Clear, iOS系統(tǒng)上的一個(gè)任務(wù)記錄應(yīng)用，在用戶開始使用應(yīng)用前要用戶閱讀7個(gè)頁面的引導(dǎo)

 

        然而，眾多應(yīng)用采用的此種引導(dǎo)方式，卻存在著一些問題：

 

        ·滑動(dòng)手勢滾動(dòng)頁面是用戶探索應(yīng)用動(dòng)力的阻礙者。它使用戶與應(yīng)用之間形成一層隔閡，即使這些引導(dǎo)頁面被設(shè)計(jì)的優(yōu)美有趣，但用戶并沒有耐心去把他們看完。為什么呢？因?yàn)榇蠖鄶?shù)用戶期望能夠自己去探索產(chǎn)品，與應(yīng)用建立聯(lián)系并看看應(yīng)用究竟提供了些什么。

 

        ·我們不應(yīng)期望用戶在使用應(yīng)用前先閱讀使用手冊(cè)。用戶不是下載應(yīng)用來學(xué)習(xí)這些界面的，他們僅想在盡可能短的時(shí)間完成他們所想完成的任務(wù)。因此，不要讓你的用戶覺得他們?cè)谑褂媚愕膽?yīng)用前需要進(jìn)行額外的學(xué)習(xí)。

 

2.設(shè)計(jì)基于情境的引導(dǎo)

與其讓用戶提前記住一切，不如在合適時(shí)機(jī)為用戶提供恰當(dāng)?shù)囊龑?dǎo)。

 

        預(yù)置的引導(dǎo)頁還有一個(gè)可用性的問題----它要求用戶提前做功課---用戶需要耐心的讀完所有的信息并要嘗試記住這些內(nèi)容。即使用戶決定仔細(xì)閱讀這些說明，但往往也在關(guān)閉這些頁面的瞬間就忘掉所有剛才閱讀的內(nèi)容（因?yàn)楹懿恍?，我們的短期記憶不能記住太多的信息?/span>

在用戶還沒有見過應(yīng)用或網(wǎng)站前就期望他們每一個(gè)功能顯然很過分

 

        新用戶不注冊(cè)你的產(chǎn)品，是因?yàn)樗麄儍H對(duì)學(xué)習(xí)產(chǎn)品的界面感興趣，他們注冊(cè)，是因?yàn)樗麄儗?duì)你的產(chǎn)品所承諾的服務(wù)所帶來的價(jià)值感興趣。

 

        基于情境（或是及時(shí)）的引導(dǎo)方式是靜態(tài)引導(dǎo)頁面一種很好的替代方式。它總是在恰當(dāng)?shù)臅r(shí)機(jī)提供有用的信息給用戶：即在流程中具體的某個(gè)時(shí)刻給用戶一些引導(dǎo)，且僅提供在該時(shí)刻交互所需要的內(nèi)容。這種簡單有效的設(shè)計(jì)技巧可以被運(yùn)用到許多不同的地方：

 

        ·示例數(shù)據(jù)。如，”歡迎界面”是用戶看到任務(wù)管理應(yīng)用Trello第一眼會(huì)看到的界面，該界面不僅有系統(tǒng)默認(rèn)的一些未完成條目，還提供了對(duì)每個(gè)條目進(jìn)行交互或功能的解釋。這種方式為用戶提供了比靜態(tài)頁面更加的學(xué)習(xí)方法。

 

用戶可以讓輕松快速的訪問Trello，該界面向用戶展示了產(chǎn)品實(shí)際的界面。

 

        ·突出重點(diǎn)的提示。可以在安卓系統(tǒng)的YouTube 應(yīng)用找到該類基于情境的提示。應(yīng)用最將提示的數(shù)量壓縮到最少，以將用戶的注意力集中在一個(gè)、且優(yōu)先級(jí)相對(duì)較高的操作上。它運(yùn)用了遮罩的方式為用戶解釋那些不常見的交互行為，這些提醒僅在新用戶第一次進(jìn)入時(shí)出現(xiàn)，并且僅當(dāng)用戶首次進(jìn)入應(yīng)用的相關(guān)模塊才顯示，一次僅顯示一個(gè)。

 

應(yīng)用里的引導(dǎo)要設(shè)計(jì)的具有優(yōu)秀的可掃描性，因?yàn)橛脩敉ǔ?huì)快速略過他們

 

        ·交互式引導(dǎo)，這是一種用戶控制的的引導(dǎo)方式，引導(dǎo)是在用戶具有適當(dāng)?shù)慕?jīng)驗(yàn)時(shí)才會(huì)出現(xiàn)。因此，不同的用戶獲得引導(dǎo)的順序可能不同。Duolingo 知道通過完成任務(wù)進(jìn)行學(xué)習(xí)是學(xué)習(xí)的最佳方式，并通過循序漸進(jìn)的交互方式向用戶展示產(chǎn)品是如何工作的。它鼓勵(lì)用戶開始并根據(jù)已選的語言進(jìn)行一個(gè)快速測試。

 

Duolingo 提供了與快速測試統(tǒng)一的用戶引導(dǎo)方式

 

        技巧：圖文并茂的引導(dǎo)方式可以讓用戶不需要進(jìn)行大量閱讀也可以獲知該引導(dǎo)的基本內(nèi)容。

 

 

3.最大化的運(yùn)用空白狀態(tài)

嘗試將首次使用的空白狀態(tài)作為引導(dǎo)體驗(yàn)的一部分

 

        內(nèi)容是大多數(shù)網(wǎng)站及應(yīng)用提供價(jià)值的所在，這也正是它們被使用的原因----內(nèi)容！因此，需要更為嚴(yán)謹(jǐn)?shù)乃伎既绾卧O(shè)計(jì)空白狀態(tài)頁面，即用戶看不到/沒有創(chuàng)造任何內(nèi)容的那些地方。

 

        在空白狀態(tài)的頁面中嵌入用戶引導(dǎo)是很自然的事情，相較于對(duì)空白頁面放任不管，其實(shí)可以好好有效的利用這個(gè)頁面去引導(dǎo)、教育及提示用戶。

 

        處理好空白狀態(tài)會(huì)有柳暗花明的效果

 

        鼓勵(lì)用戶與產(chǎn)品進(jìn)行交互：

        ·設(shè)置符合用戶預(yù)期的反饋結(jié)果使用戶感到舒適。

        ·提供明顯的到達(dá)下一步驟的方法。

 

 

        例如，Instagram 中，首次注冊(cè)成功的用戶顯示的是空白的首頁，其他的用戶則有頭像、喜歡以及評(píng)論等內(nèi)容，而新用戶沒有以上任何內(nèi)容，為方便用戶開始使用應(yīng)用，Instagram將“空白狀態(tài)”轉(zhuǎn)變成了一個(gè)學(xué)習(xí)的機(jī)會(huì)：在通常顯示照片的地方運(yùn)用一個(gè)箭頭指向照相機(jī)圖標(biāo)的方式，并附上文字“未上傳—點(diǎn)擊照相機(jī)上傳你的第一張照片或者第一段視頻”作為提示。

 

Instagram ，明白空白狀態(tài)頁面首要的目標(biāo)是教用戶如何使用自己的應(yīng)用

 

        技巧：運(yùn)用“顯示---或---告知的方式”來提供信息，“顯示”指描述用戶當(dāng)前具有預(yù)置內(nèi)容的頁面，“告知”即提供解釋該情況的內(nèi)容。

 

4.顯示成功反饋

當(dāng)用戶獲得第一個(gè)小成功時(shí)，要讓你的用戶感覺到棒棒噠

 

        用戶完成一項(xiàng)重要任務(wù)的時(shí)刻是建立產(chǎn)品與用戶之間積極情感橋梁的好機(jī)會(huì)，這是讓用戶知道他們?cè)趯W(xué)習(xí)與執(zhí)行的過程中做的很好：

 

        與用戶一起慶祝成功

 

        如，通過網(wǎng)頁收發(fā)郵件的產(chǎn)品 MailChimp 就通過出乎意料的幽默方式以及在整個(gè)流程中積極的反饋來鼓勵(lì)用戶書寫他們的第一封郵件并制定發(fā)送計(jì)劃。

 

Mailchimp的設(shè)計(jì)將情感融入所有引導(dǎo)中

 

        技巧：運(yùn)用成功反饋是展示產(chǎn)品個(gè)性的好機(jī)會(huì)。

 

5.權(quán)衡

持續(xù)的迭代與權(quán)衡所有內(nèi)容

 

        指標(biāo)對(duì)審查當(dāng)前引導(dǎo)方式是否成功以及找出需要改進(jìn)的地方非常重要。因此需要建立一種長期有效的度量指標(biāo)并持續(xù)不斷的收集相關(guān)數(shù)據(jù)。在開始任何新的引導(dǎo)設(shè)計(jì)之前，你應(yīng)當(dāng)反問自己“該項(xiàng)目將如何增強(qiáng)現(xiàn)有的度量標(biāo)準(zhǔn)？”

  

獲得靈感

由設(shè)計(jì)師Samuel Hulick 創(chuàng)立的UserOnboard網(wǎng)站上有許多現(xiàn)有引導(dǎo)設(shè)計(jì)體驗(yàn)的資源。他詳細(xì)的描述了一些受歡迎的應(yīng)用引導(dǎo)設(shè)計(jì)的流程，為設(shè)計(jì)師們展示了那些最成功的應(yīng)用是如何留住用戶的。

 

Virgin America 的新用戶引導(dǎo)，圖片來自：User Onboard

 

總結(jié)：

引導(dǎo)設(shè)計(jì)可幫助產(chǎn)品成功也可能毀了產(chǎn)品。在引導(dǎo)設(shè)計(jì)之前，想一想用戶首次使用的體驗(yàn)會(huì)是什么樣的，思考這些首次使用的體驗(yàn)來幫助用戶改善他們的生活---這些強(qiáng)調(diào)的內(nèi)容不應(yīng)僅僅是讓新用戶去到處點(diǎn)擊或者熟悉界面，而是幫助他們運(yùn)用你的產(chǎn)品來達(dá)到他們的目的。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)