译文|交互设计的基本元素

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

文章译自usability.gov,转载请先询问笔者意见并注明出处。

1332011-f6350029052c73c8

交互设计专注于以深思熟虑后的措施来创造引人入胜的用户界面。了解用户和技术之间如何相互交流是这个领域的基础。有了这一层了解,你就可以预测用户会如何与系统交互,从而尽早地解决问题,以及发明出新的行为方式。

交互设计的最佳实践

在创建包含有交互式元素的数字产品时,请问下你自己以下这些交互设计需要考虑的问题——

1332011-31f74b8c34974a0d

一、定义好用户如何与界面交互

1.用户用他们的鼠标,手指或手写笔直接与界面交互能做到什么?

这里面也包括了点按钮,在界面间拖拽和放置等等。

2.用户能通过什么命令(这个命令本身不是产品的一部分)与界面交互?

“间接操控”的一个例子是当一个用户按下“ctrl+c”的时候,他们希望能够复制一块内容。

1332011-7050e554e866ebed-2

二、在用户行动之前给予他们行为的线索

1.所有的外观(比如颜色、形状、大小等)是否为用户提供如何使用功能的线索?

所有这些都将会帮助用户理解如何使用界面。

2.你提供了什么样的信息,以让用户在执行操作之前知道接下来到会发生什么?

这个问题的答案,告诉了用户如果他们决定继续其行动后将会发生什么。这些信息可能包括,有意义的按钮标签,提交前的最后指令,等等。

1332011-dd64e590b86efe2f

三、预测并减少错误

1.你是否在合适的位置放置了约束,以防止用户犯错?

防错法的原则中提到,放置这些约束将可以迫使用户调整自己的行为,以推进他们原先计划的行动。

2.你提供给用户的错误信息是否为用户提供了纠正错误的方法或者解释问题是如何发生的?

有用的错误信息应该要给出解决方案以及使用环境。

四、考虑系统的反馈和响应时间

1.当用户执行一次动作后会得到什么反馈?

当用户参与并执行一个动作时,系统需要作出响应,表明系统已经得知用户的行动,并让用户知道系统当前正在做什么。

2.动作和产品的响应之间的时间有多长?

响应性(延迟)的特点可以分成四个等级:立即(小于0.1秒),迟顿(0.1-1秒),中断(1-10秒),损坏(超过10秒)。

1332011-cb1ab748f4703803

五、战略性地思考每一个元素

1.界面元素是否有一个合理的可交互的大小?

费茨定律说明了,元素,比如说按钮,需要有足够的大小,用户才能够顺便地点击它。这在移动环境中是特别重要的,因为移动界面极为可能包括多个触摸组件。

2.边框和圆角是否有被战略性地使用于定位交互元素,比如菜单?

费茨定律还说明了,因为边框能提供鼠标或手指不能越过的边界,这往往为菜单和按钮提供了很好的位置。

3.你是否遵循了规范?

用户对界面元素应该如何工作有一些既成的理解。除非有比旧的方法更加优秀的新方法,你才应该去背离标准。

1332011-58862dfb6f3b5d78

六、适当简化以提高易学性

1.信息是否被划分成7(±2)块?

乔治·米勒发现,在人们忘记或搞错之前,只能维持五到九项短期记忆。

2.用户端是否已经被尽可能地简化?

特斯位的守恒定律指出,你需要试着在用户端尽可能消除复杂性,并能通过构建好系统本身来解决复杂性问题。除此之外,他还指出,要记住一件事情在保持功能正常的前提下只能简化到某个一定的程度。

3.你是否使用了用户较为熟悉的模式?

希克斯定律指出,用户做出决策的时间由三个方面决定的——用户有多熟悉当前的模式,有多熟悉选项,以及他们需要从中选择的选项的数量。

上述内容的引用来自以下的书籍或文章——

  • 《为交互而设计:构建创新的应用和设备(第二版)》
  • 《万维网的信息体系结构:设计大规模网站》
  • 《交互设计初学者的完全指南》
  • 《交互设计简介》

#专栏作家#

IrioLee,简书ID@IrioLee,人人都是产品经理专栏作家,学习和专注于交互设计,用户体验设计,关注web设计和移动互联网产品,专业逛各类设计网站,摸索设计认知,翻译好文共享,爱好摄影,旅行和绘画,其他爱好发展中~

本文原创发布于人人都是产品经理,未经作者许可,不得转载。

您的赞赏,是对我创作的最大鼓励。

评论( 0

登录后参与评论
加载中