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

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

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

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

相关推荐

  • 如果让我设计拉勾移动端 App

    在拉勾上发现拉勾自己在招移动端产品,准备在移动端发力,因为自己就是给自己的定位就是以后做移动端,因此投了简历,获得了面试机会,也过了产品负责人的那一面,只是后来 HR 面的时候由于某些原因没能过,虽然很…

    2015-08-06
  • 转:最值得收藏的产品与运营工具集合

    刚开始做运营的时候,完全是工具控。
    每天都在搜罗各种软件,以满足自己装X的欲望。

    产品运营 2016-08-11
  • 互联网产品开发阶段,几个典型阶段

    在互联网产品开发阶段,通常要经历以下几个典型阶段:确定用户需求和产品目标、概念设计、原型设计、界面设计、信息设计、视觉设计、前端开发、用户体验测试、产品完善、产品发布等过程。当然,这些阶段的划分有时…

    2015-12-23
  • 美团外卖如何后来居上,短短两年从0到300万单?

    撰稿| 周欣  李志刚美团外卖如何后来居上,短短两年从0到300万单?新美大CEO王兴来源:视觉中国;制图:孟繁祥6%。2014年12月,美团外卖日均订单150万单,距离产品正式上线刚好一年,来自美团团购的订单占比6%。 …

    2016-04-18
  • 有什么方法可以打造“触动人心的设计”?

    用户体验设计的精髓,在于恰到好处的设计出最合适的用户场景体验,而这种体验是不知不觉给予用户同时能让用户在触点的那个瞬间怦然心动,那如何让用户心动呢?阿里同学专门组建了一个团队来研究这方面,现在初步方…

    2015-04-09
  • 产品经理到底是个什么鬼?

    作者:PM Jason Wang 供稿于我是UE网 当2000年的第一轮互联网浪潮高涨之时,马云还在西湖边上向他的“18铜人”画大饼来充饥。而如今,峰回路转,当年在第一波互联网高潮中膨胀起来的三大门户网站,如今已风光尽去。倒…

    2015-05-19
  • 【 MRD】停车O2O产品案例

    1 用户问题和产品机会 1.1 用户问题 用户在停车过程遇到的问题 总的来说,用户在停车过程中遇到的问题如上图1所示。在此次MRD的讨论中主要关注其中以下这些问题: 找不到停车位 停车场进出要花较多时间排队 支付停…

    2016-04-06
  • 产品经理亲述修练之路(上篇)

    一、产品经理修练之信息结构--产品分析 前言: 2011年从北京回到重庆后,产品经理就是我一个奋斗的目标,但由于各种原因(主要还是自己的心态没有准备好)一致在逃避。随着孩子的到来,随着她一天天的长大,我也在…

    2015-11-11
  • 个性化数据交互,高阶的交互设计师必须掌握

    文 | Indulgence 个性化推荐的原理应该是在特定的,去构造一些合理的算法或规则将正确的数据推荐给正确的用户,这句话放在现在很多产品都是一样的,但可能在不同的产品上也有一点区别,比如说在百度视频里面所指的…

    2016-12-13
  • 产品经理亲述修练之路(下篇)

    四、产品经理修练之信息结构篇 1、前言: 写这该文章的目的,是想告诉刚接触产品经理的“同学”,当完成产品的商业部分分析后,不要马上就画原型,这只能说明你刚“入行”,我理解的“产品经理”就好比军队的“参谋”,他是…

    2015-11-11