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

 

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

@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

相关推荐

  • 线上与线下零售体验设计分析

    本文作者将结合自己对线上与线下零售的实际体验,与你交流用户体验设计策略相同之处,提升融通思维的洞察力。本文行文思路如下:
    1、用户流量
    2、停留时间
    3、回访频次
    4、客单价
    5、盈利模式
    6、总结

    2017-04-29
  • 论数字媒体交互设计的未来

    “交互设计”这一概念如今风靡全球,对于它的研究 与实践受到企业、院校等机构越来越多的关注。现如今交互设计正在呈现出一种放射状成长态势,这使得交互设计没有绝对的定理,都是在共同交流,探索中前进。国内交互设计优秀案例分析在信息全球化的时代,无论是国际还是国内市场,大多数设计机构都在言必称交互,“交互设计师”、“用户体验设计师”已经成为炙手可热的职位。我国也涌现出一批优秀的交互设计师们,其设计出的作品均获得了国内外的一致好评。例如,中央美术学...

    2018-03-03
  • 互联网+时代,让用户体验到你的专业性

    物质种类丰富之后,市场要面对的新重点就成了“用户体验”。只有“功能”的商品即使做成百宝箱也只能昙花一现,能够让客户用得舒心用得愉悦才是现代产品的应有魅力。在企业竞相提升体验的大潮中,“别让我等、别让我想、别让我烦”的用户三大心态仍然是大部分厂商的改良依据,然而总有一些人可以在这一基础上做得更加精细周到,成为“体验战”的大赢家。01曾经被无视的用户体验如今是神兵利器在计划经济时代,消费者的选择余地很小,导致了厂商只注重“功能”不注重“体验...

    2018-05-07
  • 交互师们,知道如何写一份交互说明文档吗?【精品】

    一. 什么是交互说明文档(DRD)? 所谓DRD即是用来承载交互说明,并交付给前端、测试以及开发工程师参考的文档。 在项目中,交互设计师的主要产出物可能依次是:site map,page flow,wireframes。有的大型项目前期…

    2014-11-25
  • 2017用户体验行业调查报告

    更多精彩内容:IPO新机制 催生市场四大变化最全关于企业上市流程知识汇总!(强烈建议收藏)由IXDC主办的2017国际体验设计大会于2017年7月12-16日在国家会议中心举行,作为全球极具影响力的体验设计交流平台,吸引了3000多名从业者参加,大会通过主题演讲、工作坊等形式充分交流经验,共享体验设计盛宴。而作为一年一度的用户体验行业报告发布也是大会重要的组成部分,备受从业者们关注,报告每年通过全面详尽的调查分析,系统梳理整个行业脉络,...

    2018-02-14
  • 产品交互乱,设计效率低?你需要一套好用的产品设计规范

    说到产品设计规范,大家一定不会陌生。一套好的产品设计规范,将产品设计模块化、通用化、标准化,不仅能够为产品建立起统一的交互规则与品牌视觉,让用户拥有更好的产品体验、对产品风格有更深的认知,更重要的是,它能够减少产品设计人员的设计工作量,提升产品设计的效率。

    2017-06-08
  • UX小白 | 不谈它?算什么用户体验设计?

    这其实只是个引你进来的标题,我今天真正想说的事情其实是它——你在做一款产品的时候考虑过它的无障碍性(Accessibility)吗?无障碍性(Accessibility):在图形交互界面为基础的交互方式中,无障碍性也往往被称为可访问性。“无障碍性(accessibility)意味着产品设计应用时应考虑到,无论是因为年龄、事故或疾病而有认知、感官或者移动障碍的人,还是没有此类障碍的人,都应能够有效使用这个设计。”——《About Face...

    2018-01-31
  • 重磅消息!Adobe又出新神器了!

    Adobe Experience Design CC(预览版)官方介绍 原文: 今天,我代表Project Comet团队非常兴奋地向大家宣布:Project Comet将更名变成Adobe Experience Design CC(预览版),简称Adobe XD。 今天我们在Mac OS平台…

    2016-03-15
  • AR与用户体验简析

    说道AR想必大家都不陌生,所谓AR就是增强现实技术,现在普遍的应用是在移动端,通过相机拍摄现实场景,并通过AR技术在屏幕上生成想要的图案,使能够栩栩如生的浮现在屏幕上,好似实物就在眼前一样。首先我们值得注意的是个人电脑和智能手机是所有人都想要拥有和使用的产品,一旦产品价格进入消费者能够承受的价位,爆发是完全没有问题的;其次,两者的核心技术其实都集中在CPU、显示屏等电子元件相关领域,这些产品的发展基本上都遵循摩尔定律,即18-24月性能...

    2018-02-27
  • 总结|2017年的5个网页设计趋势

    几何图案与全屏背景图结合、灰色的高级用法、色彩叠加……这篇总结的这5个网页设计趋势,其实在年底就初现端倪,所以2017年大面积运用几乎势在必行,想不落人后记得打开阅读哟。

    2017-05-08