分享设计师专业表达指南——细节篇(2)
返回本版】  【发表帖子】  【回复帖子 浏览量  452      回帖数 0
lanlan123    等级  

楼主 发表于  2019/9/18 16:45:13    编 辑   


谈到页面时,首先要谈的是加载状态,毕竟页面不是凭空就有的。
二、加载状态
加载状态主要要考虑以下几点:
1. 是否预加载
预加载的时机是什么时候,预加载的内容有多少?(对于用户会长时浏览的内容,一般建议预加载,预加载的内容一般会结合内容大小、浏览时长、甚至网络状态综合决定)
2. 加载前的状态
在信息未加载出来前,界面是显示空白引导,还是默认占位符,还是显示上一次的缓存内容?(一般有缓存优先显示缓存,无缓存先显示默认占位符,等内容加载完成后再进行替换)
3. 加载进度显示
是否显示加载图标,进度条,是否可以取消加载?(一般情况下等待超过0.1S,就能够被用户感知到,就建议显示加载图标,以便用户知道程序已经接收到并在响应用户的操作指令。如果等待超过1秒,就建议显示进度条,并提供取消操作,便于用户自主控制)
4. 加载机制
是全部加载,还是分布加载显示?(一般情况下,在2~3屏内的有限内容,或者完全非同类的内容,是可以一次性全部加载的,因为用户可能就是冲着某一类内容进来的,很可能会快速滑动到目标内容。
而对于同类型的图文信息,而且是内容比较多时,一般都会采取分布加载的形式,避免浪费多数用户的流量。
视频播放机制、广告图片加载等,一般还要考虑网络情况,一般WIFI情况下,因为对流量及网速的要求低,所以采用自动播放视频,自动显示图片、播放广告等,更容易被用户所接收)
5. 加载超时处理
是否自动重试加载,何时进行超时提示等。(很多产品在设计时,如果不是完全无网络,仅仅是网络信息不稳定,会尝试自动加载,以避免用户手动操作。如果自动加载超过上限,才会提示让用户稍后再试)
页面加载出来后,就要考页面本身的状态了。
三、页面状态
需要考虑的异常页面状态主要有以下几种:
1.无内容,或者内容被删除后的空状态。(一般会有一个默认引导图,告知结果,并附加鼓励操作的行为引导);
2.有内容时,且内容比较丰富时,要考虑各种内容及条数的多种组合样式,特别是极端组合样式,要检查一下看起来是否合理,是否影响整体界面样式;
3.是否需要新功能引导。比如有新功能,希望用户尝试,或这是进行设计重构以后,功能布局发生了变化,要考虑用户是否还能找到原来的功能;
4.页面时效性。活动类有时效性的内容,还需要考虑超过有效期后是否显示,以及如何显示,一般刚结束,都需要有一个收尾页面,便于用户查看活动结果。活动下线后可能还有一个下线不可访问页面,引导用户向其他活动,或者其他功能页面进行转移。
考虑完整体页面后,最后再来考虑一下页面内的组件状态。先来看一下输入类。
四、输入框/文本框
输入框/文本框要考虑的主要有三点
1.默认状态。是否有默认提示,是仅仅是填写提示,还是可以直接提交的示范内容?(现在越来越多的产品,为了减少用户的输入成本,开始在默认框中填入示范文本,考虑一下你的产品是否需要);
2.不可用状态,考虑是否需要;
3.输入状态及反馈。这个要考虑的会多一点,主要包括正确/错误的实时反馈,超过输入上线时的处理方式(截断or提示)、输入非标准字段的包容性,以及输入内容是否实时保存。
最后看一下非输入类的操作组件。
五、文本/图标按钮、连接诶、可操作的卡片/列表
“文本/图标按钮、链接、可操作的卡片/列表”要考虑一下几点:
1默认状态。没什么好说的;
2悬停状态,是否需要有悬停tips提示,这个一般只有PC端才有;
3按下状态,也称点击态。(一般需要设置单独的视觉样式,以给用户明确的视觉反馈,正在响应用户的操作);
4弹起状态,也称已点击或者已查看的状态(对于同类型的多条并列信息,通常建议添加已点击/查看状态,或者返回时,让用户明确点击的的选项,确认浏览的进度位置);
5不可点击状态。说明不可点击的条件即可。
如果设计完成后,初步检查以上五项内容,基本上可以确定主题流程的主要设计内容已经面面俱到了。
更多文章就在蓝蓝设计每日一贴,蓝蓝设计为广大企业提供交互设计、UI界面设计、嵌入式显示屏界面设计开发、图标icon设计、大型网站设计、用户体验等等,欢迎访问,开始愉快的合作!
网站:www.lanlanwork.com
全国统一客服热线:400-608-6026
公司邮箱:weibaobei@163.com 

1
表情
所有内容均为会员自愿发表,并不代表本站立场.