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

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

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

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

相关推荐

  • 照虎画虎——简单WeUI模板UX设计学习

    艺术虽然分为独立的各个领域,但是总有相通之处。UI/UX设计也是一种艺术,就像美术一样,UI/UX的设计也需要大量的临摹其他优秀作品来提高自己的水平。不过俗话说:“照猫画虎”,如果你临摹的对象不合适,很有可能只…

    2023-03-03
  • A/B 测试基础&实例

    什么是A/B测试? A/B测试简单来讲是在两个或多个产品的优化方案中选出最优方案的方法。 例如,期望优化产品的某个特性——通常是期望某项数据提升时,需要对产品某处进行调整。 对此可以提出若干版本,但是现有的理论…

    2016-04-21
  • 『创意』Drinkfinity在巴西推出饮料系统

    百事智能设计合作伙伴Drinkfinity,一个革命性的新的饮料品牌和平台,目前在巴西推出有限试用。 Drinkfinity是一种个性化和便携饮料系统,允许人们整天创建自己的功能性饮料的经历。这不是一个固定矫治器,调味剂丸…

    2015-04-28
  • O2O寒冬的根本原因:第一个“O”已经没意义了

    2015-11-03 艾瑞网 当下,关于资本市场的寒冬说不绝于耳,各种“死亡名单”、“不投列表”充斥在我们周围。O2O曾经的火热状态也在不断的降温,各种靠烧钱等方式建立起来的平台饱受质疑。 然而,随着客观环境发生巨大变…

    产品运营 2015-11-04
  • 用户模型概念与建立方法

    Persona交互设计用户模型建立: 一、什么是用户模型? Persona([pə:'səunə]):(Persona是用户模型的的简称)是虚构出的一个用户用来代表一个用户群。一个persona可以比任何一个真实的个体都更有代表性。一个代表典…

    2015-06-12
  • 是否后悔买了iPhone 6/plus?来看iPhone7的设计创意

             最近,有一些争论关于苹果2015年iPhone阵容。 虽然很多表明苹果将遵循传统,同样期待iPhone发布与更新内部今年晚些时候,其他人认为苹果制造商将打破其模式和直接跳转到iPhone的7系列。 无论原来是如此,下一…

    2015-05-11
  • 2015年新起来的APP新贵们,进来瞅瞅都是什么APP在“火”!

    一时兴起,统计2015年以来新发布的,或是从2015年开始快速崛起的,日活稳定在20万+的APP,一共找到了16款。以下数据为粗暴的估算,不准确很正常,不准确憋找我! ┃视频类 熊猫TV,视频直播平台,CEO王思聪,200万量…

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

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

    2015-05-22
  • 从三个方面简析设计中的用户友好

    随着用户体验重要性的不断提高,用户友好的概念也得到了越来越多的重视。那么如何在设计中体现出用户友好呢?熊先生觉得,有三点内容是比较重要的: 整个界面的一致性抓住用户特点更容易获得帮助 因为最近使用Mockp…

    2023-03-03
  • 【信息图设计】常用的5种数据可视化方法

    小编最近在研究后台的设计,涉及到数据统计分析模块的数据的呈现方面,搜集学习材料的时候发现这篇文章,推荐给有需求的童靴们共同学习。在文章中,原作者跟大家分享数据可视化常用的五种方式,希望能给大家带来思…

    2016-03-17