淺談用戶交互“缺省”的設(shè)計(jì)解析

用戶交互_缺省

缺省頁指頁面信息的異常反饋雄妥;缺省頁是設(shè)計(jì)過程中最容易忽略的地方,它的作用不僅是提醒用戶盈咳,安撫情緒蘑斧;更重要的通過觸發(fā)某操作用“異常頁面”反饋用戶的操作行為靖秩,營造良好用戶體驗(yàn)。




一竖瘾、缺省頁的設(shè)計(jì)原則

1沟突、明確指示該頁面會出現(xiàn)的數(shù)據(jù),嘗試讓用戶體驗(yàn)樣本捕传,可體現(xiàn)在icon設(shè)計(jì)上惠拭;

2、在沒有內(nèi)容時乐横,鼓勵用戶去創(chuàng)建內(nèi)容求橄;

3、明確的引導(dǎo)空頁面的走向葡公;




二罐农、缺省頁的表現(xiàn)形式


2.1、圖形+文案

圖形:是一些可以表示“空白”隱喻的圖案或者是logo相關(guān)的icon設(shè)計(jì)催什;

文字:通常為“標(biāo)題”或“標(biāo)題+描述”結(jié)構(gòu)涵亏;

? ? ? ? 標(biāo)題通常是解釋此處空白的原因;如“無消息”、“網(wǎng)絡(luò)出問題啦”等气筋;

? ? ? ? 說明則解釋出現(xiàn)此狀況的原因和解決辦法拆内,如“您還沒有任何消息,您可“+”發(fā)布新消息”宠默、“請檢測網(wǎng)絡(luò)狀況后再次嘗試”

? ? ? ? 注:“標(biāo)題”和“說明”非必配項(xiàng)麸恍,可根據(jù)需要選擇;“標(biāo)題”和“說明”至少保留一項(xiàng)搀矫。

2.2抹沪、圖形+文案+引導(dǎo)

圖形:是一些可以表示“空白”隱喻的圖案或者是logo相關(guān)的icon設(shè)計(jì);

文字:通常為“標(biāo)題”或“標(biāo)題+描述”結(jié)構(gòu)瓤球;

? ? ? ? 標(biāo)題通常是解釋此處空白的原因融欧;如“無消息”、“網(wǎng)絡(luò)出問題啦”等卦羡;

? ? ? ? 說明則解釋出現(xiàn)此狀況的原因和解決辦法噪馏,如“您還沒有任何消息,您可“+”發(fā)布新消息”绿饵、“請檢測網(wǎng)絡(luò)狀況后再次嘗試”

? ? ? ? 注:“標(biāo)題”和“說明”非必配項(xiàng)欠肾,可根據(jù)需要選擇;“標(biāo)題”和“說明”至少保留一項(xiàng)拟赊。

引導(dǎo):引導(dǎo)用于“信息層”和“空白層”董济,但是結(jié)合缺省頁面,加入引導(dǎo)要门,用戶進(jìn)行某項(xiàng)行為或者感知某些信息,對于功能的教學(xué)和使用頻率的提升有著重要作用廓啊。




三欢搜、缺省頁類型

系統(tǒng)層:本地請求異常;如:無網(wǎng)絡(luò)谴轮、服務(wù)器異常等

信息層:請求成功炒瘟,數(shù)據(jù)異常;如內(nèi)容已刪除第步、已下架等疮装;

空白層:請求成功,無數(shù)據(jù)粘都;最常見的空頁面或空狀態(tài)廓推;

3.1、系統(tǒng)層缺省頁

系統(tǒng)層缺省頁是指當(dāng)用戶請求服務(wù)器時翩隧,請求提交失敗樊展,并檢測到失敗原因時呈現(xiàn)的落地頁;常用的系統(tǒng)層缺省頁如網(wǎng)絡(luò)異常、服務(wù)器異常专缠,請求失敗等…

3.2雷酪、信息層缺省頁

信息層缺省頁是指用戶請求服務(wù)器成功,返回?cái)?shù)據(jù)異常時檢測到數(shù)據(jù)異常的落地頁面涝婉;常用的信息層缺省頁如內(nèi)容已刪除哥力、商品已下架等…

3.3、空白層缺省頁

空白層缺省頁是指用戶請求服務(wù)器成功墩弯,返回?cái)?shù)據(jù)正常且無內(nèi)容的落地頁面吩跋;內(nèi)容頁在無數(shù)據(jù)時需要缺省狀態(tài)進(jìn)行表達(dá);常用的空白層缺省頁游無訂單最住、無優(yōu)惠券钞澳、無消息等…




總結(jié)

以上為本次針對“加載、刷新涨缚、反饋”做出的歸類和總結(jié)轧粟;

在整理公司移動端交互規(guī)范指南時,突發(fā)奇想發(fā)篇文章與大家進(jìn)行交流脓魏;如有不足兰吟,還請各位看官加以指正;

后續(xù)小編將持續(xù)更新關(guān)于交互設(shè)計(jì)指南用戶交互章節(jié)的相關(guān)設(shè)計(jì)要點(diǎn)茂翔。

注:圖片資源來源于網(wǎng)絡(luò)混蔼,設(shè)計(jì)資料內(nèi)容來自于個人的相關(guān)看法及一些相關(guān)資料的總結(jié)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末珊燎,一起剝皮案震驚了整個濱河市惭嚣,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌悔政,老刑警劉巖晚吞,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異谋国,居然都是意外死亡槽地,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進(jìn)店門芦瘾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來捌蚊,“玉大人,你說我怎么就攤上這事近弟∶逶悖” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵藐吮,是天一觀的道長溺拱。 經(jīng)常有香客問我逃贝,道長,這世上最難降的妖魔是什么迫摔? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任沐扳,我火速辦了婚禮,結(jié)果婚禮上句占,老公的妹妹穿的比我還像新娘沪摄。我一直安慰自己,他們只是感情好纱烘,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布杨拐。 她就那樣靜靜地躺著,像睡著了一般擂啥。 火紅的嫁衣襯著肌膚如雪哄陶。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天哺壶,我揣著相機(jī)與錄音屋吨,去河邊找鬼。 笑死山宾,一個胖子當(dāng)著我的面吹牛至扰,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播资锰,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼敢课,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了绷杜?” 一聲冷哼從身側(cè)響起直秆,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鞭盟,沒想到半個月后切厘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡懊缺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了培他。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鹃两。...
    茶點(diǎn)故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖舀凛,靈堂內(nèi)的尸體忽然破棺而出俊扳,到底是詐尸還是另有隱情,我是刑警寧澤猛遍,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布馋记,位于F島的核電站号坡,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏梯醒。R本人自食惡果不足惜宽堆,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望茸习。 院中可真熱鬧畜隶,春花似錦、人聲如沸号胚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽猫胁。三九已至箱亿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間弃秆,已是汗流浹背届惋。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留驾茴,地道東北人盼樟。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像锈至,于是被迫代替她去往敵國和親晨缴。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評論 2 355

推薦閱讀更多精彩內(nèi)容