移動應用「好」的本質在空白狀態上體現

2021-07-23 15:39:14 字數 2236 閱讀 6588

平均每個應用在使用者安裝應用後的第三天,會失去77%的活躍使用者,更糟糕的是,在後續的30天內,大約每天有80%的使用者會消失.

這是由於質量惡劣的應用導致的這麼低的留存率麼?當然不全是.

你的任務就是確保讓使用者堅持足夠長的時間來享受你的應用,當然在享受之前,他們還是要先嘗試下是否喜歡.

我們通常都會設計乙個密集的介面布局,這樣可以讓使用者感覺像安排好了,功能很全,但是你還是要設計空白狀態的頁面的。實際上空白狀態的頁面是乙個充滿潛力的動態裝置,即使這是乙個短暫狀態,我們必須要懂的在這個時間裡尊重使用者,和使用者「溝通」。

什麼時候你會遇到空白狀態?

第一次使用:應用第一次啟動

錯誤:遇到一些問題

清除:使用者清除內容

乙個空白狀態不僅僅只是裝飾,除了通知使用者看到他們期待看的內容,空白的狀態也可以作為學習經驗,部分可以告訴使用者需要採用的行為,當使用者遇到問題看到空白介面的時候可以是很好(或者很差).

乙個成功的空白頁面可以幫助使用者:

1.教育和幫助

2.使使用者感到快樂

3.使使用者快速行動

教育和幫助使用者

空白頁面對使用者失敗的體驗是有幫助的,你必須去通過友好和幫助來達到平衡,當現實錯誤是,你應該解釋為什麼會這樣,讓使用者不要驚慌,告訴他們如何去解決這個問題。

乙個壞的體驗:spotify在出現錯誤時,螢幕上只有「出錯」的資訊。

很好的體驗:azendoo在無網狀態下,就像你在乙個荒島上感覺失去了聯絡。因此使用者需要遵循這一建議,保持冷靜,生火,保持清爽。

乙個好的空白狀態體驗需要注意:

1.乙個解釋  這個狀態有什麼用

3.乙個例子   將會有什麼樣的動作或者事件會出現在螢幕上

乙個好的印象不單單需要可用性,還需要個性化。如果你的初始化狀態和同類產品不同,你的使用者會對你的產品有所不同,因此你需要讓使用者感到驚喜.

你可以做一些新鮮的東西或者是意外的東西,就像乙個活的人物一樣的:

或者說開個玩笑。

合理地轉移使用者情緒:

使用一下資訊取悅你的使用者:

1.介紹你的品牌元素(以一種其他產品都沒有的方式展示)

2.呈現出幽默和有趣(使用積極地心態,讓使用者感到快樂)

想到乙個小型的空白頁面做使用者登入登入設計,而剩下的通過最小的設計,解釋並且讓使用者強制登入.

你認為呢?

乙個空白頁面的提示應該:

3.引導你的使用者:推薦給他最好的開啟方式,按鈕提供乙個解釋,告訴使用者一些必要的幫助,這樣可以讓他獲得有意義的感覺.

感覺如何?

tips:

1.在空白狀態不是使用者體驗的臨時狀態或者次要部分你需要花時間設計.讓使用者和產品進行一種互動,讓使用者感到驚喜,解釋清楚功能,讓使用者知道他們應該關注什麼.

2.保持視覺上的簡單:簡潔清晰的圖示或者插畫,一般的影象都足夠了.

3.如果空白狀態是使用者自己觸發的,可以給予獎勵,讓使用者感到快樂.

4.如果空白狀態是由於使用者的錯誤導致的,你應該清楚的解釋如何解決這個問題,讓使用者不要驚慌,慢慢回到正軌.

空白狀態和其他設計元素一樣的,他們都是ux的一部分,都需要一起發揮作用。使用者介面需要讓資料資訊和資料行為達到一種微妙的平衡,乙個空白介面可以讓你的使用者到達你想要的效果,因此它值得關注.

rem在移動端的應用

1rem為頁面根目錄的字型大小。若 html 則1rem 20px 在移動頁面的具體應用。移動端的設計稿一般都是iphone6為基礎設計的,設計稿的寬為750px 手機的物理尺寸是375px 所以在用css的時候,設計尺寸需要初以2 要用rem完成移動端的適配,需要固定瀏覽器的顯示寬度不變。第一 設...

wangeditor在移動端的web應用

廢話不多說,直接上 前端 前端多說一句,在初始使用階段,不知道是怎麼回事,複製在看雲上的文件的配置引數時,一直有錯誤,後台獲取不到 file,整整一上午,下午上網搜了一下別人的上傳 才好用,不知道是不是官方弄錯了,咱也不敢說,咱也不敢問的 後端 後端是自己寫的,之前一直從網上扒人家的 昨天自己匆匆學...

SASS在HTML5移動應用開發中的應用方法

一 什麼是sass sass是一種css的開發工具,提供了許多便利的寫法,大大節省了設計者的時間,使得css的開發,變得簡單和可維護。本文總結了sass的主要用法。二 安裝和使用 2.1 安裝 sass是ruby語言寫的,但是兩者的語法沒有關係。不懂ruby,照樣使用。只是必須先安裝ruby,然後再...