起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識借力打力！游戲設計中有哪些值得學習的移動引導模式？
導讀：設計模式對于啟發和教育設計師來說是絕好的資源。但通常的做法并不等于最好的做法。在這篇文章中，我們將要審視為什么很多常見引導界面中的模式是無效的，以及如何利用游戲的設計原則來提升用戶的參與度。
在《移動應用UI設計模式》第一版問世之后，Intuit讓我跟這個移動團隊對話。我曾經在不同行業（服裝、建筑、軟件等等）以高水平談論設計模式的價值，以及它們為何能成為有用的教學工具。
Alissa Briggs，Intuit的一位高級UX經理，作為從Snap Payrol學習的案例而跟隨了我的談話。想象一下，當她看過我書（Dialog，How It Works，Tour and Transparency）中每一個“邀請”模式，并指出它們是如何沒能有效留住用戶的時候，我是有多么驚訝。用戶因為這些額外的“有幫助的”頁面而感到困惑或沮喪（或者兩者兼有）。
一些Intuit公司的Snap Payroll引導中的測試概念（來自“Dialog, How It Works, Transparency and Tour”）
不久之后，我和RetailMeNot共事，測試iOS和安卓應用的引導界面。這個產品團隊希望能夠確保用戶了解這個工具的價值主張，并知道從哪里訪問特定操作（收藏商店、保存優惠券等等）。
我們認為非常簡短的導引（三步走）或者一個視頻指導應該會有所建樹。一些利益相關者喜歡那些半透明的想法，所以我們也測試了這種。但這些都沒有吸引到用戶，它們只是讓用戶感到灰心喪氣。
其中一位RetailMeNot測試的參與者說：
“我只是想要進入app然后開始探索。”
總之，用戶測試表明，用戶跳過或以其它方式忽略對話框、導引、視頻指導和半透明的層。最好的情況里，用戶只發現一點小小的不便。最糟糕的時候，這個模式嚴重阻止了那些想要進入應用的新用戶。
部分RetailMeNot的引導界面概念：半透明、視頻指導、三步導引(大圖)
為什么這些模式沒用？
那么，為什么這些模式沒用？我轉而在游戲設計中尋找答案。游戲設計者一直都知道你不能把新玩家丟到戰場中央還期待他們會喜歡這種體驗。大部分玩家都會在搞清楚如何開火并回擊之前就死掉了。
在游戲設計中，一些深層次的銜接方法更加有效。這同樣適用移動應用。雖然賭注不一定是（虛擬的）生命或死亡，但令人無奈的是，當用戶感覺自己無所適從的時候，其體驗是一樣的。當這種事總是發生在你用戶身上的時候，你的應用就game over了。
傳送門（Portal）在推進游戲時，為玩家提供了一個安全的環境來學習如何控制。
Extra Credits的在線視頻系列從一個局內人的角度，周到地環視了游戲世界的各個方面?！癟utorials 101”是一個夢幻般的視頻，就算是應用設計者也會樂于觀看（跳過那些討厭的花栗鼠配音 – 這很值得）。
“Tutorials 101”列舉了一些起草有效游戲引導的基本規則，我們可以將其擴展到移動設計中：
使用更少文字
不要提前全說
讓它好玩點
通過游戲加強學習
傾聽你的玩家
守則1：使用更少文字
當我們想要解釋一件事，一般說話是最常用的工具。但是當我們想讓用戶學習某件事，書寫下來的文字變成了關鍵?！癟utorials 101,”說我們應該避免僅僅依靠文字因為“它謀殺步調、破壞沉浸感，而且經常被那些最需要引導的玩家跳過?！?/p>
太多的文字變成了一種“說出來而非展現出來”的方式，這削減了移動應用的優點。實際上，引導應該是“展現出來，而非說出來”；它們應該是可互動的，讓用戶邊做邊學。當一個人事先練習過某個動作，和那些只是被告知應該怎么做的用戶相比，在需要使用這個動作的時候更容易想起來應該怎么做。
這里是一些例子：
Boomerang vs. Mailbox
Boomerang?的安卓版文字太多了（參見規則:?“不要提前全說”）。
Mailbox?的iOS引導文字鼓勵用戶邊做邊學。（觀看視頻）
DigiCal vs. Fantastical
In?DigiCal?的安卓版，描述活動的文字太抽象了。
In?Fantastical?的iOS版，引導界面邀請用戶使用他們需要了解的手勢。（觀看視頻）
Catch（2013）vs. Clear
Catch的安卓版教程告訴用戶自己的特點和動作，但是不讓用戶嘗試。
In?Clear for iOS，默認視圖已經預加載了一些任務，用戶可以邊做邊學。
有辦法展現并可以不說的時候，按奈下使用文字的沖動。使用文字提示“情況”，然后讓用戶通過操作查看“效果”。
守則2：不要提前全說
“如果你前置加載了你的引導，并在一開始就告訴你的玩家所有的事情，”Extra Credits在“Tutorials 101”中說，“他們會被信息淹沒，而且缺乏參與”，把這句話中的“玩家”換成“用戶”，其對于應用設計師的意義來說顯而易見。
不要讓用戶被信息淹沒，反正在他們需要使用的時候，估計也沒人記得了。在用戶需要的時候，精確地提供簡單易懂的信息塊。記住你是在制造第一印象。難道你寧愿給你用戶的第一印象是萬念俱灰什么都不想要嗎？
Dooo vs. Todoist
Dooo的iOS版前置加載的信息洋洋灑灑11頁。
In Todoist的iOS版，一個小標題邀請用戶添加第一個任務，然后出現另一個提示告介紹選項菜單。(大圖)
UserTesting的最近一篇文章“從Facebook的新應用Paper中學到的6堂UX課?！币蔡岬健坝脩粝矚g引導游覽” — “引導游覽”意味著在用戶初次使用時出現的一系列短小的交互提示。
Facebook的Paper應用在內容流中使用交互提示。
Facebook ?Paper還有很多值得稱道的地方呦：《最近這個超火！23個FACEBOOK PAPER中的設計細節》
不要在一開始就把所有他們可能需要的信息都放出來。只是在他們需要的時候，給他們一個小小的塊。
守則3：讓它有好處
事實上，你可能還記得“Tutorials 101”的守則是“讓它好玩點”，當然了，“好玩”并不適合所有應用。但是視頻旁白說，“你的引導應該盡可能像游戲的其他部分一樣吸引人”，我們就可以發現在某種意義上說，這條規則也適用于我們。
雖然我們不能讓學習應用的過程變得有趣，但是還有辦法讓它變的有好處，并且令其無縫流動到應用的全局體驗中去。其中一個很好的辦法就是允許用戶真正完成操作的交互性。這種方法可以增強用戶的學習。
盡管“好玩”并不能作為一個正確的基調，但是添加一些有趣的感覺還是可行的。我們來看看兩個在這方面截然不同的應用，NBC News和Flipboard，后者例示了正確的方法。暫且不管那5個半透明界面上的“有趣”字體，NBC的引導看起來還是像個講座。而另一方面，Flipboard在一開始給人感覺就完全不同。
沒有說明文字，屏幕下半部分有趣地翻轉了一點，吸引你在翻轉之前去看一眼。之后它又重復了一次，你可能會知道你需要劃動來打開下面的內容。但是如果你沒有的話，會有一個彈出式窗口提醒你“劃動以繼續”。
每次翻轉漸變都強化劃動手勢，新用戶借此學會了在Flipboard中探索內容所必須的操作。有趣且有好處。
NBC News vs. Flipboard
NBC News的iOS版是有有趣的字體，但是這種長篇大論一點好處都沒有。
Flipboard的Android版和iOS版嵌入了有趣的提示，加強導航應用所需的關鍵手勢。
與你的應用意義做更深入的融合，在適當的地方考慮添加有趣的元素，為用戶邊做邊學創造緊迫感。
守則4：通過使用加強學習
還記得當你在科技課上通過一個簡單的實驗而明白了一個概念的驚喜瞬間嗎？這就是我們要說的。當然老師已經向你解釋過那些概念了，但當你做過實驗之后，你才真正學到了。
引導界面也是一樣。如果你遵從前面的三條手守則，這種加強手段會在很大程度上幫助到自己。它可以很簡單，比如伴隨一點視覺或聽覺反饋的操作示范引導。
然后，當用戶進行之后的操作，相同的反饋會加強他們所學。（如果你使用聲音反饋，提供關掉它的方法，這樣當用戶熟悉應用之后，這種提示也不會變成噪音）
這個規則是“不要提前全說”的補充。不要試圖一次展現你的應用的所有方面，精心安排讓用戶逐步深入到你的應用中。隨著時間的推移或者意料之外的“好處”逐漸揭示更多的功能，這樣你就可以在用戶使用應用的時候加強他們的認識。
Polar在一些輪詢得到回答之后，會提供一個小提示來激勵用戶。Duolingo的用戶在掌握技能之后獲得獎勵并升級。
Any.do在安卓首頁上放置了小插件，以鼓勵用戶參與并提供自發的獎勵。
學習不是一蹴而就的。使用應用應該不斷強化引導所教，幫助用戶學習。
守則5：傾聽你的用戶
考慮到你已經深入建構并完善你的應用幾個月了，誰是闡釋這個應用的最佳人選？應該不是你，根據“Tutorials 101”，旁白這么說：
“當你作為一個在項目里勤勞耕耘一兩年的設計師，那些實際上完全不可理解的東西在你看來，也是直觀和明顯的?！?/p>
簡單來說，適當地進行一些用戶測試就可以發現不少問題。關注你的用戶是在哪里卡住的，以及在哪里遇到了問題。傾聽他們的意見，因為是他們在于應用交互。不要到后來再問他們，如果你在他們使用應用的時候就問他們，你會更容易引導他們自然而然地回答你想要知道的。
Snap Payroll的設計者通過用戶測試，最終發現引導體驗、或者上下文提示，可以得到最佳的效果。在RetailMeNot上的四輪測試讓我們得到了相同的結果。
Snap Payroll的上下文提示測試對用戶非常好，RetailMeNot也是。
熟悉讓你不知道哪些是用戶需要學習的。讓用戶通過公正的用戶測試告訴你。
本文作者：@Theresa Neil, Rich Malley ? ?翻譯：@阿布 ? ? 原文地址：SMASHING MAGAZINE
學習了
引導做的比較好的還是微信的打飛機，引導出微信上可以玩游戲了
這個是為了通過游戲，引導拉好友進入吧