淺談手機(jī)產(chǎn)品設(shè)計中的用戶教育
隨著手機(jī)硬件的更新?lián)Q代,應(yīng)用功能逐漸豐富,交互過程也逐漸變的繁雜起來。因此,一款手機(jī)應(yīng)用是否能讓用戶眼前一亮,除了它本身成功的產(chǎn)品架構(gòu)設(shè)計和市場運(yùn)營外,簡單清晰的用戶教育也為其起到了畫龍點(diǎn)睛的作用。
用戶教育是什么呢?
它既不是條條款款的使用說明,也不是枯燥無味的用戶需知,更不是呆板雍長的幫助文檔。而是在用戶使用軟件的過程中,不打斷用戶思維的邏輯流,通過一些適當(dāng)?shù)姆绞?,對用戶有限的心智模型進(jìn)行補(bǔ)充,讓用戶簡單清晰地了解到應(yīng)該如何利用深層的手勢進(jìn)行控制,點(diǎn)擊哪一個按鈕改變功能,如何使用功能標(biāo)簽切換場景。它是對用戶潛意識的一種暗示,讓用戶在使用產(chǎn)品中的過程更加主動,感覺更加自然。
那么如何設(shè)計合適的用戶教育呢? 下面我們來看看現(xiàn)有的用戶教育是如何讓它們的用戶“一見鐘情”!
路標(biāo)指向型用戶教育
路標(biāo)指向型用戶教育多用于啟動界面上,并且這個界面中有多種觸控方式可以讓用戶進(jìn)行選擇的時候。用戶教育出現(xiàn)時,箭頭的指向必須唯一并且清晰,而且附帶的文字說明也須簡潔明了。讓用戶能通過箭頭對應(yīng)的文字說明,迅速地知曉從哪里開始以及為什么從這里開始。就如高架橋上的路牌指示標(biāo)志一樣,向著目的地去的唯一方向,讓用戶從開始使用時就因?yàn)椴毁M(fèi)吹灰之力而感覺很愉快。
如上三圖, 界面中可以觸發(fā)的地方非常多:每個聯(lián)系人,底部標(biāo)簽欄,切換標(biāo)簽等。對于新用戶而言,他們很容易在這么多按鈕中迷失。而路標(biāo)指向型用戶教育的出現(xiàn),非常輕易地解答了用戶心中的疑惑,避免了他們因?yàn)檫x擇錯誤造成的挫敗感。
但是路標(biāo)指向型用戶教育的美中不足在于,它雖然重點(diǎn)強(qiáng)調(diào)了一個功能,但同時也弱化了其他功能。比如它的出現(xiàn)會造成部分功能的遮擋和背景蒙灰的效果 。因?yàn)椤癋irst Impression”(第一印象)心里作用的原因,用戶很容易忽視掉被遮擋的功能按鍵。所以當(dāng)有兩個并列的重要功能需要介紹給用戶時,單路標(biāo)型用戶教育就不太適合使用。
另外這種路標(biāo)型用戶教育也非常適合使用在某一種新的交互設(shè)計取代了原有設(shè)計的情況中。如“掌中新浪”,原有的導(dǎo)航欄設(shè)計是橫向滾動式設(shè)計,取代后的方案是將導(dǎo)航條隱藏在了頂部的title欄中。因此在新版發(fā)布后,它巧妙地使用了一個路標(biāo)指向型用戶教育避免了用戶產(chǎn)生“導(dǎo)航去哪里”的疑惑。
那么當(dāng)有多種功能需要同時和用戶說明,而不希望他們有優(yōu)先級區(qū)別時,用戶教育又應(yīng)該如何進(jìn)行設(shè)計呢?不要著急,接著往下看。
單界面用戶教育
單界面用戶教育是指用戶進(jìn)行實(shí)際操作前,先將所有的功能說明集中在一個界面上展示給用戶。 這樣設(shè)計適用于需要多種功能配合進(jìn)行操作的手機(jī)應(yīng)用上。用戶可以通過一個頁面的閱讀,迅速了解與之相關(guān)的主要UI和功能操作。
單界面用戶教育雖然能一次性告知用戶更多的功能,但是信息的條目需要盡可能地控制在5條以內(nèi),并且介紹要盡可能的簡短有關(guān)聯(lián)。這樣的限制有兩點(diǎn)原因:一是因?yàn)槭謾C(jī)屏幕大小的限制,要考慮如何在小屏幕中進(jìn)行信息內(nèi)容的布局;二是在短期記憶的心智模型中,對外來信息的接收有7±2的認(rèn)知長度限制,5條信息展示的設(shè)計能讓用戶迅速記憶并在后續(xù)的操作進(jìn)行直覺性的反饋操作 。
單頁面用戶教育因?yàn)樾枰谝粋€頁面上羅列多條信息,所以信息的排版布局也非常重要。流線型或者順序型的信息布局都能使展示內(nèi)更符合用戶思考的邏輯層次。 ?Pulse 的用戶教育分別從4個方向給用戶提示,讓用戶從方向的概念上建立了認(rèn)知模型; ?Doodle Jump則是從執(zhí)行順序上給用戶建立了認(rèn)知模型,同樣也非常容易讓用戶記憶。相比之下, Skyfire的單界面用戶教育因?yàn)橹皇切畔⑴帕?,在認(rèn)知的順序上沒有進(jìn)行布局,內(nèi)容則稍顯凌亂。
這種單頁面用戶教育還有一個設(shè)計重點(diǎn)是,需要告知用戶如何忽略這種用戶教育信息以及如何再次進(jìn)入教育界面。單頁面用戶教育一般默認(rèn)采用單擊任意位置后消失,并且只在第一次開啟應(yīng)用時候出現(xiàn)的策略。但用戶很有可能在沒有閱讀的狀況不小心觸發(fā)了“忽略”操作。因此單頁面用戶教育最好在設(shè)置或者其他區(qū)域?yàn)橛脩籼峁┮粋€可以再次進(jìn)入的入口。讓用戶能夠進(jìn)行“再教育”。
單頁面用戶教育的設(shè)計中,也有一些比較特別的例子。Google Search App在今年發(fā)布了用戶體驗(yàn)更佳的全新版本,并在其中引入了更多深層的觸控手勢以及功能控件。因?yàn)閷τ脩粢M(jìn)行教育的部分比較多,所以雖然它依然使用了單頁面用戶教育,但是卻沒有在一頁中將所有部分的信息全部標(biāo)識出來。 而是采用了隱藏的方法,需要用戶一個個進(jìn)行自我觸發(fā)閱讀。 這樣的設(shè)計一是很好地避免了信息擁擠的現(xiàn)象,也在另一方面通過點(diǎn)擊觸發(fā)的認(rèn)知過程加深了用戶心智模型中對新功能和新操作的認(rèn)知度。
教程型用戶教育
教程型用戶教育實(shí)際上是多層級單頁面用戶教育的組合形式。因?yàn)樾枰嬷脩舻男畔⒈容^多,所以在每個頁面告知一定數(shù)量的信息,通過多個頁面組合起來,形成了類似教程一樣的用戶教育。這種用戶教育適用于對多個重要功能和重要界面的介紹,但是也需要注意用戶短期記憶容量的限制,盡可能將頁數(shù)控制在5頁以內(nèi),并且信息盡可能分類有重點(diǎn)。
和單頁面用戶教育一樣,教程型用戶教育在設(shè)計時也需要注意給用戶提供再次進(jìn)入的入口。因?yàn)橛脩粼谧铋_始使用時,有可能想盡快看到應(yīng)用的實(shí)體,沒有仔細(xì)進(jìn)行閱讀而直接跳過了該教育部分。
流程型用戶教育
流程型用戶教育適合用于游戲類應(yīng)用程序或者需要執(zhí)行多任務(wù)的應(yīng)用程序中。這類應(yīng)用程序的特征是過程比較復(fù)雜,并且隨著過程的進(jìn)行,可能加入到其中的交互方式會更復(fù)雜。如果一次性展示給用戶,用戶不可能完全消化理解。 因此在對用戶進(jìn)行教育的時候,它會隨著進(jìn)程的不同,逐步給出用戶相應(yīng)的提示信息,并直到他們完成相應(yīng)的任務(wù)目標(biāo)。
流程型用戶教育在設(shè)計首先要合理地進(jìn)行任務(wù)分析,保證在過程的每一步對用戶進(jìn)行教育的過程中,用戶都能很好地理解任務(wù)的意義以及使用的相應(yīng)操作。 這種教育方式類似于一種學(xué)習(xí)型教育,一般是讓用戶進(jìn)行一步學(xué)習(xí)后,會重復(fù)類似的任務(wù),幫助用戶在大腦中通過循環(huán)使用,加深短期記憶的效果。然后通過任務(wù)級別的提高以及思考深度的加深,給以新的提示。因此在讓用戶完成任務(wù)后,需要給出完成任務(wù)的反饋信息,以此告知用戶他們已經(jīng)成功地學(xué)習(xí)了用戶教育中的信息。
因?yàn)榱鞒绦陀脩艚逃谠O(shè)計的過程中,將操作對應(yīng)任務(wù)進(jìn)行了肢解,有可能讓用戶在學(xué)習(xí)的過程中,任務(wù)過于獨(dú)立,不知曉如何合并進(jìn)行操作。 另外,因?yàn)閷W(xué)習(xí)了某個步驟后,需要反復(fù)地練習(xí)這個步驟才能觸發(fā)下一個流程的發(fā)生,有可能會使用戶厭煩或者產(chǎn)生這個應(yīng)用很復(fù)雜的想法。
文字說明型用戶教育
文字說明型信息提示一般采用文本框的展現(xiàn)形式,使用一段文字出現(xiàn)在用戶視覺焦點(diǎn)較弱的屏幕中下部位。對正在進(jìn)行的狀態(tài)或者正要填寫的表單進(jìn)行補(bǔ)充說明。這種實(shí)際上是一種解釋說明的簡單文字,對用戶來說,卻能讓他們在潛意識里清楚如何完成當(dāng)前步驟或者接下去的步驟時怎樣的。例如BBC listener這個應(yīng)用,第一次加載列表的過程中,因?yàn)樾枰螺d節(jié)目列表,所以需要用戶等待較長時間。如果沒有文字說明型用戶教育,用戶很可能誤解為網(wǎng)絡(luò)連接不好或者程序卡掉而中止了程序運(yùn)行。
綜上所述,我們可以發(fā)現(xiàn),其實(shí)用戶教育的設(shè)計都是我們在平常設(shè)計中習(xí)以為常的小部分的添加或者再次利用,而設(shè)計好用戶教育的關(guān)鍵是做為設(shè)計師的你能夠明白,用戶當(dāng)前需要了解怎樣的信息以及如何告訴用戶這些信息。這就是手機(jī)產(chǎn)品“一見鐘情”的小秘密。
來源:http://mux.baidu.com/2011/06/1098/
- 目前還沒評論,等你發(fā)揮!