原型设计测试—如何在不同设备中,进行可用性测试

从广义上讲,可用性测试是以用户体验为中心的交互设计测试,通过用户测试来进行产品评估。这种测试的好处是,在投入前端开发、写代码之前,能够对移动应用程序或者网站进行前期测试。那么有人会问,真的有必要这么去做么?我的回答是:除非这款产品没用,否则你会惊讶发现它对用户来说其实很可怕。

毫无疑问,我们甚至可以在没有原型的前提下就进行可用性测试,它可能是信息组织、制作原型导航的最佳途径了。一些流行的原型前测试种类,大概包括:卡片分类、树结构测试及用户面谈。然而,针对不同的对象的测试,又会有相应的差异。下面,我们一起来看看几个实用的原型测试技巧吧!

image1-do-prototype-testing-image.jpg

1.使用真实名字。在测试中用一些很蠢或者名人的名字,会增添不少乐趣,但这样的效果真的好吗?答案可想而知。所以,最好使用一些真实和通用的名称,现在在网上很多地方都容易找到。

2.避免使用占位符的图像或图标。这类图像和图标也许只适用于线框图,在测试中使用会有误导的作用。比如,有些人会认为这类图像是某种图标和形状的组合。因此,使用合适的图片很重要。

3.用低保真原型进行早期测试。建议先用低保真原型,测试一些基本组件,例如导航栏、标签以及一些结构概念。这样不仅让你的队友测试起来更舒服,而且也不耗费时间。

image2-tips-for-prototype-testing-image.jpg

如何在不同设备中,进行可用性测试?

如果你还是感觉一头雾水,不知道什么是可用性测试,或者不知道怎么更好地去测试自己的产品,也不用太担心。这里,我将用一款“国民”原型工具-Mockplus(又称“摩客”),来实际演示如何在不同设备上更快、更简单地进行可用性测试。

总地来说,Mockplus有七种不同的原型预览和测试方式。每种方式将会逐一介绍,即使不懂代码、设计经验几乎为零的小白也能轻松上手。

1.直接在软件中预览

直接按下F5,或者点击菜单栏顶部的“播放键”就可以切换到单独的预览页面。同时,可以选择是否显示链接、批注、备注,调整预览外观、比例等。

image6.jpg

2.导出图片

有时候,我们需要把原型的一个页面或者多个页面导出,然后发给同事或朋友帮忙看看效果。使用QQ截图好像不方便,使用专业截图工具又似乎太麻烦,那么你可以使用Mockplus的“导出图片”功能。在左上角的主菜单的下拉选项中,就可以找到,支持导出当前页面为图片、导出所有页面为图片。

image1.jpg

3.HTML在线发布

在顶部菜单栏点击一个云朵的“发布”按钮,进行发布。完成后,点击“查看项目”来进行预览和后期测试。复制这个项目的URL地址,你可以轻松地将项目分享给同事或客户

image7.jpg

4.导出HTML离线包

这个功能,可以让你把原型生成HTML网页,在离线状态下预览原型。导出的时候可以选择是否显示控制面板、是否在iOS打开时显示安装指导等选项。同时,你还可以把HTML部署到你自己的服务器上,以供同事或客户分享。

image4.jpg

5.导出演示包

Mockplus支持导出演示包,对方收到后就可以在Windows或者Mac电脑上,直接打开exe或者app的文件,进行原型预览。这种方式可以直接独立运行,不需要安装,不需要其他软件支持。

image5.jpg

6.扫描二维码,在手机中查看原型

在浏览器中演示原型时,可以扫描屏幕左下方的二维码,打开手机浏览器进行预览,是不是很方便呢?

image8.jpg

7.输入原型码,在手机中查看原型

项目发布后,直接输入生成的原型查看码,就可以离线预览了。注意,需要先下载Mockplus手机客户端,并且进行项目本地下载。

image9.jpg

总结的话

请大家记得,你的设计不应该被原型束缚,最好的原型工具不一定是最好的设计工具,但是它可以节约你大量的时间。希望今天的分享对大家有帮助,有补充或者建议的朋友,请不吝赐教。

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/17911/

(0)
yanz kontolyanz kontol
上一篇 2016-09-26 13:26
下一篇 2016-09-29 13:49

相关推荐

  • 熊先生做原型之对于原型设计中高保真的理解

    最近经常遇到同事如此抱怨:使用某个原型设计软件,太窝火了,都做不到高保真,枉我还交了钱。于是,作为产品小白的我,怀着极大的好奇心跑到网上到处搜罗关于原型设计高保真方面的资料。经过一番学习和研究,我觉…

    2016-07-22
  • 关于产品冷启动,这可能是整个创投圈最真诚的一篇分享

    作者:覃超 链接:https://zhuanlan.zhihu.com/p/20576187 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 沈巍,活动场地短租平台 “百场汇” 联合创始人、CEO。百场汇于 2015 …

    2016-05-23
  • 手机无线设计8个交互设计原则

    产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则: 原则1:用户界面应该是基于用户的心里模型,而不是基于工程实现模型 就是把后台本来很复杂的事情通过设计符合用户日常生活中常…

    2015-04-08
  • 腾讯首位产品经理:Punk 谈做产品与创业

    Punk,中文名:韩宇宙,QQ号:10045,是 BLUES 相识十多年的朋友,产品经理的行业前辈,在 BLUES 还不知道产品经理是何物的时候,朋克已经是腾讯第一批产品经理。前腾讯产品经理王坚(糗事百科创始人)在出版《结网…

    2016-01-22
  • 有哪些非常有设计感的APP?—国内篇

    小编前语:继上次整理的富有设计感的应用之国外篇后,很多童鞋想了解目前国内比较有设计感的APP有哪些,总有些喜爱玩APP的达人给我们推荐一些应用,小编在这汇总下,供大家欣赏~~ 1.小记 日记软件有很多,这一款很…

    2015-05-22
  • 产品经理做好跨部门合作的一个中心和三个原则

    跨部门合作是产品经理工作中最重要的一部分。除了用户调研、需求分析、原型设计等本职工作之外,跨部门沟通和合作可能就是产品经理最核心的工作了。而且,这种跨部门合作的难度和复杂性会随着公司的壮大而更难和更…

    产品经理 2015-11-19
  • 设计师应该成为团队中重要的部分

    作为一个设计师,我们总是在工作的时候感到自己缺乏价值和被误解。上司让你在今天的提案会议前赶制些项目上的修改来应付客户,或是客户会要求你移除掉一些他们认为没有必要的设计步骤,最快速地拿到最终方案。 此时…

    2016-05-28
  • 酷狗APP的产品分析和设计

    一、APP产品设计的背景分析: 酷狗早期作为一款PC端的音乐播放器,积累了广泛的用户基础。这对于其移动端的APP,用户是一个先天优势,单从豌豆荚这个平台的数据来看,同类APP的下载量,酷狗稳居第一。对比下载量较…

    2015-12-21
  • 如何做一个完全失败的UX设计师?

    人人都说,做一个成功的UX设计师是很难的,你认为做一个的完全失败的UX设计师就会很容易?然而事实并不是这样。如何成为一名彻底失败的UX设计师?至少,你需要做到以下几点。1. 不在乎用户反馈都说万事开头难,不过…

    2023-03-03
  • 如何带初级产品经理

    对资深产品经理来说,你的新人成长,同样是一份很出色的成长成绩。正如一位资深的产品经理最近告诉我,“有一个人告诉我,我是一个很好的领导,是一个伟大的导师,这简直就是我职业生涯中最好的肯定。”将自己最核心…

    2015-06-08