品牌設計
Hi,are you ready?

準備好開始了嗎?
那就與我們?nèi)〉寐?lián)系吧

有一個品牌項目想和我們談談嗎?您可以填寫右邊的表格,讓我們了解您的項目需求,這是一個良好的開始,我們將會盡快與你取得聯(lián)系。當然也歡迎您給我們寫信或是打電話,讓我們聽到你的聲音!

PID派點互動

地 址:廣州市天河區(qū)金慧路88號11棟138單元(華南農(nóng)業(yè)大學內(nèi))

電 話:+020- 3855 0205 3855 0745

傳 真:+020-3855 0745

E-mail:925774558@qq.com

填寫您的項目信息

captcha

關于移動應用的新手引導設計

標簽:派點互動|響應式設計|網(wǎng)站設計|廣州網(wǎng)站設計|響應式網(wǎng)站設計

簡短,聚焦

無論何時都不能期望用戶在使用應用之前樂于閱讀說明性質(zhì)的內(nèi)容。人們打開應用不是為了花時間學習怎樣使用UI,而是為了在最短的時間內(nèi)以最小的成本解決他們手頭的問題。其實這也是個悖論,因為一旦學會更有效率地使用UI,用戶倒是可以為自己節(jié)省更多的時間。我們都知道,Web用戶不愿閱讀文字的習慣是出了名的,而移動用戶在這方面則有過之而無不及,因為在移動情境中,人機會話時間更加有限,注意力更容易分散。

即便你的用戶愿意去閱讀那些說明,一下子看到太多內(nèi)容也會加重其認知負荷。由于用戶無法在閱讀浮層上的說明內(nèi)容的同時進行實際操作,所以他們必須首先將說明內(nèi)容記憶下來,然后再投入實用。而人類的短期記憶難以保存太多的內(nèi)容,信息在20秒左右的時間內(nèi)就會開始被遺忘。因此,相比于在一個浮層上一次性展示UI當中每個地方的說明,不如一次聚焦在一兩個上面。

Morningstar的iPad應用:一個浮層上展示了太多的UI說明。其實這里的一些UI元素是具有不錯的自解釋性的(例如點擊文章標題閱讀全文),完全沒必要一股腦都塞給用戶。

減少說明的焦點可以使用戶將注意力放在最重要的說明上。一次展示的說明越少,用戶越有可能去閱讀并記憶下來。另外,這種方式也更具有引導作用,人們會更加樂于模仿說明中的指示來嘗試著進行操作,以確保自己的理解是正確的。

Youtube的安卓應用:只會在使用過程中的相關環(huán)節(jié)向用戶展示對應的引導說明,而不是一上來就一股腦地拋出所有,管你用戶記住沒記住。一次一個焦點,直接引導用戶嘗試操作,使其需要閱讀和記憶的信息量盡可能的少。

尋找正確的時機,為用戶提供最重要的引導提示,一次一個,使他們更容易理解和掌握。

避免一連串的提示

有些時候,一個界面里會有多個功能點需要被講解。然而通過一次一個的方式接二連三地蹦出浮層進行說明,則會使用戶更加不耐煩地關掉這些說明,而不管它們是不是真的有用。你可以想象每個用戶都有一個小容器用來盛放引導提示內(nèi)容——那一定是喝威士忌的小杯,而不是一扎一扎喝啤酒的大杯——你不能給用戶灌得太多,也不能灌得太快。

接連不斷地展示引導信息不僅會產(chǎn)生短期記憶方面的問題,而且會讓新用戶覺得你的應用過于復雜,望而生畏。記住,在實際當中,這樣的初體驗足以使他們關掉你的應用,然后去尋找其他的替換方案。

iPad上的Makr應用:用戶每到一個新區(qū)域,都會收到一系列的引導提示。提示內(nèi)容太過文字化,而且在用戶實際使用之前就講到了太多關于多步驟流程的操作方法。用戶無法邊學邊做,在與實際UI進行交互之前只能強行記憶那些操作步驟。而且沒有任何標識能夠讓用戶知道接下來還有多少提示需要看;整個學習過程令人非常反感,如果這也能叫做學習。

Makr帶來了一連串的提示,而且由于內(nèi)容太過文字化,如果用戶快速地略過,便真的無法得到任何有用的信息,然后在面對實際工作界面時將完全無所適從。此外,雖然每條提示都是氣泡的形式,且有明確的箭頭指向?qū)恼f明對象,但在說明內(nèi)容當中卻會提到其他的UI元素,非常焦慮。

盡量使用圖形元素

使用圖文并茂的形式,而不只是干巴巴的文字,這將能使用戶在最短的時間里對信息產(chǎn)生大致的了解。

對于前面提到的多步驟說明,可以嘗試將每一步內(nèi)容濃縮為“恰當?shù)膱D形元素+簡短的文字”,并整合到一個展示層面上;這種方式即有利于用戶閱讀,也可以使多步驟的流程更直觀、易懂、易記憶。

下面是我們做的Makr重設計建議方案。三步的操作流程被放在一起,通過圖文并茂的形式展示出來。通過統(tǒng)一的標題“定制化你的模板”,用戶立刻就可以了解這個會話是關于什么的,而下面的三個步驟說明讓他們可以很快了解到怎樣完成這件事情。

當然,這并非完美的重設計方案,因為用戶仍然需要在實際上手之前將這些內(nèi)容記下來先,但相比于之前的版本,它至少是更易讀易理解的。當你覺得有必要通過一系列提示來告訴用戶怎樣完成某種復雜的多步驟操作時,不妨考慮這類替代方案。

不要和實際界面混淆

必須使引導提示在外觀上與實際界面元素有著明確的區(qū)分,否則引導提示就是在干擾實際界面,用戶也會迷茫,甚至會把教學內(nèi)容當做功能界面,試著與其交互。

在我們最近做的關于平板設備可用性的研究當中,我們發(fā)現(xiàn),用戶在使用Wimbledon應用的時候總是在試著點擊教學內(nèi)容當中那些地標圖標。他們的引導提示做得太精細、太像周圍的實際UI了,人們根本沒意識到這里是不可交互的教學內(nèi)容。

4ceed6765ff9d12a8e1af8f5c6dc13ef.jpg

要使提示內(nèi)容與普通的界面元素區(qū)分開來,最簡單的方式是使用不同的字體。我們通??梢砸姷胶芏嗍謱懽煮w風格的提示,確實可以與實際UI當中的文字產(chǎn)生鮮明的對比。

來看個反例。在Ness的iPhone應用中,引導提示和某動作菜單都使用了相同的字體風格,這很容易給用戶帶來迷茫,難以判斷哪些是幫助文字,哪些是可交互的元素。

4ceed6765ff9d12a8e1af8f5c6dc13ef.jpg

派點互動 品牌網(wǎng)站建設 網(wǎng)頁設計制作 建站公司 設計公司 廣州網(wǎng)站建設 網(wǎng)站制作 高端設計

返回列表
在線溝通

Are you interested in ?

感興趣嗎?

有關我們服務的更多信息,請聯(lián)系

135 7039 2915 李先生

與我們合作

與派點合作,您將會得到更成熟的網(wǎng)站建設服務。我們以客戶至上,同時也相互挑戰(zhàn),力求呈現(xiàn)最好的網(wǎng)站建設成果。

品牌顧問熱線(李生):

+135 7039 2915

TOP

QQ客服

免費電話