交互设计自查表
序号类别功能点
主色决定了品牌方向
色彩心理不超过三种色相的搭配
明快的颜色和明暗的色彩搭配能使画面更有层次感和朝气
主色决定了品牌方向
运用相似性来进行色彩呼应,画面更有节奏感和舒适性
运用颜色渐变穿插,让界面平衡在一个频率上与硬件交互
网络特性网络慢/网络超时、无网络/网络环境变化不稳定
缓存相关
加载失败
从A到B状态动效
考虑载入时间
2.是否动效
3.长时间未获取到数据如何处理
动画过程
当前状态效果
中间过程
内容展现数据展现
咨询源
其他
用户个人属性登录状态
账号
特殊轻量状态无图模式/编辑模式
输入与选择表单填写
表单验证
表单反思
表单交互
控件呈现控件展现
控件样式/交互行为
控件状态
文案展现文案
核心词汇
反馈操作成功
操作失败
操作中
加载过程
动效
异常异常操作
错误操作
其他是否需要新手引导
Tab使用
2) 被选中的选项卡和底下的区域要保持同色或接近同色。
3)禁止选项卡里面使用滚动条
4)尽量使用竖向选项卡代替横向选项卡
Web架构层级
宽度
文字字体大小间距对齐与间距
描述
不超过三种色相的搭配
更有层次感和朝气
节奏感和舒适性
网络速度很慢,有无引导、提示、安抚
是否缓存上次内容,页面有缓存或无缓存如何表现
加载失败时是否重新加载
点击瞬间/载入中
1.载入时间
用户能到自助取消,如何提示
空状态/大量数据/权限隐私/网络数据过期/数据规则(按什么规则排序)/数据格式/数据极值
自主订阅/特殊咨询等
图片、视频/文字共存状态
不同账号切换
意外情况是否保存
是否提供默认值/是否允许复制
是否提供了提示和判断
是否存在不必要的输入
是都指定键盘类型和键盘引起的页面滚动
符合用户认知
是否具有一致性
可用/不可用状态
句式是否一致/描述是否有温度
是否一致、准确
连续多次点击给予反馈
404、即将上线、页面失效、服务下线、系统繁忙,考虑出错页面内容情感化表达以减弱用户受挫感
1) 选项卡不要超过5个,最多不能超过7个。可以考虑使用2级选项卡来减少数量。
层级越少越好,最佳不超过3级,点击3次以内能看到用户想看的内容每个层级下架构的宽度都不应该太宽,一般7+2
参考UI设计规范
自居小于行距,行距小于段距,段距小于块距
是否自查