画了不少的原型,每次评审总能被找到一些这里那里漏掉的小的细节,最近正好看到了企业APP研究的这篇文章觉得如果能将平时犯得错总结一下也是比较好的,将该文章中提到的不少交互细节都放入了文章中,同时也将自己遇到的一些也尽量放入其中,尽量能够在以后避免这样的一系列的问题。
此文会尽量保证不定时的更新
重点
- 保证操作闭环(例如:有完成就有该有取消完成)
通用
- 列表项目为空时的显示效果
- 载入过慢时,载入过程中的提示
- 按钮,图标,链接不可用时,如何呈现
- 网络状况差时的交互反馈
- 系统出错时的呈现方式,提示文案中不能带有技术性描述
- 文本长度超过标准被截断时该如何显示
- 修改文本框内容,在获取焦点时,是全选还是将插入点放在文本末尾(编辑还是替换内容)
- 下拉框,列表框的默认定位
- 用户操作成功或失败的反馈,超时的反馈,系统崩溃的反馈
- 时间的展现方式,例如年月日YYYY-MM-DD,也可以YY-MM-DD,比如13点,是显示下午1:00呢还是显示13:00
- 选中与被选中的状态
- 每一个功能的,每个操作,都要考虑到相关的元素
网页端
- 偏操作的产品,对话框内的按钮,需要有一个默认选中,以支持键盘enter操作。
- 鼠标的响应范围
- 提供多种分辨率的展示
- 导出时的字段,以及数量
客户端(WIN&MAC)
- 偏操作的产品,对话框内的按钮,需要有一个默认选中,以支持键盘enter操作。
- 鼠标的响应范围
- 提供多种分辨率的展示
- 导出时的字段,以及数量
移动端(H5&APP)
- 移动客户端横竖屏的不同是现实方式
- 移动客户端,多点触摸,手势的操作和动画过程
网友评论