第一次寫使用者體驗方面的博文,好雞凍好緊張...
一、前言
頁面內容為空時,我們把它稱為「空狀態」,也就是對前端來說沒有資料的時候。
這時候你要是說空即是色那就太把使用者當傻子了...
於是乎,你就看到了這樣的設計:
二、目的與價值
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 但是業務上要求這三個引數都允許為空,也就...