提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
設(shè)計師必須讓用戶在 “首次使用" 就有好的體驗!本篇就要探討設(shè)計師最常忽略的頁面 – 空白狀態(tài)(empty state) 頁面。
大多 app 平均會失去 77% 的用戶(用戶下載后三天)。更糟的是,在 30 天內(nèi), 將近 80% 的用戶不再使用。造成如此低的用戶留存率(retention rates)是因為 app 制作或概念不良嗎?恐怕有其他原因。基本上,使用者會下載許多 app 試用,并在幾天內(nèi)就會決定該刪除那幾個。這代表怎么在這個期間內(nèi)讓使用者上癮,是邁向成功的關(guān)鍵。而你的任務(wù)就是確保用戶要經(jīng)常使用你的app,且能心滿意足。但在達(dá)到這個目標(biāo)之前,你必須讓他們在 “首次使用" 就有好的體驗!本篇就要探討設(shè)計師最常忽略的頁面 – 空白狀態(tài)(empty state) 頁面。
第一眼印象太重要了!
設(shè)計師應(yīng)該通常都會先設(shè)計內(nèi)容齊全的代表頁面,并在示意圖上呈現(xiàn)最佳排列的效果。直到最后(或沒有)才考慮可能遇到的空白狀態(tài)(empty state) 。但重要的是,"空白狀態(tài)" 的呈現(xiàn)具有能驅(qū)動用戶繼續(xù)使用的潛力,我們要把握這個與用戶溝通價值的時機(jī)。
什么時候使用者會遭遇 “空白狀態(tài)" ?
設(shè)計空白頁面的效益并不僅是美學(xué)的提升,它能讓用戶預(yù)期接口可能要呈現(xiàn)的內(nèi)容,也可增加使用者的黏著度,并告知使用者進(jìn)行某些動作會發(fā)生甚么事情。設(shè)計 “空白狀態(tài)" 頁面,可達(dá)到下述三大效益:
1. 提供教學(xué)與幫助
在 “空白狀態(tài)" 頁面上可達(dá)成的第一個效益就是:指導(dǎo)使用者如何使用你的 app。如果他們不懂 如何操作,app 可能就會被打入冷宮。所以,你應(yīng)該要協(xié)助他們理解下一步要干嘛?或讓他們可期待會有種事件發(fā)生。
在發(fā)生 “錯誤" 的頁面上,應(yīng)該要提供有用的信息,如協(xié)助排除。此頁面的設(shè)計需在 “友善的程度" 與 “幫助的效益" 中取得平衡。當(dāng)錯誤發(fā)生時,你應(yīng)該向使用者解釋為什么看不到內(nèi)容,該怎么解決。
負(fù)面案例: Spotify 在錯誤頁面上僅呈現(xiàn) “有錯誤發(fā)生" 的訊息。
好的案例: Azendoo 留下訊息: 你就像身處荒島,感到迷失方向且失去聯(lián)系嗎?跟隨我們的建議,保持冷靜,點把取暖的火,并且按下重整試試。
好的 “初次使用" 頁面設(shè)計可以傳達(dá)以下信息:
2.讓使用者開心
若要給使用者好的第一印象,使用性是關(guān)鍵但非為一,產(chǎn)品所呈現(xiàn)的 “品牌個性" 更是重要。假使你能讓 “空白狀態(tài)" 的頁面看起來與其它競爭對手不同,其實也代表著你向用戶證明 “產(chǎn)品體驗同樣也具獨特性"! 而我們的目標(biāo)就是設(shè)計出令人愉悅驚喜的界面。
你能做出清新或讓人意想不到的創(chuàng)意嗎?例如以下透過動畫來表現(xiàn)的案例:
或是你能使用開玩笑的手法:
Aaron Walter 由人類不同的需求層次,來解釋 “成功的使用者體驗" 需具備何種要素;他認(rèn)為 app 應(yīng)該具功能、可靠性與可用性,同時也應(yīng)該是愉悅的。所以試試把 “同理心" 應(yīng)用于 “空白狀態(tài)" 頁面吧:
為了提升使用者看到 “空白狀態(tài)" 頁面的體驗,你可以透過一些手法來取悅他們,如下:
3.激勵使用者行動
大家可以把 “空白狀態(tài)" 想成小型的 landing page,一個成功的設(shè)計會把 “特殊功能" 或 “特色" 的信息,在此頁面告知給使用者,并且導(dǎo)引他們?nèi)プ龀鑫覀冾A(yù)期的動作。
在 “空白狀態(tài)" 的頁面上激勵使用者進(jìn)行某些行為,你可以這么做:
給使用者指示:推薦或告知使用者最佳上手途徑,并提供 CTA 按鈕(或有箭頭引導(dǎo))來引導(dǎo)使用者脫離"空白狀態(tài)",進(jìn)行有意義的行為
設(shè)計 空白狀態(tài)(empty state) 的技巧
千萬不要認(rèn)為 “空白狀態(tài)" 頁面僅是體驗中暫時或次要的部分,而不去設(shè)計它。帶給你的使用者愉悅的使用體驗,并試圖將功能或特色與情感鏈接。向用戶解釋 app 能帶來的價值,這樣才能讓用戶理解為什么他們應(yīng)該關(guān)注你。 保持簡單的視覺: 簡潔的 icon 或 輕爽的插圖,再搭配 CTA 按鈕 通常就夠了。 如果 “空白狀態(tài)" 頁面是由活躍用戶的行為而產(chǎn)生,可在上面呈現(xiàn)另他們愉快的訊息。 假使是使用者的錯誤而出現(xiàn) “無理想內(nèi)容狀態(tài)" 頁面,你必須清楚的解釋如何解決問題或返回。
結(jié)論
“空白狀態(tài)" 頁面的設(shè)計就如同其他項目一樣重要,因為好的使用者體驗是來自于整體操作旅程的總和。"空白狀態(tài)" 頁面是你與使用者的管道,設(shè)計上需要讓訊息與操作之間達(dá)到微妙的平衡。
延伸閱讀:
設(shè)計大舌頭是一個長期關(guān)注用戶體驗相關(guān)(UED)議題的共筆平臺,包含用戶介面(UI)、互動設(shè)計(Interaction Design)、產(chǎn)品設(shè)計趨勢、設(shè)計專利以及服務(wù)設(shè)計等,試圖讓更多讀者了解設(shè)計師們的巧思,并推廣 Design Thinking 的思維,歡迎更多人加入這一個討論園地。
如果你也喜歡我們的文章,歡迎大家到我的 Blog(設(shè)計大舌頭)瞧瞧:https://designtongue.me/
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊