什么是缺省頁及作用

1炎疆、什么是缺省頁

缺省頁是頁面無內容或者異常的狀態(tài)時展示的頁面。

設計缺省頁作用是設計更好的用戶體驗偶芍,即在異常狀態(tài)下的給予用戶友好提示安撫用戶情緒纬黎。

根據(jù)異常的場景給予相關元素的缺省頁,在產(chǎn)品頁面相對應的場景特點來設計頁面內容闽晦。

2扳碍、缺省頁的運用的場景

例如在頁面無數(shù)據(jù)空白的頁面時,用戶進入后不知道是沒加載出來仙蛉,還是沒有數(shù)據(jù)笋敞,這個時候就需要缺省頁的提示啦。

缺省狀態(tài)包括:系統(tǒng)類荠瘪、信息類夯巷、空白類。

系統(tǒng)類:用戶請求服務器給予返回值失敗哀墓,并檢測到具體原因呈現(xiàn)成缺省頁趁餐,最好不要出現(xiàn)代碼的返回值。

常見的頁面有:加載失敗篮绰、服務器異常后雷、網(wǎng)絡異常 、無網(wǎng)絡、信號弱等提示臀突,一般頁面會有重新獲取等按鈕勉抓,方便用戶再次點擊,缺省頁可簡述失敗原因也可統(tǒng)一文案為網(wǎng)絡異常候学。

信息類:用戶請求服務器給予返回值成功藕筋,但數(shù)據(jù)異常情況的頁面。

數(shù)據(jù)異常時常見的頁面有 :內容已刪除梳码、商品已售空隐圾、 內容不存在、無權限等边翁。也可在列表顯示已搶完翎承、已下架等字樣。

空白類:用戶請求服務器給予返回值成功符匾,但無數(shù)據(jù)頁面叨咖,會需要缺省頁來表達。

常見的頁面有 :搜索無結果啊胶、無消息/無通知甸各、頁面無數(shù)據(jù)等;一些消費型產(chǎn)品無結果時下方可相似屬性產(chǎn)品的來引導用戶進行消費的目標焰坪。

3趣倾、缺省頁的樣式形式

根據(jù)場景特點來設計頁面內容,合理的圖案某饰、合理的提示文字信息來解決用戶的疑惑儒恋。

例如下圖,進入頁面根本不知道什么情況黔漂,無網(wǎng)絡诫尽?無數(shù)據(jù)?登錄失斁媸亍牧嫉?未加載出來?

缺省頁的表現(xiàn)形式為4種

第1種:圖形+文字信息

這種形式一般運用于系統(tǒng)性的響應或無內容的場景减途。

圖形:圖標酣藻、插畫來表達缺省鳍置;文字信息為或者“標題+描述”的結構表達缺省的原因辽剧。

如:您還沒有發(fā)表過帖子,如點到“我回復的”的模塊無內容税产,一定是“您還沒有回復帖子”怕轿。隨意原則就是標題加上描述內容即可坊夫。

第2種:圖形+文字信息+引導

一般應用于需要引導用戶操作的場景,用戶也可以在無數(shù)據(jù)等情況可以達到或提升操作的目的

如:抖音點擊無評論的視頻時撤卢,會直接進入評論的輸入頁面。

第3種:圖形+文字信息+按鈕

一般應用于引導用戶操作的場景梧兼,用戶也可以在無數(shù)據(jù)等情況提高跳出率放吩,用戶可以快速操作

如:對于一些關注或者是訂單類無數(shù)據(jù)時頁面,可以增加“去逛逛”“去看看”等按鈕羽杰。


第4種:圖形+文字信息+推薦內容

提升用戶體驗渡紫,幫助用戶在遇到困難時,更好地安撫用戶的情緒考赛。讓用戶有更多地消費空間與深度惕澎。讓用戶不跳出頁面就可以看到更多內容,增加用戶的消費時長和注意力颜骤。

例:在keep沒有活動時唧喉,下方增加推薦的課程,可以增加用戶的瀏覽及消費忍抽。


4八孝、設計高段位缺省頁的方法

(1)使用推薦內容

在無內容時增加推薦的數(shù)據(jù),最好推薦數(shù)據(jù)庫內熱門商品鸠项,根據(jù)用戶的瀏覽記錄更加準確的推薦相關內容干跛。

(2)增加緩存的方式

緩存內容代替缺省頁。適合部分的產(chǎn)品祟绊,如購物類楼入、音樂類等比較適合,不適合實時類新聞牧抽、金融等嘉熊。安撫用戶操作失敗等情況所帶來跳出率過高的風險。

(3)圖形表達準確

在缺省頁面上阎姥,簡單粗暴的就是放一個表達強烈的灰色icon记舆,凸顯當前頁面的狀態(tài)。有精力和時間的話還是多處理細節(jié)呼巴,一些精美活潑生動的插畫泽腮,讓用戶更加放松,心情愉悅衣赶。

如圖1:私信無數(shù)據(jù)時诊赊,一個空盒子配上文字“您還沒有聊天記錄”;

圖2:根據(jù)企業(yè)的企業(yè)色和吉祥物精美的畫出相關的缺省圖案府瞄。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末碧磅,一起剝皮案震驚了整個濱河市碘箍,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鲸郊,老刑警劉巖丰榴,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異秆撮,居然都是意外死亡四濒,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門职辨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盗蟆,“玉大人,你說我怎么就攤上這事舒裤≡剩” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵腾供,是天一觀的道長仆邓。 經(jīng)常有香客問我,道長伴鳖,這世上最難降的妖魔是什么宏赘? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮黎侈,結果婚禮上察署,老公的妹妹穿的比我還像新娘。我一直安慰自己峻汉,他們只是感情好贴汪,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著休吠,像睡著了一般扳埂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上瘤礁,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天阳懂,我揣著相機與錄音,去河邊找鬼柜思。 笑死岩调,一個胖子當著我的面吹牛,可吹牛的內容都是我干的赡盘。 我是一名探鬼主播号枕,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼陨享!你這毒婦竟也來了葱淳?” 一聲冷哼從身側響起钝腺,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎赞厕,沒想到半個月后艳狐,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡皿桑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年僵驰,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唁毒。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖星爪,靈堂內的尸體忽然破棺而出浆西,到底是詐尸還是另有隱情,我是刑警寧澤顽腾,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布近零,位于F島的核電站,受9級特大地震影響抄肖,放射性物質發(fā)生泄漏久信。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一漓摩、第九天 我趴在偏房一處隱蔽的房頂上張望裙士。 院中可真熱鬧,春花似錦管毙、人聲如沸腿椎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽啃炸。三九已至,卻和暖如春卓舵,著一層夾襖步出監(jiān)牢的瞬間南用,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工掏湾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留裹虫,地道東北人。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓融击,卻偏偏與公主長得像恒界,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子砚嘴,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內容