search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

好的空數據設計,如何引導用戶行為?

用戶首次遇到的界面需要符合應用的設計預期。如果你不想你的用戶在第一次使用后便卸載APP,那麼你現在需要做的是,引導用戶完成關鍵任務或者引導用戶去其他地方獲取到相關聯的信息。總之,你需要在用戶初次使用的時候鼓勵用戶,把他們引到正確的地方。

新用戶引導是成功建立用戶與產品之間關係的重要環節,你只有一次機會給用戶製造第一印象。在本文中,我們將聊聊如何採用空數據的形式對新用戶進行引導。

什麼叫空數據?

內容本身是大部分APP的主要價值體現,例如信息內容類APP、待辦事項類APP、數據分析類APP等等。這就是我們需要考慮空數據設計的重要原因。

APP有些界面內容是空的,它需要新用戶花費一步或者多步,去創造內容,這種情況非常適合做引導設計。除了提供新用戶對內容的預知,空數據設計也會教用戶如何使用你的APP。空數據設計只是用戶引導中的一部分,但是合適的引導能夠讓用戶確信在做正確的事情。

Expensify中的空數據設計告訴了用戶怎樣開始使用。

空數據對於引導用戶的價值

借著「用戶初次使用」空狀態為有利契機,來引導用戶創建內容。

1.引導用戶

首先,空數據界面應該幫助用戶理解當前所在的上下文情境,告訴用戶即將發生什麼。展示此類信息的常用方法是:告訴用戶將會有什麼內容或者會長什麼樣,或者給予明確的指示。

2.迅速採取行動

大部分空數據會告訴用戶,當前空狀態是什麼,為什麼會沒有內容。更進一步、更有效的做法是告訴用戶接下來能做什麼。引導用戶很重要,但空數據設計的真正成功在於鼓勵、引導用戶迅速採取行動。

3.愉悅的用戶體驗

APP本身需要為用戶提供解決問題的有效方法,確保容易學習、易於使用,也應該是賞心悅目的。空數據也是一個很不錯的機會,去拉近與用戶的關係,幫助用戶理解APP獨特的氣質與個性。

如何設計一個理想的空數據界面

我們在設計中已經考慮到要吸引用戶,但這還不夠,空數據的巨大魅力常常在設計開發過程中被忽略,這是因為我們做了一個布局很好,圖形超贊的界面,似乎很完美,但我們的目標更應該放在促進用戶行動上。在可用性的基礎上,空數據設計可以發揮驚人的創造力。

1.避免死衚衕

最糟糕的空數據設計是,讓用戶感覺進入了死胡同。這樣容易讓用戶感到不安,在混亂中可能會導致用戶盲目的去尋找出口。以Modspot發帖界面為例,第一張圖片是當前最新版本的空數據設計,非常有效、並且巧妙地減少了用戶的疑慮,告訴了用戶開始發帖的動作入口。

Modspot的案例有效地利用了空數據引導用戶促發行為。

下面的圖片是同樣界面的另一種版本,很明顯,用戶只能看到無效的空數據狀態,沒有指引,也沒有示意,如同走進死胡同!

Modspot的反面案例很清晰的表明忽略空數據設計是多麼糟糕。

2.確保界面簡潔直觀

好的空數據設計當然要保持界面的簡潔,要儘可能乾淨利落的把內容傳達給用戶,減少認知干擾。在設計上,必須綜合考慮文案描述和示意圖(表意清晰,描述簡潔、容易理解),才能有好的效果。

Dropbox的iOS版本

3.確保內容易於理解

空數據界面不僅僅要考慮視覺審美,也要幫助用戶理解上下文。儘管空數據是用戶教學與引導的一小部分,但是我們完全可以最大化的發揮其作用與價值,為用戶創造新內容指引方向。

以Google Photos的空數據設計為例,優美的圖形和合理的布局讓人看起來不錯,但是這種設計並不能幫助用戶理解上下文的意思,也不能為用戶解釋以下2個問題:

  • 什麼叫相冊?
  • 怎樣才能創建一個相冊?

Google Photos的的iOS版本

4.突出APP的個性與風格

給用戶留下好的第一印象不僅僅是界面的可用性,也要考慮到視覺風格。讓用戶感覺到你的APP是讓人印象深刻,使用起來又很舒服的。至少與同類產品相比,能感覺到有那麼一點點與眾不同,對整個產品體驗的預期也會有一點點不同。以下圖 Khaylo Workout空數據設計來說,為整個產品的性情做了風格生的設定。

Khaylo Workout的iOS版本

5.鼓勵用戶採取行動

為了讓用戶再次使用的時候,不會依舊面對空數據,我們首先要做的是說服用戶儘快行動起來。我們不僅僅要在用戶與應用界面交互的時候告訴其將要獲取什麼好處,更要引導用戶按其所需行動起來。

讓我們看下Facebook的Messenger模塊,當用戶第一次到達這個界面時,會看到Messenger這款產品的優勢-可以發送包含圖片與視頻的訊息,並且速度跟簡訊一樣的快。除此之外,用戶還知道有多少Facebook好友已經在使用了。一旦用戶點擊了「開始安裝」按鈕,這就意味了空狀態因此消失的可能性。安裝按鈕如此清晰明了,用戶又何樂而不為呢?

Facebook的iOS版本

6.儘可能提供個性化內容

讓自己的APP看起來更有特色,最終是為了更快向用戶傳達產品價值。在目標用戶還沒有行動之前,需要傳達與用戶需求與利益相匹配的內容。用戶會根據APP簡明扼要的描述來為空數據界面創造新內容。

為新用戶提供一些有效信息,促進他們能夠以正確的或者更快捷的方式探索APP。例如,電子書類APP通常會根據用戶信息,為每一位用戶提供幾本可供閱讀的書籍。

圖片來自Material Design

7.在UI中注入情感

空數據可以幫助闡述產品的人性化的一面。正面、積極的情感表達可以促近與用戶之間的關係。空數據具體要表達什麼樣的情感要依據產品目標而定。以Google Hangouts的空數據為例,看看是如何激勵用戶參與視頻群聊的。

Google Hangouts的安卓版本

當然,類似於以上情感化設計的案例是有風險的,不是所有人都能理解,甚至有些人會討厭這種矯揉造作。但是,沒關係,賦予情感總比平鋪無趣好的多。

8.表達成功狀態

當用戶完成一個非常關鍵任務后,這是一個很好的機會去拉近用戶與產品之間的感情。讓用戶知道通過自身努力,完成了一件很棒的事情,值得慶祝與鼓勵。

趁著慶祝用戶做得很棒的同時,鼓勵用戶更深入的體驗產品。例如,Writeupp的用戶如果清理了任務列表,這當然是一個很積極主動的行為,Writeupp會告訴用戶「您做的很棒!」作為鼓勵。成功提示可以很好的愉悅用戶,並且能夠促進用戶參與下一步的行動。

WriteUpp的iOS版本

9.了解更多

下面的資源可以幫助你找到用戶引導設計方面的靈感:

圖片來Useronboard

  • Uxarchive也是關於用戶引導類的資源網站,裡面對很多常見APP不適宜的引導設計做了大量分析。網址:
  • Ui-patterns也有一些關於web-app的用戶引導界面設計。網址:

圖片來Ui-patterns

總結

總之,不要讓用戶第一次使用你的APP時候,遇到的卻是空空的白板界面。慎重考慮空數據的設計,因為它絕不只是用戶體驗中臨時或者次要的內容。事實上,它跟其他的設計組件一樣重要,在鼓勵、愉悅新用戶方面發揮了巨大作用。

作者:小白,

本文由 @小白 原創發佈於人人都是產品經理。未經許可,禁止轉載。



熱門推薦

本文由 yidianzixun 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦