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

如何設計眼前一亮的APP引導頁?

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

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

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

  一些常(wu)見(xiao)的新手引導頁模式( 透明度標注,演示視頻,3步引導)

  為什么這些模式會無效?

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

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

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

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

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

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

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

  3、讓它變得有趣。

  4、通過游戲來學習。

  5、聆聽你的用戶。

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

  當我們想解釋什么的時候,文字是最簡單的工具。但是,當我們希望用戶了解什么的時候,文字往往會起反作用。根據(jù)“ 教程 101 ”一定要避免只依靠文字,“ 因為它會破壞速度和沉浸感,并且通常被最需要這些教程的用戶跳過?!?/p>

  “只說,不展示”的方式,讓過多的文字無法戰(zhàn)士移動應用的優(yōu)勢。正確的做法是“展示,不說”,用互動的方式讓用戶邊桌邊學。當一個人事先練習了相關(guān)的做法,要比只是用文字告訴他們怎么做要更加容易被記住。

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

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

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

  規(guī)則三:獎勵

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

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

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

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

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

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

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

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