用靈魂感悟設(shè)計(jì) · 用設(shè)計(jì)創(chuàng)造價(jià)值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計(jì)中國    ⁄    熱門文章    ⁄ 資訊內(nèi)容

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

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時(shí)間: 2016/6/12 16:03:54     瀏覽:
現(xiàn)在新手引導(dǎo)已經(jīng)成手機(jī)客戶端標(biāo)配,但是通用的做法不見得是最有效的。這篇文章中我們將會(huì)看到為什么新手引導(dǎo)經(jīng)常無效,以及如何借鑒游戲設(shè)計(jì)的原理來提高用戶的參與度。

  現(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)頁讓用戶困惑和沮喪。一個(gè)測(cè)試的參與者說“我只想打開app開始探索”。用戶測(cè)試表明用戶會(huì)跳過和忽略新手引導(dǎo)頁。最好的情況下,用戶會(huì)感覺到一點(diǎn)點(diǎn)不便;最壞的情況下,這會(huì)明顯阻止新用戶進(jìn)入app。

  一些常(wu)見(xiao)的新手引導(dǎo)頁模式( 透明度標(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í)候,文字是最簡單的工具。但是,當(dāng)我們希望用戶了解什么的時(shí)候,文字往往會(huì)起反作用。根據(jù)“ 教程 101 ”一定要避免只依靠文字,“ 因?yàn)樗鼤?huì)破壞速度和沉浸感,并且通常被最需要這些教程的用戶跳過?!?/p>

  “只說,不展示”的方式,讓過多的文字無法戰(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í)候提供簡短容易消化的信息。請(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)頁使用了“有趣的”字體,它仍然看上去像個(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è)月了,誰是檢驗(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è)試中告訴你他們需要什么。