| 分享设计师专业表达指南——细节篇(2) | |
| 【返回本版】 【发表帖子】 【回复帖子】 | 浏览量 1136 回帖数 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 |