大多 app 平均會失去 77% 的用戶(使用者下載後三天)。更糟的是,在 30 天內, 將近 80% 的用戶不再使用。造成如此低的用戶留存率(retention rates)是因為
<?php
add_shortcode( 'shortcode_name', function () {
$out = '<p>在這裡撰寫網站專屬 HTML 短代碼內容</p>';
return $out;
} );
app 製作或概念不良嗎?恐怕有其他原因。基本上,使用者會下載許多 app 試用,並在幾天內就會決定該刪除那幾個。這代表怎麼在這個期間內讓使用者上癮,是邁向成功的關鍵。而你的任務就是確保使用者要經常使用你的app,且能心滿意足。但在達到這個目標之前,你必須讓他們在 “首次使用” 就有好的體驗!本篇就要探討設計師最常忽略的頁面 – 空白狀態(empty state) 頁面。 設計師應該通常都會先設計內容齊全的代表頁面,並在示意圖上呈現最佳排列的效果。直到最後(或沒有)才考慮可能遇到的 空白狀態(empty state) 。但重要的是,”空白狀態” 的呈現具有能驅動使用者繼續使用的潛力,我們要把握這個與使用者溝通價值的時機。
什麼時候使用者會遭遇 “空白狀態” ?
設計空白頁面的效益並不僅是美學的提升,它能讓使用者預期介面可能要呈現的內容,也可增加使用者的黏著度,並告知使用者進行某些動作會發生甚麼事情。設計 “空白狀態” 頁面,可達到下述三大效益:
在 “空白狀態” 頁面上可達成的第一個效益就是:指導使用者如何使用你的 app。如果他們不懂 如何操作,app 可能就會被打入冷宮。所以,你應該要協助他們理解下一步要幹嘛?或讓他們可期待會有種事件發生。
在發生 “錯誤” 的頁面上,應該要提供有用的資訊,如協助排除。此頁面的設計需在 “友善的程度” 與 “幫助的效益” 中取得平衡。當錯誤發生時,你應該向使用者解釋為什麼看不到內容,該怎麼解決。
負面案例: Spotify 在錯誤頁面上僅呈現 “有錯誤發生” 的訊息。
好的案例: Azendoo 留下訊息: 你就像身處荒島,感到迷失方向且失去聯繫嗎?跟隨我們的建議,保持冷靜,點把取暖的火,並且按下重整試試。
若要給使用者好的第一印象,使用性是關鍵但非為一,產品所呈現的 “品牌個性” 更是重要。假使你能讓 “空白狀態” 的頁面看起來與其它競爭對手不同,其實也代表著你向使用者證明 “產品體驗同樣也具獨特性”! 而我們的目標就是設計出令人愉悅驚喜的介面。
你能做出清新或讓人意想不到的創意嗎?例如以下透過動畫來表現的案例:
或是你能使用開玩笑的手法:
Aaron Walter 由人類不同的需求層次,來解釋 “成功的使用者體驗” 需具備何種要素;他認為 app 應該具功能、可靠性與可用性,同時也應該是愉悅的。所以試試把 “同理心” 應用於 “空白狀態” 頁面吧:
為了提升使用者看到 “空白狀態” 頁面的體驗,你可以透過一些手法來取悅他們,如下:
大家可以把 “空白狀態” 想成小型的 landing page,一個成功的設計會把 “特殊功能” 或 “特色” 的資訊,在此頁面告知給使用者,並且導引他們去做出我們預期的動作。
在 “空白狀態” 的頁面上激勵使用者進行某些行為,你可以這麼做:
“空白狀態” 頁面的設計就如同其他項目一樣重要,因為好的使用者體驗是來自於整體操作旅程的總和。”空白狀態” 頁面是你與使用者的管道,設計上需要讓訊息與操作之間達到微妙的平衡。
延伸閱讀:
本文章已獲得作者授權,翻譯自:Empty State: Mobile App “Nice-to-Have” Essential by Nick Babich,原文出處 Medium
本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知。