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