美文网首页原型
原型交互注意细节

原型交互注意细节

作者: 机智的芥末酱 | 来源:发表于2015-03-21 17:51 被阅读218次

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

    重点

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

    通用

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

    网页端

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

    客户端(WIN&MAC)

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

    移动端(H5&APP)

    • 移动客户端横竖屏的不同是现实方式
    • 移动客户端,多点触摸,手势的操作和动画过程

    相关文章

      网友评论

      本文标题:原型交互注意细节

      本文链接:https://www.haomeiwen.com/subject/huowxttx.html