原文地址:http://www.smashingmagazine.com/2014/04/22/rethinking-mobile-tutorials-which-patterns-really-work/
對(duì)于設(shè)計(jì)師而言,模式庫是激發(fā)靈感和獲取指導(dǎo)的好資源。但是,通用的模式不總是最好的解決方案。本文,我們將關(guān)注為什么通用的教程模式不起作用,以及如何利用游戲設(shè)計(jì)規(guī)則去提高用戶的參與度。
在《手機(jī)設(shè)計(jì)模式庫》第一版發(fā)行之后,財(cái)捷集團(tuán)(Intuit)邀請(qǐng)我與他們的手機(jī)團(tuán)隊(duì)交流分享。當(dāng)時(shí),我高度評(píng)價(jià)了可以跨行業(yè)(時(shí)尚、建筑、軟件和其他)使用的設(shè)計(jì)模式,還闡述了如何使用它們來指導(dǎo)設(shè)計(jì)。
在我的演講結(jié)束后,財(cái)捷集團(tuán)(Intuit)的高級(jí)用戶研究主管Alissa Briggs分享了Snap Payroll的一個(gè)案例研究。令我驚訝的是,她說他們嘗試了我書中提到的每種邀請(qǐng)模式(對(duì)話框、功能概述、分步解讀和透明層注釋),但結(jié)果顯示它們都不能有效地吸引用戶。用戶對(duì)于這些額外的幫助界面感覺很困惑,甚至沮喪。
測(cè)試用的一些教程設(shè)計(jì)方案,來自Intuit的Snap Payroll(對(duì)話框、功能概述、透明層注釋和分步解讀)
不久之后,我和RetailMeNot團(tuán)隊(duì)一起測(cè)試了它的iOS和安卓平臺(tái)app的教程設(shè)計(jì)。這個(gè)產(chǎn)品團(tuán)隊(duì)想讓用戶清楚地認(rèn)識(shí)到這款app的用途、能夠找到關(guān)鍵操作的入口(給喜歡的商店點(diǎn)贊、收藏優(yōu)惠券等等)。
當(dāng)時(shí),我們認(rèn)為一個(gè)簡(jiǎn)短的分步解讀(3步)或者一個(gè)視頻演示或許會(huì)起作用。一些決策層很喜歡這個(gè)想法,所以我們就嘗試了一下。但是,測(cè)試結(jié)果表明,這些設(shè)計(jì)并沒有提高用戶參與的積極性,只是使他們產(chǎn)生困擾。
一個(gè)被測(cè)試者說道:“我只是想進(jìn)入并開始探索這個(gè)app而已。”
總而言之,測(cè)試顯示用戶會(huì)跳過或者忽略對(duì)話框、分步解讀、視頻演示和透明層解讀。最好的反饋是給一些用戶帶來了小不便,最差的反饋是明顯地干擾了那些企圖進(jìn)入應(yīng)用的新手用戶。
測(cè)試用的一些教程設(shè)計(jì)方案,來自RetailMeNot(透明層注釋、視頻演示、分步解讀)
為什么這些模式都不起作用?
為什么這些模式都不起作用呢?我開始轉(zhuǎn)向游戲設(shè)計(jì)領(lǐng)域?qū)で蟠鸢浮S螒蛟O(shè)計(jì)師們都知道不能將新手玩家直接扔到交火中,他們不會(huì)享受這種經(jīng)歷。因?yàn)椋绻涣私馊绾问褂梦淦鞣磽簦^大多數(shù)玩家將會(huì)死掉。
在游戲設(shè)計(jì)中,誘導(dǎo)用戶深度參與的方法會(huì)非常有效。這些方法對(duì)于手機(jī)app同樣適用。盡管在你的app里,賭注不是虛擬的生存或死亡,但用戶不知道怎么做或者做些什么時(shí),會(huì)一樣感到挫敗。當(dāng)很多用戶都遭遇這種經(jīng)歷時(shí),你的app也就玩完了。
在初次參與游戲時(shí),Portal提供了一個(gè)安全的環(huán)境,讓玩家們識(shí)別出各種機(jī)關(guān)
Extra Credits的在線視頻系列從內(nèi)行人的角度審視著游戲世界的各個(gè)方面。教程101是一個(gè)令人叫絕的視頻,值得每一個(gè)app設(shè)計(jì)師去好好觀看。(請(qǐng)忽略視頻中惱人的花栗鼠配音,視頻本身還是值得好好研究的。)
教程101勾畫出了一些基本的規(guī)則,它們能夠幫助人們有效地開始游戲。這些規(guī)則可以延伸到手機(jī)app設(shè)計(jì)中:
1.盡量少用文字;
2.需要的時(shí)候再出現(xiàn);
3.讓它有趣;
4.讓用戶邊玩邊學(xué);
5.傾聽你的用戶。
規(guī)則1:盡量少用文字
我們總是試圖用文字去解釋一些事情,因?yàn)樗雌饋碜钊菀桌斫狻5牵?dāng)我們想讓用戶去學(xué)習(xí)某些東西時(shí),僅有文字是不夠的。通過教程101,我們可以得出,需要避免只依賴文字,因?yàn)樗髿⒘斯?jié)奏,不能帶來很好的沉浸感,大段的文字將會(huì)被最需要指導(dǎo)的人們忽略。
太多的文字會(huì)造成“只說不做”的感覺,不能直觀地展現(xiàn)app的優(yōu)勢(shì)。相反,教程應(yīng)該“只做不說”。app應(yīng)該跟用戶互動(dòng)起來,讓用戶邊用邊學(xué)。因?yàn)槭炷苌桑晃兜恼f教很容易被遺忘。
接下來看一些案例:
BOOMERANG和MAILBOX
Boomerang(安卓版本),教程里有太多的文字
Mailbox(iOS版本),教程中利用文字引導(dǎo)用戶去操作,進(jìn)而了解app的使用方式
DIGICAL和FANTASTICAL
DigiCal(安卓版本),教程中的文字只是解釋了界面
Fantastical(iOS版本)的教程,引導(dǎo)用戶用那些需要學(xué)習(xí)的手勢(shì)去操作界面
CATCH (2013)和CLEAR
Catch(安卓版本)的分頁教程,只是描述app的特點(diǎn)和操作,用戶并不能真的操作
Clear(iOS版本)在初始界面中預(yù)加載了一些任務(wù),讓用戶通過做任務(wù)來學(xué)習(xí)
如果有辦法“只做不說”,那就要避免過度依賴文字,文字只用來不斷地引導(dǎo)和激勵(lì)用戶。
規(guī)則2:需要的時(shí)候再出現(xiàn)
Extra Credits在教程101中說過:“如果提前加載教程,一開始就告知玩家所有的事情,他們會(huì)被困在大量的信息中,從而喪失參與的熱情。”將玩家替換為用戶,這番話也將適用于app的設(shè)計(jì)師。
可以考慮在用戶需要的時(shí)候,提供簡(jiǎn)短、易理解的信息,而不要讓用戶在一開始就掩埋在大量信息中。記住你在初次引薦app給你的用戶,第一印象非常重要,你也不情愿嚇跑他們吧?
DOOO和TODOLIST
Dooo(iOS版本)在初次打開時(shí),會(huì)一次性加載11頁的教程,信息量非常龐大
Todolist(iOS版本),則是邀請(qǐng)用戶去添加第一個(gè)任務(wù),然后介紹如何查看選項(xiàng)
UserTesting最近發(fā)表了《從facebook的新app-paper中學(xué)到的6個(gè)用戶體驗(yàn)課程》,文章明確地指出“用戶喜愛有向?qū)У慕坛獭保@里的“有向?qū)А笔侵冈谟脩舫醮误w驗(yàn)app過程中給予一系列互動(dòng)提示。
Facebook的Paper,在操作流中使用了一系列互動(dòng)提示
規(guī)則3:不斷激勵(lì)用戶
事實(shí)上,你可能會(huì)想起來教程101中的規(guī)則叫“讓它有趣”。當(dāng)然,有趣并不適用所有的app。但是這個(gè)視頻中也提到:“你的教程需要作為游戲本身的一部分來激勵(lì)用戶。”由此可見,這個(gè)規(guī)則也適用于app教程的設(shè)計(jì)。
盡管我們很難讓學(xué)習(xí)app變得很有趣,但是,確實(shí)有一些方法能激勵(lì)用戶去好好體驗(yàn)一下。一個(gè)好點(diǎn)子就是讓用戶在與app交互的過程中完成任務(wù),這樣會(huì)加深用戶對(duì)于app的認(rèn)知。
即便趣味化并不總是適用,但是給予用戶好玩的感覺有時(shí)仍能起到一定的作用。接下來,我們來看看兩款app,NBC News和Flipboard,后者的設(shè)計(jì)更為合適。盡管NBC News采用了透明層注釋和趣味化字體,但是它那5頁教程看起來仍像是一場(chǎng)講座。而Flipboard在第一步被打開時(shí)就感覺很不一樣。沒有任何說明性的文字,打開Flipboard之后,頁面的下半部分會(huì)調(diào)皮地向上翻轉(zhuǎn)一下,在翻轉(zhuǎn)回來前,會(huì)讓你看到一些內(nèi)容。之后,你可能會(huì)向上翻轉(zhuǎn)以查看隱藏的內(nèi)容,如果你沒有翻轉(zhuǎn),你會(huì)看到一個(gè)提示“向上翻轉(zhuǎn)以繼續(xù)“。一邊翻轉(zhuǎn),一邊探索,這個(gè)過程加強(qiáng)了新手用戶對(duì)于這個(gè)特殊手勢(shì)的使用,有趣且有價(jià)值。
NBC NEWS和FLIPBOARD (2013)
NBC News(iOS版本)的教程使用了趣味化的字體,但是這個(gè)篇幅較長(zhǎng)的講解并沒有激勵(lì)到用戶
Flipboard(安卓和iOS版本)嵌入了俏皮的提示來激勵(lì)用戶,讓用戶在操作中強(qiáng)化對(duì)關(guān)鍵手勢(shì)的運(yùn)用
通過適當(dāng)?shù)募?lì)讓用戶進(jìn)一步探索。可以考慮加一些趣味化元素,讓用戶迫不及待地參與互動(dòng)和學(xué)習(xí)。
規(guī)則4:讓用戶邊用邊學(xué)
回想一下,你通過簡(jiǎn)單的實(shí)驗(yàn)理解了一個(gè)科學(xué)概念,你會(huì)不自覺地興奮一下,心里感覺美滋滋的。接下來,我們就來聊一下這件事情。通常,老師會(huì)在做實(shí)驗(yàn)前稍微講解一下,但只有當(dāng)你通過實(shí)驗(yàn)得出相關(guān)結(jié)論時(shí),你才會(huì)真的理解。
這種邊做邊學(xué)的學(xué)習(xí)方法可以用在手機(jī)app教程的設(shè)計(jì)。如果你遵守了前4個(gè)規(guī)則,將會(huì)大大地提高用戶的學(xué)習(xí)效率。簡(jiǎn)單來說,你可以就在用戶操作過程中加入一些視覺、聽覺的反饋,讓用戶和你的app互動(dòng)起來。
當(dāng)用戶重復(fù)進(jìn)行某一類操作時(shí),相同的反饋會(huì)加深印象。(如果你在app中使用了音效,那么請(qǐng)?zhí)峁┮粋€(gè)方法讓老用戶能夠關(guān)閉它。)
規(guī)則4和規(guī)則2是相輔相成的。不需要在一開始展示app的所有特點(diǎn),而是邀請(qǐng)用戶去循序漸進(jìn)地探索它。慢慢地揭開app的神秘面紗,讓用戶在使用過程中不斷地獲得驚喜,這樣用戶才會(huì)對(duì)你的app流連忘返。
當(dāng)用戶答完一些題之后,Polar會(huì)告知用戶如何跳過不感興趣的;當(dāng)用戶掌握一些技能后,Duolingo會(huì)給予一定的激勵(lì),同時(shí)提升用戶的等級(jí)
Any.do在安卓系統(tǒng)的首頁放置了一個(gè)小組件,鼓勵(lì)用戶參與互動(dòng),并在互動(dòng)的過程中給予適當(dāng)?shù)莫?jiǎng)勵(lì)
學(xué)習(xí)不是一蹴而就的,在使用app的過程中,利用教程來幫助用戶,能夠提高學(xué)習(xí)的效率。
規(guī)則5:傾聽你的用戶
通過數(shù)月的時(shí)間來開發(fā)和完善你的app,你會(huì)深陷其中,那么誰最適合去解說app呢?可能并不是你自己哦,教程101中說道:“當(dāng)你作為一個(gè)設(shè)計(jì)師,在一個(gè)項(xiàng)目中待了1到2年,你會(huì)覺得所有的設(shè)計(jì)一目了然,可實(shí)際上,你的用戶還一頭霧水呢。”
簡(jiǎn)而言之,適當(dāng)?shù)挠脩魷y(cè)試將會(huì)揭示用戶在使用過程中遇到的障礙。在測(cè)試過程中,你需要觀察用戶在哪兒犯了錯(cuò)、對(duì)哪兒存在疑惑。傾聽他們?cè)谑褂眠^程中的發(fā)言,但請(qǐng)等到測(cè)試結(jié)束后,再進(jìn)行訪談。因?yàn)樵谑褂眠^程中進(jìn)行訪談,你可能會(huì)不自覺地引導(dǎo)他們?nèi)フf你想聽到的答案。
通過用戶測(cè)試,Snap Payroll的設(shè)計(jì)師們最終得出:循序漸進(jìn)的引導(dǎo)或者在使用過程中給予相關(guān)提示,得到的用戶反饋是最好的。這個(gè)結(jié)論,在RetailMeNot的4輪用戶測(cè)試中也得到了驗(yàn)證。
Snap Payroll和RetailMeNot的界面上使用了小提示,測(cè)試中得到了用戶的好評(píng)
當(dāng)你深陷于自己熟悉的app中,你可能看不清用戶到底需要學(xué)些什么。那么,就通過用戶測(cè)試來告訴你吧。