「空」的藝術 當資料為空時顯示什麼

2021-07-27 17:25:31 字數 1076 閱讀 2390

第一次寫使用者體驗方面的博文,好雞凍好緊張...

一、前言

頁面內容為空時,我們把它稱為「空狀態」,也就是對前端來說沒有資料的時候。

這時候你要是說空即是色那就太把使用者當傻子了...

於是乎,你就看到了這樣的設計:

二、目的與價值

1. 引導使用者,不會搞得使用者雲裡霧裡,然後直接棄了此應用

2. 告知使用者本頁面/區域所幹的核心業務

3. 讓頁面顯得更飽滿

建立愉快的使用者體驗:功能(解決使用者問題)、可用(容易學習,易於使用)、愉快的(空狀態是建立愉快的絕好機會,個性化的設計點)

三、其他要點

1. 避免進入死胡同

實在慚愧,之前我參與的微官網在這方面做得都不佳,比如到了積分兌換頁空白一片啥都沒有,即沒有返回按鈕也沒有提示。

2. 簡單直觀的設計與文案

如果每次看到的都是 -- 沒有資料 -- 那太沒意思了吧,不如加上一些更絢麗好玩的元素吧。

但同時也必須要保證直觀,是沒有資料/需要其他操作/操作失敗/未知錯誤...還是什麼,簡單明瞭。

3. 引導/鼓勵/推薦使用者執行

比如在積分兌換頁告訴使用者可以怎樣弄到積分,在購物車進行其他商品的推薦等等

4. 錯誤的情感帶入

四、總結

「空狀態」 並非真的空,讓使用者看到的只是白色一片,

而應重視設計與邏輯中的每個狀態,每個狀態其實都有意義,

同樣對使用者也充滿了的驅動、參與和喜悅。

當td為空時怎樣顯示其邊框

之前總結了下如何用 css 來實現 table 的 border bordercolordark bordercolorlight 的邊框明暗效果,然後有問我為什麼他寫了乙個類似的 css 樣式,但只能在 opera 下正常看到 的邊框效果,ie 下則什麼也沒有。下了個 opera9 一看,確實如此...

Oracle 當輸入引數允許為空時

場景 有乙個儲存過程p test 帶有多個輸入引數code name number p test code in varchar2,namein varchar2,number in varchar2,resultlist out sys refcursor 但是業務上要求這三個引數都允許為空,也就...

Oracle 當輸入引數允許為空時

場景 有乙個儲存過程p test 帶有多個輸入引數code name number p test code in varchar2,namein varchar2,number in varchar2,resultlist out sys refcursor 但是業務上要求這三個引數都允許為空,也就...