• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 开发未动,测试先行!告诉你为什么可用性测试如此的重要

开发未动,测试先行!告诉你为什么可用性测试如此的重要

作者:Tubik Studio 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含产品设计,可用性测试,用户体验设计,经验分享等相关知识,Tubik Studio希望在学习及工作中可以帮助到您

正如同乔布斯所说的:“设计的核心并不是看起来和摸起来的感觉,而是它用起来的感觉。”美并不是设计的目的,它只是达成设计目标的途径,好看也并不是设计的终点。好的设计应该具备良好的可用性,实用性,合意性,且有吸引力。每一个属性都是为了能够让产品发挥作用而存在的,想要让这些属性和指标真正达到标准,创意团队应该通过测试来验证和调整。今天的文章,我们来聊聊如何通过可用性测试来解决各种可用性问题,让产品的设计和研发真正走在争取的道路上。

可用性为何如此重要

在讨论和可用性测试的本质之前,我们先来看看可用性的含义,以及它为何被视作为用户体验的核心。Nielsen Norman Group 将可用性界定为一种用来衡量界面好用程度高低的属性。可用性的高低,通常取决于下面的5个因素:可学习性,满意度,效率,记忆性和错误。可学习性代表着用户在第一次执行和使用的过程中,完成任务的难度,满意度则意味着使用过程中令人愉悦的程度。效率则反映了快速完成任务的能力,记忆性则是产品在使用过产品之后,重新记起并熟悉的时间,最后的错误属性则值得是用户在使用过程中出错的数量,以及他们能否从这些错误中学习。

当所有的这些因素都纳入到考虑范围以内,就能够在一定程度上逐步提升产品的可用性,人们可以更加轻松有效地使用产品。回过头来想想,到底为什么设计师会如此在意用户体验当中“可用性”这个属性呢?难道产品本身的功能和解决方案不够重要么?很显然,可用性的控制,对于用户的价值更大。不过,如果用户完全无法弄清楚如何使用应用,那么他们就完全无法从中获得好处。即使是最漂亮的界面也无法保证一个没有清晰功能的产品获得成功。这也是为何可用性测试是构建用户体验的核心阶段。

可用性测试到底是什么?

可用性测试,是通过针对潜在用户进行测试来评估产品的方法。通过这种方法,设计人员能够了解网站或者APP是否可用,并且可以针对用户体验中可能存在的问题进行筛查。可用性测试所处的环节通常在设计团队进行UX体系构建之后,而尚未开始进入开发环节的时候。它适合在产品尚未完全定型的时候进行,而不是等到产品形态固定甚至已经成型的时候。

通过观察用户在使用产品时候的反馈,可用性测试能帮助团队更好地了解用户的需求和偏好。这样一来,设计团队能够以用户为中心进行设计,而基础的信息就从可用性测试来获得。另外,所搜集的数据不仅可以用于UX设计,而且可以用户产品研发的其他阶段。

可用性测试的方法类型

为了让可用性测试足够高效且能够达到预期的效果,设计人员可以进行三种不同类型的可用性测试:探索性测试,评估性测试和比较性测试。

当产品设计尚且处于早期的UX设计阶段的时候,可以使用探索性测试方法。设计师为用户展示产品的线框图或者低保真原型,并观察他们的反应。探索性测试旨在发现用户对于产品概念的理解,以及他们面对产品的时候心理变化的历程。

当产品已经拥有了比较完整的原型之后,就可以采用评估型测试。这种测试方法有助于评估APP和网站设计的有效性,以及用户对于产品的满意度。实时的测试有助于追踪用户的实际反馈和出错状况,搜集起来的信息能用来消除已经发现的可用性的问题。

最后,当设计师需要在几种不同的设计方案之间作出选择的时候,就可以采用比较性测试来评估,然后和创意团队分享数据,作出决策。让专家来评判各种方案之间的差异和优缺点,选择最适合用户的方式。

其实可用性测试的方法和思路有很多,它们分别在不同的情况下使用,选取方式通常会取决于团队设定的目标、实际的局面和阶段,以及预算。我们筛选出一些有助于可用性测试的常用方法,接下来我们具体看看。

走廊测试

这种测试通常需要测试人员实现预见到单个用户浏览网站或者APP的具体行为,这样可以将整个体检过程构建成为一个类似走廊的结构。这样看起来似乎有点困难,因为它需要乐意参加测试的用户参与进来,完成测试之后,才能得出一个构成性的反馈。当产品的大部分都已经完成了之后,才会采用走廊测试,因为只有到这个时候,整个产品才能给人以相对完整的体验,它比起其他的测试更加便宜也更加快捷。

远程可用性测试

这种测试的名称已经很明显了,这种可用性测试的方法需要来自不同国家和地区的用户参与进来,这样创意团队就可以看到他们的产品在不同的文化背景当中,是如何被用户所感知的。不过,在远程可用性测试当中,还会分为同步和异步两种。

所谓同步,是通过视频会议和共享工具(诸如WebEx 和 GoToMeeting)来同步进行远程可用性测试。同步的可用性测试让设计者可以实时观察不同的人是如何使用产品的。另外,如果需要,参与测试的用户是可以从相关人员那里获得一定的支持。尽管如此,同步的可用性测试依然是存在缺点的。由于参与测试的用户分散在不同的时区,需要他们在同一时刻集中到一起参加测试,这本身就不那么好执行。

异步的远程可用性测试则相对好处理得多。设计人员会给这些用户设定一些特定的任务,然后会自动搜集产品交互中所有的用户数据,包括点击的位置和用户使用过程中所出现的错误。此外,设计师可能还会要求参与测试的用户在完成之后对于自己的体验进行总结,给予反馈。

专家测试

这种测试方法是让有做过可用性测试的专家来对产品进行评估。这种方法通常能够集中各方面的反馈,相对花费的时间更少。专家通常会使用测试工具来进行测试,但是也可能会像用户一样按照流程进行体验。此外,还有一种被称为自动化专家测试的方法,它是按照特定的模式来定义可用性问题的程序。自动化专家测试是最快的方法之一,但是它无法覆盖全部的人为因素。

纸质原型测试

绘制线框图是产品设计阶段的一个重要环节。在产品设计前期,设计师会用相对粗略的线框图勾勒整个APP或者网页的布局,使用明亮的标记说明特定的点和区域,以清晰的结构展示出不同模块的功能和联系。

设计师可以采用纸质的模型将线框图制作出来,模拟真实的产品,让用户与之交互,执行任务。这个方法看起来可能不太成熟,但是在早期阶段用来测试,能够发现不少设计上的可用性的问题。

大声思考

大声思考,Thinking Aloud 也是一种可用性测试的方法,旨在收集用户在使用过程中的反馈信息。设计师会要求用户在使用APP或者网站的过程中表达自己的感受和想法,创意团队在这种过程中感受到用户潜在的态度和模式,并且搜集起来,用于后续的改进。

可用性测试是否真那么有用?

我们只是介绍了几种常用的可用性测试的方法,但是其实可用的还有很多。不同的测试方法和测试策略可以结合起来使用,如果你仍然怀疑它的价值,不妨看看它能给你带来的好处:

  • 它能搜集有助于改善用户体验的数据和信息
  • 它能够识别创意团队无法注意到的问题和错误
  • 它能够确保用户对于产品的满意度
  • 它能够提升产品的效率
  • 它能够降低开发成本
  • 它能够快速排除问题
  • 它能够提高产品的可用性

在产品设计和开发阶段能够发现和解决的问题,远比产品成型发布之后再修改成本要低廉。

【这些文章同样来自Tubik Studio】

  1. 《游戏化设计中,任务和挑战是怎么发挥作用的》
  2. 《游戏化设计的精髓是结合用户历程进行UX设计》
  3. 《帮你理清创意的情绪板,是设计项目前期的利器》
  4. 《超详细解读:UI导航设计不仅仅指的是导航栏》
  5. 《在设计流程中,通过这6种方式来运用信息架构》
  6. 《看似简单的几个动效,在APP中实现过程并不简单》

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 网站产品设计参考的几条原则
  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 怎么做私单才能又快又赚钱?来看老司机的私藏流程!
  • 想成为互联网设计师?先来看这篇超全面的介绍!
  • 为什么不要再问用户「你们到底想要什么」?
  • 这10个不好用的微信设计,有哪些深层次的产品逻辑?
  • 基础小科普!浅谈「列表视图」与「网格视图」的用法

相关文章

  • 2018-08-23全球iPhone摄影大赛人物类冠军:什么才是真正的构图?
  • 2018-08-23老妈,才是那个最难搞的甲方!
  • 2018-08-23超全面的设计异常情况和处理方式汇总
  • 2018-08-23高手来了!8个简单有效的方法帮你提升设计档次
  • 2018-01-28Git学习知识点
  • 2017-08-06Web前端开发中找错的基本思路
  • 2018-08-23高手进阶技巧!6招帮你用设计抓住用户的心
  • 2018-08-2316个优点告诉你,为什么表单设计应该用这个方法?
  • 2017-08-06优酷视频去30秒广告代码的两种方法
  • 2018-08-23人工智能如何影响设计师的工作?这篇总结超全面!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 教程大合辑!优设训练营的150个高品质PS/AI/AE教程
    • HTTP返回码大全(中英解释)
    • 临摹练习后,我总结了5个图标绘制的实战技巧
    • 一招教你让交互方案更靠谱!超好用的目标导向设计法
    • Google I/O即将到来,对于Material Design 2.0我做了这些预测
    • 这3个适用性极强的网页设计趋势,在4月非常流行
    • 春节专题!App 设计系列之切图的命名规范与标注说明
    • 超过200万个高质量的图标素材免费下载,还可以自定义配色和大小!
    • 那些很熟悉但又叫不出名字的设计法则:选择架构
    • 从了解用户的注意力开始,创造更优秀的用户体验

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有