如何設(shè)計(jì)眼前一亮的APP引導(dǎo)頁(yè)？

　　現(xiàn)在新手引導(dǎo)已經(jīng)成手機(jī)客戶端標(biāo)配，但是通用的做法不見得是最有效的。這篇文章中我們將會(huì)看到為什么新手引導(dǎo)經(jīng)常無效，以及如何借鑒游戲設(shè)計(jì)的原理來提高用戶的參與度。

　　通過跟各種行業(yè)的移動(dòng)團(tuán)隊(duì)溝通，發(fā)現(xiàn)這些添加額外幫助的新手引導(dǎo)頁(yè)讓用戶困惑和沮喪。一個(gè)測(cè)試的參與者說“我只想打開app開始探索”。用戶測(cè)試表明用戶會(huì)跳過和忽略新手引導(dǎo)頁(yè)。最好的情況下，用戶會(huì)感覺到一點(diǎn)點(diǎn)不便;最壞的情況下，這會(huì)明顯阻止新用戶進(jìn)入app。

　　一些常(wu)見(xiao)的新手引導(dǎo)頁(yè)模式( 透明度標(biāo)注，演示視頻，3步引導(dǎo))

　　為什么這些模式會(huì)無效?

　　那么，為什么這些模式會(huì)不起作用，我們可以在游戲領(lǐng)域?qū)ふ掖鸢浮?/p>

　　游戲設(shè)計(jì)師都知道，不僅不能阻止新玩家進(jìn)入正在交火的房間，還要讓他們享受這些經(jīng)驗(yàn)，雖然大部分的玩家在搞清楚武器和怎么反擊之前都會(huì)掛掉。

　　在游戲設(shè)計(jì)中，一些能讓玩家深入了解游戲的模式比另一些更有效，并且這些模式對(duì)于移動(dòng)端也同樣適用。雖然跟游戲里的死亡不同，但是不明白如何去做這一點(diǎn)對(duì)于用戶是一樣的。當(dāng)這種情況發(fā)生在大部分的用戶身上時(shí)，你的app就完蛋了。

　　Extra Credits在線教程系列從內(nèi)行人的角度展現(xiàn)了游戲的各個(gè)方面，“ 教程 101 ”是一個(gè)令人拍案叫絕的視頻，每個(gè)app的設(shè)計(jì)者都應(yīng)該好好看。

　　從“ 教程 101 ”中的各具特色的有效教程，我們可以提取出一些能用在app設(shè)計(jì)上的基本規(guī)則：

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

　　2、前期不能有太多內(nèi)容。

　　3、讓它變得有趣。

　　4、通過游戲來學(xué)習(xí)。

　　5、聆聽你的用戶。

　　規(guī)則一：文字越少越好。

　　當(dāng)我們想解釋什么的時(shí)候，文字是最簡(jiǎn)單的工具。但是，當(dāng)我們希望用戶了解什么的時(shí)候，文字往往會(huì)起反作用。根據(jù)“ 教程 101 ”一定要避免只依靠文字，“ 因?yàn)樗鼤?huì)破壞速度和沉浸感，并且通常被最需要這些教程的用戶跳過。”

　　“只說，不展示”的方式，讓過多的文字無法戰(zhàn)士移動(dòng)應(yīng)用的優(yōu)勢(shì)。正確的做法是“展示，不說”，用互動(dòng)的方式讓用戶邊桌邊學(xué)。當(dāng)一個(gè)人事先練習(xí)了相關(guān)的做法，要比只是用文字告訴他們?cè)趺醋鲆尤菀妆挥涀　?/p>

　　規(guī)則二：前期不能有太多內(nèi)容

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

　　一次性給用戶大量的內(nèi)容，他們往往會(huì)在真正需要的時(shí)候忘了;真正需要做的是在用戶需要的時(shí)候提供簡(jiǎn)短容易消化的信息。請(qǐng)記住你在這里會(huì)給用戶留下第一印象，你難道不希望留下更多用戶的第一印象么?

　　規(guī)則三：獎(jiǎng)勵(lì)

　　事實(shí)上，你可能還記得“教程101”中這條規(guī)則是“使他有趣”。當(dāng)然了，“有趣”并不適用于所有的app。但是當(dāng)視頻的解說者說，“你的教程應(yīng)該跟游戲的其他部分一樣有吸引力”，從另一種意義來說，這條規(guī)則也適用于我們的領(lǐng)域。

　　即使我們不能讓我們的app變得有趣，也可以通過其他的方法讓獎(jiǎng)勵(lì)融入整個(gè)app的使用之中。一個(gè)能做到這一點(diǎn)的好辦法是，跟用戶互動(dòng)，讓他實(shí)際去完成事情。這賦予了用戶一種力量感去加強(qiáng)了他們的學(xué)習(xí)。

　　即使有趣并不是正確的基調(diào)，增加幽默感有的時(shí)候仍然是合適的。我們來看兩個(gè)實(shí)現(xiàn)它的不同的方法，NBC News和Flipboard，后者使用了正確的方法。盡管NBC News的新手引導(dǎo)頁(yè)使用了“有趣的”字體，它仍然看上去像個(gè)演講稿。另一方面，F(xiàn)lipboard一打開就采用了一種與眾不同的戲劇性的方式。

　　這里沒有介紹性的文字，下半部的屏幕開玩笑似的翻起一點(diǎn)來，挑逗你讓你在它翻下去之前看看底下的內(nèi)容。當(dāng)它再次這么做時(shí)，你很可能已經(jīng)明白向上滑動(dòng)查看下面內(nèi)容的提示了。但是當(dāng)你仍然沒有滑動(dòng)，你將得到一個(gè)邀請(qǐng)“繼續(xù)向上滑動(dòng)“。每個(gè)隨后的翻轉(zhuǎn)鞏固了這個(gè)查看內(nèi)容的手勢(shì)。

　　規(guī)則五：聆聽你的用戶

　　考慮到你已經(jīng)深入你的app，建立和完善它好幾個(gè)月了，誰(shuí)是檢驗(yàn)它的最佳人選?可能不是你，按照“教程101”中解說員說的“當(dāng)你是一個(gè)為這個(gè)項(xiàng)目工作了一兩年的設(shè)計(jì)師，很容易對(duì)一些不容易理解的事情想當(dāng)然?！?/p>

　　正確的進(jìn)行用戶測(cè)試將會(huì)很容易的發(fā)現(xiàn)你的絆腳石，觀察你的用戶看看他們是在哪里卡住了和在哪里出了問題。聆聽他們?cè)谂capp互動(dòng)時(shí)候的評(píng)價(jià)。在結(jié)束前不要打斷他們;如果你在他們使用的過程中問他們問題，這就很有可能把他們引導(dǎo)向你想要的答案。

　　熟悉感會(huì)像百葉窗一樣蒙蔽你，讓用戶在用戶測(cè)試中告訴你他們需要什么。