交互设计方案也需要测试和评估的!

 

对于一个交互设计在最终上线之前我们要对整体进行评估,那么又有什么评估的方法呢?

@elya:对架构、布局、内容、行为四个方面对照检查

1.架构和导航Architecture and navigation

¨ 是否采用了用户熟悉或容易理解的结构?

¨ 是否能识别当前在网站中的位置?

¨ 是否能清晰表达页面之间的结构?

¨ 是否能快速回到首页/主要页面?

¨ 链接名称与页面名称是否相对应?

¨ 当前页面的结构和布局是否清晰?

2.布局和设计Layout and design

¨ 是否采用了用户熟悉的界面元素和控件?

¨ 界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、容易识别、一致?

¨ 界面元素/控件之间的关系是否表达正确?

¨ 主要操作/阅读区域的视线是否流畅?

¨ 其他文本(称谓、提示语、提供反馈)是否一致?

3.内容和可读性Content and readability

¨ 文字内容的交流对象是用户吗?

¨ 语言是否简洁、易懂、礼貌?

¨ 内容表达的含义是否一致?

¨ 重要内容是否处于显著位置?

¨ 是否在需要时提供必要的信息?

¨ 是否有干扰视线和注意力的元素?

4.行为和互动Behavior and interaction

¨ 是否告知、引导用户可以做什么?

¨ 是否告知需要进行哪些步骤?

¨ 是否告知需要多少时间完成?

¨ 是否告知第一步做什么?

¨ 是否告知输入/操作限制?

¨ 是否有必要的系统/用户行为反馈?

¨ 是否允许必要的撤销操作?

¨ 是否页面上所有操作都必须由用户完成?

¨ 是否已将操作步骤、点击次数减至最少?

¨ 是否所有跳转都是必须的(无法在当前页面呈现)?

@马力:交互设计的评估通常有以下方法

1. 启发式评估方法&专家评估

利用一些已有的设计原则和行业准则等,由有经验的设计师,按照这些原则、Checklist进行评估。你可以按照这些原则去检查设计,看看是不是有违反这些原则的设计漏洞,通常通过这种检查,你可以快速的找到一些问题。

2. Usability Testing(可用性测试)

由有经验的设计师(或者可用性专员等等,any title),对产品进行分析,找出关键的Use Case,然后根据这些Use Case撰写脚本,布置出一些任务来。

同时,根据产品的用户群,选择一些有代表性的用户,邀请这些用户和你一起来做可用性测试。注意,这些用户叫做“参试”,而心理学上通常叫“被试”,这是有区别的,要明确你是要和用户一起测试产品,而不是去测试他们自己。

测试时通常有一个主持人来陪同用户,按照事先拟定的脚本,一步步来使用产品,主持人需要在过程中紧密的观察用户的使用,发现问题并和用户沟通(一定要让用户很放松,很自然,国内用户通常会紧张)。当用户操作发生错误,或者迷惑不解等等时,主持人就要重点留意,并挖掘出用户出现这些问题背后的原因是什么。

如此这般,可以发现很多有价值的可用性问题,然后来改善设计。参试的人数一般7~8个人就可以(当然还要看产品的具体情况,用户群的大小、集中程度等等),如果你是快速迭代的测试,5个人甚至都可以。

3. Log分析

可以在软件/应用/Web里记录Log,来分析用户的行为。Log里可以包含各种你想记录下来的行为/事件,如点击次数、停留时间、从那个地方离开的,等等,当然如果你要分析具体的交互设计的话,最好一开始能有一个假设,建立一个模型,例如什么样的数据会证明这个设计是好的,或者是差的,是点击率的高低?是两个数值之间的联系?等等。

4. A/B Test

可以出两个或者多个交互设计的方案,同时放出来让用户使用(需要控制用户群体),然后根据数据(或者用户反馈),来比较选择某一个更优的方案。需要注意的有两点:

(1)方案本身要注意控制哪些是变化的因素哪些是不变的,例如一个方案用的是按钮,而另一个方案里是链接,其他的地方都不变,这样根据点击率就可以知道哪个更好一些,如果你同时又变化了别的内容,例如一个加图片,另一个不加,就很难分的清是哪个影响的了。

(2)用户群要控制好,或者说抽样要合适,尽量能让两种方案接触的用户群组成相同,这样就容易比较。

5. 其他方法

例如,通过眼动仪来追踪视线以发现用户的关注点等等。这在很多地方,特别是要微观的调整布局设计等时非常有用,但是大多数情况下,我们的设计还不需要到这个层面上去测试和观察,因为总是有更多显而易见的问题被我们以更廉价的方法识别出来。

总结:个人觉得评估的方式有很多种,我们只要把握其中的几种就可以了,更多的时候或许跳出做产品的思维方式作为小白用户来使用产品,也许能够获得许多对于产品有不一样的理解。

本文内容来自知乎讨论,整理是woshipm的小编,转载请带上www.https://www.iamue.com本文链接谢谢!

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/3623/

(0)
Smiler李想Smiler李想
上一篇 2015-02-03
下一篇 2015-02-04

相关推荐

  • 高保真VS线框图,哪一种交互稿更能清晰准确地描述产品

    很多产品经常会纠结怎么把原型画得好看,哪个原型工具要彻底学会并熟练使用等等。但是团队的其他成员并不会关心你的原型画得多好看,也不关心用什么工具画,如果你能准备清晰表达出产品框架内容,也许在纸上画他们…

    2016-01-15
  • Apple Watch界面设计规范之UI设计基础(1/2)

    一、为Apple Watch而设计 Apple Watch体现着如下几个方面的主题思想: 个人。Apple Watch是面向穿戴而设计的,所以其UI需要与佩戴者自身相协调。抬起手腕的动作可以使Apple Watch显示当前时间及通知信息。通过Digit…

    2015-03-10
  • 复杂性和用户体验[译]

    每一个交互设计师应该都怀有一颗追求简单的心——轻盈的操作,简易的流程,干净的界面。每每提及复杂性,必然会想到其对立面——简单。所谓简单,就是要去除不必要的干扰,让用户直达目标。优秀的产品关注简约而非复杂…

    交互设计 2015-07-22
  • 互联网设计的互惠原则:索取前请先给予【UXRen译#187】

    作者:凯特. 迈耶、 金. 弗莱厄蒂 |  翻译:毛毛,校审:天蛙   摘要:人类倾向于回报别人的好意,投之以木桃,报之以琼瑶。这种社会心理学理论可被应用于用户交互设计中,来获得用户的信任并让他们积极参与到你的…

    交互专题 2017-11-23
  • 大产品小细节!5分钟带你了解经典的费茨定律

    金蝶云之家体验部交互设计 师-王梓铭:大家有没有想过为什么按钮越大,越易于点击 ?为什么相关按钮需要相互靠近摆放 ?为什么 Win 系统要将「开始」按钮放在角落 ?这些设定的背后其实都有一个在人机交互中,非常重要的定律 —— 费茨定律 。

    2017-09-25
  • 深度 | 量化用户体验并有效执行的关键几步

    回归到商业常识产品与服务才是长久之道,过度的营销在这个传播过剩的环境中反而容易引起用户的对抗。

    2017-05-21
  • 三种形式,浅析手持端日期控件

    日期控件,相信行业内所有的同学都不会陌生,尤其是交互的同学,可能会看得更加的仔细,日前,我们所接触到的各类app很多都有日期或时间的选择,而这些同功能的控件都以各式各样的姿态及交互呈现在我们的面前,出于自己的好奇,对这些不同行业、不同使用场景下的同一功能做了一个收集及总结的分析。

    2017-05-08
  • 为了更好的用户体验,谷歌拿出了“大棒”与“胡萝卜”

    点击关注36氪,置顶公众号专业的行业新闻及深度报道,不容错过━━━━━━这是著名分析师Ben Thompson对谷歌近期宣布的一组数据的评论,原标题为“THE AGGREGATOR PARADOX”以下为谷歌宣布的这组数据:现在共有3100万个网站加入了加速移动页面(AMP)计划,自去年10月以来增长了25%。在2月的第1周,谷歌向出版商发送了4.66亿个页面浏览量——比2017年1月增加了近40%。我们希望通过这样一篇文章,来带你了解...

    2018-02-27
  • Welcome to the Gutenberg Editor

    The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around…

    2023-03-03
  • 【译文】作为新手,我该如何学习Web设计

    我现在对于网页开发一无所知,我应该学习什么能让我可以在六个月之内开发任何网站?无论是看书或者开展项目都可以。 简单引导: 学习基础知识.  看一本书,而不是文章 设计一些东西.  从一款很酷的设计工具开始,比…

    2016-08-04