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

原型交互注意细节

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

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

重点

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

通用

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

网页端

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

客户端(WIN&MAC)

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

移动端(H5&APP)

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

相关文章

  • 原型交互注意细节

    画了不少的原型,每次评审总能被找到一些这里那里漏掉的小的细节,最近正好看到了企业APP研究的这篇文章觉得如果能将平...

  • 交互说明怎么写?

    所谓交互说明,简单的理解就是对交互原型的解释、强调或补充的说明文字。原型页面往往无法展示全部的交互细节,即便完全做...

  • 交互说明这么写

    所谓交互说明,简单的理解就是对交互原型的解释、强调或补充的说明文字。原型页面往往无法展示全部的交互细节,即便完全做...

  • 理清思路做交互

    画原型应该是个占时较少的过程 交互设计需要重视细节但是构思原型时不应该过早地陷入到细节中去。 原型之前应该站在一个...

  • 界面文案小思

    最近在原型设计时候,发现界面文案也是交互体验必须要学习。细节决定交互设计的成败,私认为界面文案也是其中的一个细节。...

  • iPhoneX 和 iPhone8 手机壳交互原型模板v2.0

    iPhone8 手机壳交互原型(粉色): iPhone8 手机壳交互原型(白色): iPhoneX 手机壳交互原型...

  • Axure 交互原型基础篇

    交互原型软件,就两点:原型(线框图)和交互,原型是形,交互是质,掌握原型比较简单,只要掌握各个元器件的基本...

  • 待读日报设计过程展示

    待读日报交互原型

  • 乂学智适应教育——语文产品

    可交互原型查看链接

  • 交互设计师在整个产品中需要做的东西

    交互文档通常包含以下几部分: 一、设计综述 二、交互原型 三、可点击原型/动画demo ---- 一、设计综述: ...

网友评论

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

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