原型交互注意细节

画了不少的原型,每次评审总能被找到一些这里那里漏掉的小的细节,最近正好看到了企业APP研究的这篇文章觉得如果能将平时犯得错总结一下也是比较好的,将该文章中提到的不少交互细节都放入了文章中,同时也将自己遇到的一些也尽量放入其中,尽量能够在以后避免这样的一系列的问题。
此文会尽量保证不定时的更新

重点

  • 保证操作闭环(例如:有完成就有该有取消完成)

通用

  • 列表项目为空时的显示效果
  • 载入过慢时,载入过程中的提示
  • 按钮,图标,链接不可用时,如何呈现
  • 网络状况差时的交互反馈
  • 系统出错时的呈现方式,提示文案中不能带有技术性描述
  • 文本长度超过标准被截断时该如何显示
  • 修改文本框内容,在获取焦点时,是全选还是将插入点放在文本末尾(编辑还是替换内容)
  • 下拉框,列表框的默认定位
  • 用户操作成功或失败的反馈,超时的反馈,系统崩溃的反馈
  • 时间的展现方式,例如年月日YYYY-MM-DD,也可以YY-MM-DD,比如13点,是显示下午1:00呢还是显示13:00
  • 选中与被选中的状态
  • 每一个功能的,每个操作,都要考虑到相关的元素

网页端

  • 偏操作的产品,对话框内的按钮,需要有一个默认选中,以支持键盘enter操作。
  • 鼠标的响应范围
  • 提供多种分辨率的展示
  • 导出时的字段,以及数量

客户端(WIN&MAC)

  • 偏操作的产品,对话框内的按钮,需要有一个默认选中,以支持键盘enter操作。
  • 鼠标的响应范围
  • 提供多种分辨率的展示
  • 导出时的字段,以及数量

移动端(H5&APP)

  • 移动客户端横竖屏的不同是现实方式
  • 移动客户端,多点触摸,手势的操作和动画过程
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容