設(shè)計模式對于啟發(fā)和教育設(shè)計師來說是絕好的資源。但通常的做法并不等于最好的做法。在這篇文章中，我們將要審視為什么很多常見引導(dǎo)界面中的模式是無效的，以及如何利用游戲的設(shè)計原則來提升用戶的參與度。

　　我曾經(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)中每一個“邀請”模式，并指出它們是如何沒能有效留住用戶的時候，我是有多么驚訝。用戶因?yàn)檫@些額外的“有幫助的”頁面而感到困惑或沮喪(或者兩者兼有)。

“邀請”模式

　　一些Intuit公司的Snap Payroll引導(dǎo)中的測試概念(來自“Dialog, How It Works, Transparency and Tour”)

　　不久之后，我和RetailMeNot共事，測試iOS和安卓應(yīng)用的引導(dǎo)界面。這個產(chǎn)品團(tuán)隊(duì)希望能夠確保用戶了解這個工具的價值主張，并知道從哪里訪問特定操作(收藏商店、保存優(yōu)惠券等等)。

　　我們認(rèn)為非常簡短的導(dǎo)引(三步走)或者一個視頻指導(dǎo)應(yīng)該會有所建樹。一些利益相關(guān)者喜歡那些半透明的想法，所以我們也測試了這種。但這些都沒有吸引到用戶，它們只是讓用戶感到灰心喪氣。

　　其中一位RetailMeNot測試的參與者說：

　　“我只是想要進(jìn)入app然后開始探索?！?/p>

　　總之，用戶測試表明，用戶跳過或以其它方式忽略對話框、導(dǎo)引、視頻指導(dǎo)和半透明的層。最好的情況里，用戶只發(fā)現(xiàn)一點(diǎn)小小的不便。最糟糕的時候，這個模式嚴(yán)重阻止了那些想要進(jìn)入應(yīng)用的新用戶。

用戶選擇

　　部分RetailMeNot的引導(dǎo)界面概念：半透明、視頻指導(dǎo)、三步導(dǎo)引(大圖)

　　為什么這些模式?jīng)]用？

　　那么，為什么這些模式?jīng)]用？我轉(zhuǎn)而在游戲設(shè)計中尋找答案。游戲設(shè)計者一直都知道你不能把新玩家丟到戰(zhàn)場中央還期待他們會喜歡這種體驗(yàn)。大部分玩家都會在搞清楚如何開火并回?fù)糁熬退赖袅恕?/p>

　　在游戲設(shè)計中，一些深層次的銜接方法更加有效。這同樣適用移動應(yīng)用。雖然賭注不一定是(虛擬的)生命或死亡，但令人無奈的是，當(dāng)用戶感覺自己無所適從的時候，其體驗(yàn)是一樣的。當(dāng)這種事總是發(fā)生在你用戶身上的時候，你的應(yīng)用就game over了。

傳送門(Portal)

　　傳送門(Portal)在推進(jìn)游戲時，為玩家提供了一個安全的環(huán)境來學(xué)習(xí)如何控制。

　　Extra Credits的在線視頻系列從一個局內(nèi)人的角度，周到地環(huán)視了游戲世界的各個方面。“Tutorials 101”是一個夢幻般的視頻，就算是應(yīng)用設(shè)計者也會樂于觀看(跳過那些討厭的花栗鼠配音 - 這很值得)。

　　“Tutorials 101”列舉了一些起草有效游戲引導(dǎo)的基本規(guī)則，我們可以將其擴(kuò)展到移動設(shè)計中：

　　使用更少文字

　　不要提前全說

　　讓它好玩點(diǎn)

　　通過游戲加強(qiáng)學(xué)習(xí)

　　傾聽你的玩家

　　守則1：使用更少文字

　　當(dāng)我們想要解釋一件事，一般說話是最常用的工具。但是當(dāng)我們想讓用戶學(xué)習(xí)某件事，書寫下來的文字變成了關(guān)鍵?！癟utorials 101,”說我們應(yīng)該避免僅僅依靠文字因?yàn)椤八\殺步調(diào)、破壞沉浸感，而且經(jīng)常被那些最需要引導(dǎo)的玩家跳過。”

　　太多的文字變成了一種“說出來而非展現(xiàn)出來”的方式，這削減了移動應(yīng)用的優(yōu)點(diǎn)。實(shí)際上，引導(dǎo)應(yīng)該是“展現(xiàn)出來，而非說出來”；它們應(yīng)該是可互動的，讓用戶邊做邊學(xué)。當(dāng)一個人事先練習(xí)過某個動作，和那些只是被告知應(yīng)該怎么做的用戶相比，在需要使用這個動作的時候更容易想起來應(yīng)該怎么做。

　　這里是一些例子：

　　Boomerang vs. Mailbox

Boomerang vs. Mailbox

　　Boomerang 的安卓版文字太多了(參見規(guī)則： “不要提前全說”)。

Boomerang

　　Mailbox 的iOS引導(dǎo)文字鼓勵用戶邊做邊學(xué)。(觀看視頻)

　　DigiCal vs. Fantastical

DigiCal vs. Fantastical

　　In DigiCal 的安卓版，描述活動的文字太抽象了。

In DigiCal

　　In Fantastical 的iOS版，引導(dǎo)界面邀請用戶使用他們需要了解的手勢。(觀看視頻)

　　Catch(2013)vs. Clear

Catch(2013)vs. Clear

　　Catch的安卓版教程告訴用戶自己的特點(diǎn)和動作，但是不讓用戶嘗試。

Catch

　　In Clear for iOS，默認(rèn)視圖已經(jīng)預(yù)加載了一些任務(wù)，用戶可以邊做邊學(xué)。

　　有辦法展現(xiàn)并可以不說的時候，按奈下使用文字的沖動。使用文字提示“情況”，然后讓用戶通過操作查看“效果”。

　　守則2：不要提前全說

　　“如果你前置加載了你的引導(dǎo)，并在一開始就告訴你的玩家所有的事情，”Extra Credits在“Tutorials 101”中說，“他們會被信息淹沒，而且缺乏參與”，把這句話中的“玩家”換成“用戶”，其對于應(yīng)用設(shè)計師的意義來說顯而易見。

　　不要讓用戶被信息淹沒，反正在他們需要使用的時候，估計也沒人記得了。在用戶需要的時候，精確地提供簡單易懂的信息塊。記住你是在制造第一印象。難道你寧愿給你用戶的第一印象是萬念俱灰什么都不想要嗎？

　　Dooo vs. Todoist

Dooo vs. Todoist

　　Dooo的iOS版前置加載的信息洋洋灑灑11頁。

Todoist

　　In Todoist的iOS版，一個小標(biāo)題邀請用戶添加第一個任務(wù)，然后出現(xiàn)另一個提示告介紹選項(xiàng)菜單。

　　UserTesting的最近一篇文章“從Facebook的新應(yīng)用Paper中學(xué)到的6堂UX課?！币蔡岬健坝脩粝矚g引導(dǎo)游覽” — “引導(dǎo)游覽”意味著在用戶初次使用時出現(xiàn)的一系列短小的交互提示。

Facebook

　　Facebook的Paper應(yīng)用在內(nèi)容流中使用交互提示。

　　不要在一開始就把所有他們可能需要的信息都放出來。只是在他們需要的時候，給他們一個小小的塊。

　　守則3：讓它有好處

　　事實(shí)上，你可能還記得“Tutorials 101”的守則是“讓它好玩點(diǎn)”，當(dāng)然了，“好玩”并不適合所有應(yīng)用。但是視頻旁白說，“你的引導(dǎo)應(yīng)該盡可能像游戲的其他部分一樣吸引人”，我們就可以發(fā)現(xiàn)在某種意義上說，這條規(guī)則也適用于我們。

　　雖然我們不能讓學(xué)習(xí)應(yīng)用的過程變得有趣，但是還有辦法讓它變的有好處，并且令其無縫流動到應(yīng)用的全局體驗(yàn)中去。其中一個很好的辦法就是允許用戶真正完成操作的交互性。這種方法可以增強(qiáng)用戶的學(xué)習(xí)。

　　盡管“好玩”并不能作為一個正確的基調(diào)，但是添加一些有趣的感覺還是可行的。我們來看看兩個在這方面截然不同的應(yīng)用，NBC News和Flipboard，后者例示了正確的方法。暫且不管那5個半透明界面上的“有趣”字體，NBC的引導(dǎo)看起來還是像個講座。而另一方面，F(xiàn)lipboard在一開始給人感覺就完全不同。

　　沒有說明文字，屏幕下半部分有趣地翻轉(zhuǎn)了一點(diǎn)，吸引你在翻轉(zhuǎn)之前去看一眼。之后它又重復(fù)了一次，你可能會知道你需要劃動來打開下面的內(nèi)容。但是如果你沒有的話，會有一個彈出式窗口提醒你“劃動以繼續(xù)”。

　　每次翻轉(zhuǎn)漸變都強(qiáng)化劃動手勢，新用戶借此學(xué)會了在Flipboard中探索內(nèi)容所必須的操作。有趣且有好處。

　　NBC News vs. Flipboard

NBC News

　　NBC News的iOS版是有有趣的字體，但是這種長篇大論一點(diǎn)好處都沒有。

Flipboard

　　Flipboard的Android版和iOS版嵌入了有趣的提示，加強(qiáng)導(dǎo)航應(yīng)用所需的關(guān)鍵手勢。

　　與你的應(yīng)用意義做更深入的融合，在適當(dāng)?shù)牡胤娇紤]添加有趣的元素，為用戶邊做邊學(xué)創(chuàng)造緊迫感。

　　守則4：通過使用加強(qiáng)學(xué)習(xí)

　　還記得當(dāng)你在科技課上通過一個簡單的實(shí)驗(yàn)而明白了一個概念的驚喜瞬間嗎？這就是我們要說的。當(dāng)然老師已經(jīng)向你解釋過那些概念了，但當(dāng)你做過實(shí)驗(yàn)之后，你才真正學(xué)到了。

　　引導(dǎo)界面也是一樣。如果你遵從前面的三條手守則，這種加強(qiáng)手段會在很大程度上幫助到自己。它可以很簡單，比如伴隨一點(diǎn)視覺或聽覺反饋的操作示范引導(dǎo)。

　　然后，當(dāng)用戶進(jìn)行之后的操作，相同的反饋會加強(qiáng)他們所學(xué)。(如果你使用聲音反饋，提供關(guān)掉它的方法，這樣當(dāng)用戶熟悉應(yīng)用之后，這種提示也不會變成噪音)

　　這個規(guī)則是“不要提前全說”的補(bǔ)充。不要試圖一次展現(xiàn)你的應(yīng)用的所有方面，精心安排讓用戶逐步深入到你的應(yīng)用中。隨著時間的推移或者意料之外的“好處”逐漸揭示更多的功能，這樣你就可以在用戶使用應(yīng)用的時候加強(qiáng)他們的認(rèn)識。

Polar

　　Polar在一些輪詢得到回答之后，會提供一個小提示來激勵用戶。Duolingo的用戶在掌握技能之后獲得獎勵并升級。

Any.do

　　Any.do在安卓首頁上放置了小插件，以鼓勵用戶參與并提供自發(fā)的獎勵。

　　學(xué)習(xí)不是一蹴而就的。使用應(yīng)用應(yīng)該不斷強(qiáng)化引導(dǎo)所教，幫助用戶學(xué)習(xí)。

　　守則5：傾聽你的用戶

　　考慮到你已經(jīng)深入建構(gòu)并完善你的應(yīng)用幾個月了，誰是闡釋這個應(yīng)用的最佳人選？應(yīng)該不是你，根據(jù)“Tutorials 101”，旁白這么說：

　　“當(dāng)你作為一個在項(xiàng)目里勤勞耕耘一兩年的設(shè)計師，那些實(shí)際上完全不可理解的東西在你看來，也是直觀和明顯的?！?/p>

　　簡單來說，適當(dāng)?shù)剡M(jìn)行一些用戶測試就可以發(fā)現(xiàn)不少問題。關(guān)注你的用戶是在哪里卡住的，以及在哪里遇到了問題。傾聽他們的意見，因?yàn)槭撬麄冊谟趹?yīng)用交互。不要到后來再問他們，如果你在他們使用應(yīng)用的時候就問他們，你會更容易引導(dǎo)他們自然而然地回答你想要知道的。

　　Snap Payroll的設(shè)計者通過用戶測試，最終發(fā)現(xiàn)引導(dǎo)體驗(yàn)、或者上下文提示，可以得到最佳的效果。在RetailMeNot上的四輪測試讓我們得到了相同的結(jié)果。

Snap Payroll

　　Snap Payroll的上下文提示測試對用戶非常好，RetailMeNot也是。

　　熟悉讓你不知道哪些是用戶需要學(xué)習(xí)的。讓用戶通過公正的用戶測試告訴你。