2017-2-3 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
來源：圖冀網(wǎng)
圖片來自：chargify
獲得注冊用戶挺難的，它需要投入許多時間、經(jīng)歷及金錢，但往往當(dāng)用戶用過一次這些產(chǎn)品，那些好不容易獲得的用戶也馬上流失了。根據(jù)Andrew Chen 的研究：
普通應(yīng)用在起初的三天里每天會流失77%的日活躍用戶。
你肯定不想你的公司發(fā)生這樣的事情，為獲得新用戶而投入了眾多資源，而大多數(shù)用戶僅僅在首次訪問之后便馬上離開了。如何改善這種情況呢？即你需要通過創(chuàng)造完美的訪問流程為用戶留下非常棒的第一印象。
引導(dǎo)是設(shè)計(jì)師從人力資源的詞匯（培訓(xùn)）中借鑒而來的，意在表達(dá)幫助用戶在初次訪問網(wǎng)站、應(yīng)用或者服務(wù)時能夠快速上手。
設(shè)計(jì)引導(dǎo)時，設(shè)計(jì)師往往需考慮一系列的因素，以最好的方式幫助用戶能夠熟悉產(chǎn)品，并獲知產(chǎn)品給將他們提供的什么樣的價值。
1.避免過長的引導(dǎo)
遵循簡單的原則“少顯示，多提供”，以減少用戶開始使用產(chǎn)品的不便。
目前市場上幾乎所有的應(yīng)用程序都在首次打開應(yīng)用時提供了滑動手勢滾動的引導(dǎo)頁面，它的目的是向用戶介紹應(yīng)用可以為用戶提供什么樣的服務(wù)。
嘗試運(yùn)用靜態(tài)頁面展示產(chǎn)品價值。 圖片來自： Min
或者通過這些頁面來解釋一些常見的交互方式。
Clear, iOS系統(tǒng)上的一個任務(wù)記錄應(yīng)用，在用戶開始使用應(yīng)用前要用戶閱讀7個頁面的引導(dǎo)
然而，眾多應(yīng)用采用的此種引導(dǎo)方式，卻存在著一些問題：
·滑動手勢滾動頁面是用戶探索應(yīng)用動力的阻礙者。它使用戶與應(yīng)用之間形成一層隔閡，即使這些引導(dǎo)頁面被設(shè)計(jì)的優(yōu)美有趣，但用戶并沒有耐心去把他們看完。為什么呢？因?yàn)榇蠖鄶?shù)用戶期望能夠自己去探索產(chǎn)品，與應(yīng)用建立聯(lián)系并看看應(yīng)用究竟提供了些什么。
·我們不應(yīng)期望用戶在使用應(yīng)用前先閱讀使用手冊。用戶不是下載應(yīng)用來學(xué)習(xí)這些界面的，他們僅想在盡可能短的時間完成他們所想完成的任務(wù)。因此，不要讓你的用戶覺得他們在使用你的應(yīng)用前需要進(jìn)行額外的學(xué)習(xí)。
2.設(shè)計(jì)基于情境的引導(dǎo)
與其讓用戶提前記住一切，不如在合適時機(jī)為用戶提供恰當(dāng)?shù)囊龑?dǎo)。
預(yù)置的引導(dǎo)頁還有一個可用性的問題----它要求用戶提前做功課---用戶需要耐心的讀完所有的信息并要嘗試記住這些內(nèi)容。即使用戶決定仔細(xì)閱讀這些說明，但往往也在關(guān)閉這些頁面的瞬間就忘掉所有剛才閱讀的內(nèi)容（因?yàn)楹懿恍遥覀兊亩唐谟洃洸荒苡涀√嗟男畔ⅲ?/span>
在用戶還沒有見過應(yīng)用或網(wǎng)站前就期望他們每一個功能顯然很過分
新用戶不注冊你的產(chǎn)品，是因?yàn)樗麄儍H對學(xué)習(xí)產(chǎn)品的界面感興趣，他們注冊，是因?yàn)樗麄儗δ愕漠a(chǎn)品所承諾的服務(wù)所帶來的價值感興趣。
基于情境（或是及時）的引導(dǎo)方式是靜態(tài)引導(dǎo)頁面一種很好的替代方式。它總是在恰當(dāng)?shù)臅r機(jī)提供有用的信息給用戶：即在流程中具體的某個時刻給用戶一些引導(dǎo)，且僅提供在該時刻交互所需要的內(nèi)容。這種簡單有效的設(shè)計(jì)技巧可以被運(yùn)用到許多不同的地方：
·示例數(shù)據(jù)。如，”歡迎界面”是用戶看到任務(wù)管理應(yīng)用Trello第一眼會看到的界面，該界面不僅有系統(tǒng)默認(rèn)的一些未完成條目，還提供了對每個條目進(jìn)行交互或功能的解釋。這種方式為用戶提供了比靜態(tài)頁面更加的學(xué)習(xí)方法。
用戶可以讓輕松快速的訪問Trello，該界面向用戶展示了產(chǎn)品實(shí)際的界面。
·突出重點(diǎn)的提示。可以在安卓系統(tǒng)的YouTube 應(yīng)用找到該類基于情境的提示。應(yīng)用最將提示的數(shù)量壓縮到最少，以將用戶的注意力集中在一個、且優(yōu)先級相對較高的操作上。它運(yùn)用了遮罩的方式為用戶解釋那些不常見的交互行為，這些提醒僅在新用戶第一次進(jìn)入時出現(xiàn)，并且僅當(dāng)用戶首次進(jìn)入應(yīng)用的相關(guān)模塊才顯示，一次僅顯示一個。
應(yīng)用里的引導(dǎo)要設(shè)計(jì)的具有優(yōu)秀的可掃描性，因?yàn)橛脩敉ǔ焖俾赃^他們
·交互式引導(dǎo)，這是一種用戶控制的的引導(dǎo)方式，引導(dǎo)是在用戶具有適當(dāng)?shù)慕?jīng)驗(yàn)時才會出現(xiàn)。因此，不同的用戶獲得引導(dǎo)的順序可能不同。Duolingo 知道通過完成任務(wù)進(jìn)行學(xué)習(xí)是學(xué)習(xí)的最佳方式，并通過循序漸進(jìn)的交互方式向用戶展示產(chǎn)品是如何工作的。它鼓勵用戶開始并根據(jù)已選的語言進(jìn)行一個快速測試。
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)用提供價值的所在，這也正是它們被使用的原因----內(nèi)容！因此，需要更為嚴(yán)謹(jǐn)?shù)乃伎既绾卧O(shè)計(jì)空白狀態(tài)頁面，即用戶看不到/沒有創(chuàng)造任何內(nèi)容的那些地方。
在空白狀態(tài)的頁面中嵌入用戶引導(dǎo)是很自然的事情，相較于對空白頁面放任不管，其實(shí)可以好好有效的利用這個頁面去引導(dǎo)、教育及提示用戶。
處理好空白狀態(tài)會有柳暗花明的效果
鼓勵用戶與產(chǎn)品進(jìn)行交互：
·設(shè)置符合用戶預(yù)期的反饋結(jié)果使用戶感到舒適。
·提供明顯的到達(dá)下一步驟的方法。
例如，Instagram 中，首次注冊成功的用戶顯示的是空白的首頁，其他的用戶則有頭像、喜歡以及評論等內(nèi)容，而新用戶沒有以上任何內(nèi)容，為方便用戶開始使用應(yīng)用，Instagram將“空白狀態(tài)”轉(zhuǎn)變成了一個學(xué)習(xí)的機(jī)會：在通常顯示照片的地方運(yùn)用一個箭頭指向照相機(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)用戶獲得第一個小成功時，要讓你的用戶感覺到棒棒噠
用戶完成一項(xiàng)重要任務(wù)的時刻是建立產(chǎn)品與用戶之間積極情感橋梁的好機(jī)會，這是讓用戶知道他們在學(xué)習(xí)與執(zhí)行的過程中做的很好：
與用戶一起慶祝成功
如，通過網(wǎng)頁收發(fā)郵件的產(chǎn)品 MailChimp 就通過出乎意料的幽默方式以及在整個流程中積極的反饋來鼓勵用戶書寫他們的第一封郵件并制定發(fā)送計(jì)劃。
Mailchimp的設(shè)計(jì)將情感融入所有引導(dǎo)中
技巧：運(yùn)用成功反饋是展示產(chǎn)品個性的好機(jī)會。
5.權(quán)衡
持續(xù)的迭代與權(quán)衡所有內(nèi)容
指標(biāo)對審查當(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)會是什么樣的，思考這些首次使用的體驗(yàn)來幫助用戶改善他們的生活---這些強(qiáng)調(diào)的內(nèi)容不應(yīng)僅僅是讓新用戶去到處點(diǎn)擊或者熟悉界面，而是幫助他們運(yùn)用你的產(chǎn)品來達(dá)到他們的目的。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com