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