用户交互_缺省
缺省页指页面信息的异常反馈;缺省页是设计过程中最容易忽略的地方,它的作用不仅是提醒用户,安抚情绪;更重要的通过触发某操作用“异常页面”反馈用户的操作行为,营造良好用户体验。
一、缺省页的设计原则
1、明确指示该页面会出现的数据,尝试让用户体验样本,可体现在icon设计上;
2、在没有内容时,鼓励用户去创建内容;
3、明确的引导空页面的走向;
二、缺省页的表现形式
2.1、图形+文案
图形:是一些可以表示“空白”隐喻的图案或者是logo相关的icon设计;
文字:通常为“标题”或“标题+描述”结构;
标题通常是解释此处空白的原因;如“无消息”、“网络出问题啦”等;
说明则解释出现此状况的原因和解决办法,如“您还没有任何消息,您可“+”发布新消息”、“请检测网络状况后再次尝试”
注:“标题”和“说明”非必配项,可根据需要选择;“标题”和“说明”至少保留一项。
2.2、图形+文案+引导
图形:是一些可以表示“空白”隐喻的图案或者是logo相关的icon设计;
文字:通常为“标题”或“标题+描述”结构;
标题通常是解释此处空白的原因;如“无消息”、“网络出问题啦”等;
说明则解释出现此状况的原因和解决办法,如“您还没有任何消息,您可“+”发布新消息”、“请检测网络状况后再次尝试”
注:“标题”和“说明”非必配项,可根据需要选择;“标题”和“说明”至少保留一项。
引导:引导用于“信息层”和“空白层”,但是结合缺省页面,加入引导,用户进行某项行为或者感知某些信息,对于功能的教学和使用频率的提升有着重要作用。
三、缺省页类型
系统层:本地请求异常;如:无网络、服务器异常等
信息层:请求成功,数据异常;如内容已删除、已下架等;
空白层:请求成功,无数据;最常见的空页面或空状态;
3.1、系统层缺省页
系统层缺省页是指当用户请求服务器时,请求提交失败,并检测到失败原因时呈现的落地页;常用的系统层缺省页如网络异常、服务器异常,请求失败等…
3.2、信息层缺省页
信息层缺省页是指用户请求服务器成功,返回数据异常时检测到数据异常的落地页面;常用的信息层缺省页如内容已删除、商品已下架等…
3.3、空白层缺省页
空白层缺省页是指用户请求服务器成功,返回数据正常且无内容的落地页面;内容页在无数据时需要缺省状态进行表达;常用的空白层缺省页游无订单、无优惠券、无消息等…
总结
以上为本次针对“加载、刷新、反馈”做出的归类和总结;
在整理公司移动端交互规范指南时,突发奇想发篇文章与大家进行交流;如有不足,还请各位看官加以指正;
后续小编将持续更新关于交互设计指南用户交互章节的相关设计要点。
注:图片资源来源于网络,设计资料内容来自于个人的相关看法及一些相关资料的总结。