核心关注
- logo 保证清晰度与大小
- 功能 icon 风格统一
- 页面视觉元素（icon，字体，间距等）风格统一
- 图片素材清晰不变形
- 页面过渡动画流畅
- 真机渲染效果与本地开发效果 UI与功能保持一致
- 不同端的样式与功能兼容是否正常
- 页面加载速度，考虑是否必要第三方库或者图片过大（压缩不超过100k）
- 考虑不同用户角色UI功能是否符合预期
- 页面缺省状态表达
界面
- 页面布局符合规范（垂直水平居中、不要有横向滚动条）
- 文字字体, 大小，超过长度省略号
- 样式兼容，对比ios, andriod（iphone刘海，安卓虚拟键）
- webview头与 h5模拟头部导航（要考虑：吸顶，后退逻辑， 刘海屏适配 ）
- 1px 像素特殊处理
- font-family 字体在真机是否一致
- 多个信息弹窗层级划分
- 贴顶布局兼容性 position: fixed;
-
用户反馈 - 操作均有及时反馈
表单规则验证，字符限制，短信验证自动填充限制，港澳台敏感词
- 可点击区域是否合理
- 失败操作的反馈，提供了解释与建议
- 弹窗弹出效果与滚动穿透
- 列表操作：滚动加载（加载前，加载中，加载完成，底线文案）、下拉刷新
- 限制用户重复提交按钮节流并提示
- 搜索框输入节流
- 滚动满距离显示【返回顶部】按钮
- app未授予手机访问权限提示（例如图片保存本地和推送）
- 关键操作弹confirm窗
- 各种登录状态作出应对（未登录、注销后、账号切换、游客账号）
- 上传或下载文件显示进度与结果
- app版本升级提示（当前版本不支持的功能弹窗提示）
- 微信与app 客户端功能差异化处理（看视频广告，分享，保存图片）
-
架构与流程
遇问题及时反馈
- 导航间关系清晰易理解
- 页面中信息层级清晰合理，信息视觉流流畅、重点明确
- 请求异常拦截与提示
- 操作路径符合用户预期
数据与显示
- 数据内容缺失显示默认图片/占位符
- 字数多行省略
- 数据极值考虑溢出情况
- 加载中状态
- 定义页面绑定变量与后端接口数据类型保持一致性（不能再出现 数字类型返回字符串）
- 接口字段缺省做过滤处理
网络
- 特殊网络状态作出应对（弱网、超时、无网
- 弱网 - 渐进加载处理
- 超时 - Toast 提示处理
- 无网 - 引导用户排查网络故障图文说明
- 404 处理
文案
- 不存在错别字
- 文案简洁易懂，无歧义
过程
- webview 后退主动刷新逻辑
- 定时器锁屏后续时操作
- 图片懒加载与预加载
- 滚动钩子节流防抖
- 离开页面解绑定时器与绑定事件
动画
- 是否流畅、是否提升用户体验
- 开启3d加速注意字体模糊问题
- 少用Gif
- 考虑震动与音效
- 预先加载动画资源
若有收获，就点个赞吧
0 人点赞
