反思新手引導，哪種模式真的有效？

作者是《移動應用UI設計模式》的那個Theresa Neil，這篇文章提到的一些app的交互視頻和反覆提到的那個「教程101」的視頻我下好了放在網盤裡了，大家有興趣可以去下http://pan.baidu.com/s/1sjnraED。

現在新手引導已經成手機客戶端標配，但是通用的做法不見得是最有效的。這篇文章中我們將會看到為什麼新手引導經常無效，以及如何借鑒遊戲設計的原理來提高用戶的參與度。

《移動應用UI設計模式》第一版出來後，通過跟各種行業的移動團隊溝通，發現這些添加額外幫助的新手引導頁讓用戶困惑和沮喪。一個測試的參與者說「我只想打開app開始探索」。用戶測試表明用戶會跳過和忽略新手引導頁。最好的情況下，用戶會感覺到一點點不便；最壞的情況下，這會明顯阻止新用戶進入app。

一些常（wu）見（xiao）的新手引導頁模式（ 透明度標註，演示視頻，3步引導）

為什麼這些模式會無效？

那麼，為什麼這些模式會不起作用，我們可以在遊戲領域尋找答案。

遊戲設計師都知道，不僅不能阻止新玩家進入正在交火的房間，還要讓他們享受這些經驗，雖然大部分的玩家在搞清楚武器和怎麼反擊之前都會掛掉。

在遊戲設計中，一些能讓玩家深入了解遊戲的模式比另一些更有效，並且這些模式對於移動端也同樣適用。雖然跟遊戲里的死亡不同，但是不明白如何去做這一點對於用戶是一樣的。當這種情況發生在大部分的用戶身上時，你的app就完蛋了。

（Portal讓玩家在一個安全的環境中學會新的技能）

Extra Credits在線教程系列從內行人的角度展現了遊戲的各個方面，「 教程 101 」是一個令人拍案叫絕的視頻，每個app的設計者都應該好好看。

從「 教程 101 」中的各具特色的有效教程，我們可以提取出一些能用在app設計上的基本規則：

1、使用的文字要越少越好。

2、前期不能有太多內容。

3、讓它變得有趣。

4、通過遊戲來學習。

5、聆聽你的用戶。

規則一：文字越少越好。

當我們想解釋什麼的時候，文字是最簡單的工具。但是，當我們希望用戶了解什麼的時候，文字往往會起反作用。根據「 教程 101 」一定要避免只依靠文字，「 因為它會破壞速度和沉浸感，並且通常被最需要這些教程的用戶跳過。」

「只說，不展示」的方式，讓過多的文字無法戰士移動應用的優勢。正確的做法是「展示，不說」，用互動的方式讓用戶邊桌邊學。當一個人事先練習了相關的做法，要比只是用文字告訴他們怎麼做要更加容易被記住。

下面是一些例子：

Boomerang vs. Mailbox

Boomerang安卓版的引導頁文字太多了，同樣也違背了第二條法則。

Mailbox蘋果版的引導頁鼓勵大家邊做邊學。

DigiCal vs. Fantastical

DigiCal安卓版，把文字提煉成了主題。

Fantastical蘋果版，邀請用戶通過引導頁完成一系列操作來達到學習的目的。

Catch (2013) vs. Clear

Catch的安卓版介紹了一系列功能但是不讓用戶嘗試。

Clear的蘋果版，默認視圖預裝了一個任務，可以讓用戶通過做去學習。

如果有辦法去展示就不要只是用文字說明，用文字來說明「原因」，然後用做去展示「效果」。

規則二：前期不能有太多內容

「如果你試圖在剛開始的時候把一切都交給玩家，」 Extra Credits 在「教程101」里說「他們會淹沒在大量信息中但是參與不足。將「玩家」替換成「用戶」，這句話同樣適用於app的設計。

一次性給用戶大量的內容，他們往往會在真正需要的時候忘了；真正需要做的是在用戶需要的時候提供簡短容易消化的信息。請記住你在這裡會給用戶留下第一印象，你難道不希望留下更多用戶的第一印象么？

Dooo vs. Todoist

Dooo 蘋果版壓倒性的11頁的引導頁。

Todoist 蘋果版，一個小提示邀請用戶去完成第一個任務。然後另一個提示介紹了選擇菜單。

UserTesting的最近的文章「可以從新版facebook app汲取的六個UX經驗」中斷言「用戶喜歡引導頁」，這裡的「引導頁」指的是用戶在第一次使用的時候一系列的互動提示。

別在信息超載的用戶面前一下子把所有的內容都給出來，給他們合適的一小塊，在他們需要的時候。

規則三：獎勵

事實上，你可能還記得「教程101」中這條規則是「使他有趣」。當然了，「有趣」並不適用於所有的app。但是當視頻的解說者說，「你的教程應該跟遊戲的其他部分一樣有吸引力」，從另一種意義來說，這條規則也適用於我們的領域。

即使我們不能讓我們的app變得有趣，也可以通過其他的方法讓獎勵融入整個app的使用之中。一個能做到這一點的好辦法是，跟用戶互動，讓他實際去完成事情。這賦予了用戶一種力量感去加強了他們的學習。

即使有趣並不是正確的基調，增加幽默感有的時候仍然是合適的。我們來看兩個實現它的不同的方法，NBC News和Flipboard，後者使用了正確的方法。儘管NBC News的新手引導頁使用了「有趣的」字體，它仍然看上去像個演講稿。另一方面，Flipboard一打開就採用了一種與眾不同的戲劇性的方式。

這裡沒有介紹性的文字，下半部的屏幕開玩笑似的翻起一點來，挑逗你讓你在它翻下去之前看看底下的內容。當它再次這麼做時，你很可能已經明白向上滑動查看下面內容的提示了。但是當你仍然沒有滑動，你將得到一個邀請「繼續向上滑動「。每個隨後的翻轉鞏固了這個查看內容的手勢。有趣並且有意義。

NBC NEWS VS. FLIPBOARD (2013)

NBC NEWS的IOS版用了有趣的字體，但是長篇大論的敘述並沒有價值。

FLIPBOARD的安卓和IOS版嵌入了好玩的提示來吸引用戶，並且強化操作APP的關鍵手勢。

規則四：通過使用強化學習。

還記得那些「啊哈！」瞬間在科學課堂么？當你通過做實驗明白了一個原理。這是我們這裡將要討論的，當然了，老師已經給你解釋了相關原理，但是你真正的學會它是通過實驗做到的。

這種方法對於新手引導頁一樣有用。如果你遵循了前面三個規則，這個補充規則很大程度上能照顧好它自己。它可能是一個伴隨動作的非常微妙的視覺或者聽覺反饋。

然後，當用戶後面執行這樣的動作時，同樣的反饋會加強他們的學習。

這條規則補充了第二條「不要什麼都放在前面」。讓用戶逐步深入的去了解APP，而不是立刻把什麼都展現出來。通過時間的推移去揭示更多的功能或者當他們進步時給予意想不到的獎勵，你將會在用戶使用程序的時候加強他們的學習。

palar提供了一個小貼士子啊用戶完成了一些測驗之後。Duolingo的用戶當他們學會了高級的技巧時會得到一個獎勵。

any.do把一個工具放在安卓的桌面屏幕上，鼓勵用戶參與並且自然而然的提供獎勵。

學習並不是一次性的事情。使用一個app的過程中應該加強那些在引導頁中希望用戶學會的事情。

規則五：聆聽你的用戶

考慮到你已經深入你的app，建立和完善它好幾個月了，誰是檢驗它的最佳人選？可能不是你，按照「教程101」中解說員說的「當你是一個為這個項目工作了一兩年的設計師，很容易對一些不容易理解的事情想當然。」

正確的進行用戶測試將會很容易的發現你的絆腳石，觀察你的用戶看看他們是在哪裡卡住了和在哪裡出了問題。聆聽他們在與app互動時候的評價。在結束前不要打斷他們;如果你在他們使用的過程中問他們問題，這就很有可能把他們引導向你想要的答案。

Snap Payroll的設計師們最終發現通過用戶測試，一個經驗性的引導，或者上下文提示，產生了最好的效果。經過四輪在RetailMeNot的測試，我們得到了同樣的結果。

Snap Payroll的小提示的用戶測試結果非常的好，同樣的結論也在RetailMeNot的測試中得出。

熟悉感會像百葉窗一樣蒙蔽你，讓用戶在用戶測試中告訴你他們需要什麼。

請您繼續閱讀更多來自 推酷 的精彩文章:
人工智慧「看」電影然後「回憶」的內容算盜版嗎？
產品設計應該做到什麼程度？
引導好評彈窗該怎麼玩？
12個鮮為人知的HTML 5設計小技巧
如何快速需找牛x的產品賣點？

※有一種方式適合新手，減肥效果好，又能一直堅持哦
※遊戲的新手引導該不該強制？為什麼？
※致新手，這些常識教你更有效的進行腹肌訓練！
※水培植物你會選哪種，新手適合的品種有哪些？
※越冬的多肉植物怎麼養，哪些是適合新手的？
※越冬的多肉植物怎麼養，哪些是適合新手的啊？
※「新手上路」這樣憨態可愛的動物，你對它有抵抗力嗎？
※新手常犯的錯誤，有一條就可能送走你的愛魚
※怎樣的追女生方式，能看的出來是新手？
※有沒有一種燃脂快、適合新手、容易堅持的運動方法？
※真的！小心這些坑！攝影新手如何選單反
※新手怎樣妝出超逼真的偽素顏？
※新手該如何確定最不容易出錯的眉形，找到適合自己的眉毛畫法？
※掌握了這些技巧，新手也可以養好花！
※養花的那些錯誤的技巧，養些新手植物練練手吧!
※為什麼健身沒效果？給新手的三個反思
※香炸地瓜丸的做法，圖文步驟詳盡，新手也能做出好味道
※養花的那些錯誤的技巧，養些新手植物練練手吧
※新手吸引女人的一些常見問題