ios app設計裡的 空狀態 介面 是指什麼?

時間 2021-06-05 08:22:42

1樓:越努力越幸運

雖然空狀態對使用者體驗很重要,但它常常被忽略。良好的空狀態設計能提公升產品體驗,有效留存使用者,了解空狀態的概念以及如何使用它們,可以有效提高產品的特色和價值。今天我就針對UI設計中的空狀態設計進行簡單的說明。

什麼是空狀態?

在產品設計過程中,設計師有很多機會創造愉悅和有意義的體驗,其中乙個經常被忽視的體驗就是空狀態。空狀態是使用者在使用產品時某個介面無法顯示的時刻,即沒有其他元素。

以網購為例,回想一下常見的空狀態情況:

搜尋商品卻沒有找到的狀態

檢視商品時載入不出來或出錯的狀態

購物車裡沒有商品時的狀態

位址管理頁面中收貨位址為空的狀態

提交訂單後的狀態

空狀態的型別

這是四種常見的空狀態型別:

首次使用——新產品沒有內容可以顯示時,例如開啟新註冊的印象筆記時會遇到這種情況。

內容被清除——當使用者完成類似清空訊息或收件箱等操作後,會出現乙個空白的螢幕。

出現錯誤——產品由於網路問題造成離線時,會出現空狀態的使用。

無結果——如果使用者進行搜尋,但是查詢內容為空時會發生這種情況。

設計空狀態的優勢

經過深思熟慮而設計的空狀態可以幫助提高產品參與度,使使用者滿意並減少流失。

在《使用者真正需要什麼》一書中,知名企業管理專家斯科特·麥克凱恩提出了為使用者設計個性化的卓越體驗的六條指導原則。他寫道,使用者想要:

令人信服的體驗

個人關注

互相忠誠

與眾不同

協調創新

這些原則應用到空狀態設計中能提高產品滿意度,為企業帶來益處。以下三個方面也能從好的空狀態設計中獲益:

使用者入門——除了增強使用者體驗外,還提供了建立深度信任和繼續使用產品的機會。

品牌建設——提高知名度,提公升公司形象,促進公司發展並增加品牌價值。

個性化——可以是有趣的、嚴肅的、活潑的,創造一種個性又多元的感覺。

設計良好的空狀態不僅有助於提供令人信服的體驗,讓使用者能更多地參與到產品中並讓人滿意。

空狀態被忽視的原因

忽略空狀態時會發生什麼?沒有指導的空白頁面會造成混亂、不確定和失望,這可能導致較高的放棄率並降低產品的整體滿意度。

既然精心設計的空狀態有明顯的積極結果,為什麼它們容易被忽視:

首先,設計師往往將精力集中在設計中更可見的部分,通常很少考慮空狀態出現的情況,因此常常被忽略;其次只有2-5%的使用者能遇到空狀態,所以通常不把它們視為優先事項;

最後,UI設計中的空狀態設計指南人們並不能總是很好地理解空狀態的發生以及如何處理,所以它們退居二線,轉而使用更流行的頁面。

如何有目的地進行空狀態設計?

通過下面這些方法,可以確保空螢幕的設計是有用有效的,反饋豐富全面。

1. 同理心

增加驚喜、愉悅、情感和個性是在產品設計過程中創造更好體驗的方式。對於空白頁,同理心增加了多樣性,並創造了乙個更吸引人的個性化體驗。

2. 意象

形象化的描述一種減少壓力並提高注意力的狀態。例如在在錯誤頁面的空狀態背景上新增一些風景插圖可以帶來更愉悅的使用者體驗。

3. 有用的指導

根據產品的型別,可以使用空狀態來指導使用者。有了新的賬戶後,引導使用者快速開始,從而減少了放棄的機會。

4. 入門內容

對於某些產品,提供良好的入門內容有助於他們直觀地看到正在發生的事情以及下一步可以做什麼。

5. 提供操作步驟

希克定律指出,「做出決定所需的時間會隨著選擇的數量和複雜性而增加。」當操作要求最多保持在乙個或兩個時,使用者可能會更快地採取行動。

當人們剛接觸Instagram這個平台時,他們還沒有關注任何人,乙個好的空狀態設計可以為他們提供「新增關注的人」選項。

結論在設計中很容易忽略空狀態,因為它們很少出現,而且有時候不容易理解。但是我們往往低估了空狀態設計帶來的價值,因為它增強了使用者體驗,並且有助於建立更具凝聚力的產品。

2樓:

剛好最近翻譯了相關的一篇文章,就不再這裡貼上了,給個鏈結http://

hicc.me/post/design-the

-details-empty-states.html

3樓:馮陵

「空狀態」是指移動應用介面在沒有內容或資料時呈現出的狀態,比如收件箱裡一條資訊都沒有。

如下圖:

詳見:移動應用的空狀態介面設計

新版 Google Reader 的介面設計怎麼樣?

劉瓊 個人很是喜歡小清新!不過也有很多缺點,在閱讀量上面真是乙個失敗,不過小清新的介面讓我感覺很是舒服,我覺得google reader的改變不是乙個失敗,乙個事物的發展如果總是乙個樣子,那麼還有什麼新意呢。所以不過是一點點的改變讓我們現在用著不舒服罷了,過了一段時間,我們都熟悉的時候,那麼新的改變...

介面設計 視覺設計 互動設計 之間的關係是什麼?如何理解?

ben 網上有很多關於這些崗位職責和相互關係的解釋,可以說每個人理解不同 因為每個公司的崗位劃分不同 按我的理解,介面設計 視覺設計 互動設計 而 介面設計 的目的是提供優秀體驗的視覺化互動介面,那麼 視覺設計 就是從視覺層面達到這個目的,互動設計 則是從架構層面達到這個目的,總得來說就是用不同的方...

如何做好安卓應用的介面設計?

kiloo It s very easy to be different,but very difficult to be better. 鄭津楊 乙個開發過程中的感覺,就是如果在ios和Android上同時開發,肯定會在視覺效果上兼顧ios的視覺效果,而ios的視覺效果整體都比較統一切美觀,試想乙...