ca88手机登录 8

产物设计ca88手机登录,Axure原型工具可用性测量试验

Posted by

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

高保真与低保真,最早是摇滚音乐上的一种说法,用于描述摇滚乐的音色与演奏技巧、效果。许多做设计的小伙伴们也知道,在产品设计中也有高、低保真的说法,主要用于描述不同的设计目的和难易度。那么,二者具体有什么不同?在做产品设计中,选择高保真是不是比低保真好呢?今天小编就来为大家一一解答,希望对你有帮助。

现如今原型工具的功能越来越强大,已经能从各个角度满足用户的需要。这些不断迭代产生的新功能中,尽管有鸡肋的部分,但大多数旨在解决产品设计开发中的实际问题。比如可用性测试功能,就是在回答了
“如何帮用户更好地设计”之后,进一步地考虑到了:“如何帮助用户完成原型的可用性测试?”从而帮设计师在多个方案中准确地选择出更符合市场需求的一个。

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

1. 高保真与低保真区别?

ca88手机登录 1

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

比较主要的区别,在于呈现原型的精细度以及使用场景:

那么,主流原型设计工具的可用性测试功能如何呢?它们有怎样的特点?我们一起来看看:

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

低保真-又叫原型图、交互原型,是对产品较简单的模拟,用于表现最初的设计稿概念和思路,在设计初期的需求收集和分析过程中很常见。

1.Mockplus

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

高保真-又叫视觉图,是高功能、高互动性的原型设计,往往用于需求分析之后的细节设计及使用性评估中,来发现产品在工作流程、互动性等方面的问题。

可用性测试特点:支持手机真机测试。拥有多样的的预览方式和导出方式支持,同时在演示中支持评论和批注。

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

2. 为什么低保真原型更好?

Mockplus是原型工具中的后起之秀,随着其功能不断完善,在全球拥有的粉丝也逐渐增多。与很多设计工具不同,Mockplus从创立之初就一直坚持简单,快速的路线。简单不意味着功能上的单薄,正相反,无论是设计,演示,分享,审阅,Mockplus相比大部分工具都更胜一筹。

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

很显然,对比而言低保真能帮助我们在早期发现和修复主要问题,而且创建起来更加容易、成本更低。稍加注意,你就会发现无论是初创企业或者成熟的大公司,低保真都开始成为它们的主流设计方法,有着很多高保真无法比拟的优势:

ca88手机登录 2

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

•  
 更侧重于高层次的概念,而非执行。高保真将重心转向了产品是否美观,而外表粗糙的低保真原型从另一方面强迫用户去思考产品的内核而非外表。

Mockplus的可用性测试功能主要体现在以下三个方面:

1.直接在软件中预览

•  
 更强的迭代动力、意愿。放弃只花了几分钟的草图容易?还是放弃花费很多时间建立的完美原型更容易?想想便知了。

(一)多种预览方式

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

•    更便于携带与演示。

多样的预览方式为可用性测试的进行提供了前提条件。Mockplus支持以下几种方式:

2.导出图片

3. 如何有效做中低保真原型?

直接点击界面上方的三角形预览

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

在确定了低保真原型最适合你的项目后,如何简单、快速地将你的想法实现落地,并传递有价值的反馈给团队、客户呢?选择一款好用的、适合自己的工具是至关重要的,在这里小编选择Mockplus这款中低保真原型工具给大家介绍一下:

输入原型码,在手机上查看原型

3.HTML在线发布

1) 更快、更简单的交互设计

扫描二维码,在手机上查看原型

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

三种交互设置方法-页链接、组件间交互和交互状态的随意切换。拖动链接点,快速实现组件与页面的交互,支持PPT的各种动画效果(推入、滑入、淡出等)。不像
Axure或者Framer需要通过参数、代码进行交互设计,Mockplus允许通过鼠标拖拽进行组件交互,简单又直观。交互命令可一键自动还原,大大节省了设计时间和精力。

在线发布项目,将生成的链接复制到浏览器中预览

4.导出HTML离线包

ca88手机登录 3

详见:Mockplus官方教程

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

2) 更清晰的功能流程、逻辑展示

(二)支持多种项目导出方式

5.导出演示包

对于已经制作好的原型,可以通过导出项目树将项目转为树图,呈现设计的思路和规划。Mockplus3.2脑图设计模式,可以快速完成项目的所有页面构建,支持一键转为原型项目。页面流程图也即将重磅上线,可以自由选择展示全部或任意多个页面的流程图,智能生成流程链接线,展示批注信息,以及批量导出页面流程图,等等。

导出html离线包

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

ca88手机登录 4

导出可独立运行的演示包

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

3) 更全面的原型演示与测试

导出图片

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

Mockplus支持多达6种原型预览方式,全面且独特,支持手机端、浏览器及桌面端的原型测试:

导出项目树

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

•    图片导出预览,多种导出选项,支持PNG及JPG格式;

(三)演示过程中,用户或团队成员可以进行评论和批注

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

•    二维码扫描预览,手机APP与浏览器自由切换;

Mockplus 3
带来了独一无二的在线审阅体验。现在,项目在线分享以后不仅可以演示,还可以对页面发表评论,更可以直接在页面上进行标注。标注功能是同类软件中仅有的,你可以使用箭头、文字、矩形、画笔等多种工具对页面上的任意位置直接进行标注。交流很明白。

总结的话

•    演示包导出预览,兼容Win及Mac独立的演示包,无需安装客户端;

可用性测试功能评级:★★★★★

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

•    导出网页HTML离线包预览,摆脱网络连接不顺畅的烦恼;

2. Axure

•    在线发布HTML预览,实时查看;

可用性测试特点:对可用性测试支持不足,手机真机测试较麻烦。

•    手机端APP原型码预览,实时查看;

作为老牌原型设计工具,Axure在功能上比较全面,但操作相比其他工具复杂不少。尽管Axure
RP 是 Axure Rapid Prototyping
(快速原型)的简称,但就速度而言,Mockplus等其他几款工具显然更占优势。Axure有一个明显的弱点,即手机真机测试较为麻烦。或许你可以在应用商店找到Axure
Share,即它的手机客户端,但用这个客户端来演示原型的感受,或许只能用“聊胜于无”来形容。

ca88手机登录 5

首先,Axure share 只支持相对简单的移动 app
交互行为和动画效果,不建议用于复杂交互动画的设计与演示。虽然 Axure
早已支持点击、长按、拖拽和滑动这四种常用的移动 app
交互行为,但是在拖拽和滑动过程中并不能模拟 app
中「跟手」这一特性,所以演示效果大打折扣。其次,很多手势可能会与原型设计中的交互冲突,比如“向右滑动滑出原型菜单”,诸如此类,也造成了一些不便。

4) 更人性化的原型设计

可用性测试功能评级:★★

针对日常设计中需要重复制作的部分,Mockplus支持格式刷与样式复用,批量复制、傻瓜操作,让你的设计轻松进阶。同时,重复格子(Repeater)功能,允许快速制作重复的布局,只需拖动鼠标,便可实现格子间的自动调整与生成。此外,多达200个封装组件及海量的图标资源,将让你的设计如虎添翼。

3. UXPin

ca88手机登录 6

可用性测试特点:提供可用性测试套件下载

综上所述,其实绝大部分的产品设计还是采用低保真较好,容错率大、设计成本小,且更符合产品思维设计的方向。

UXpin为了方便用户对原型进行可用性测试,专门提供了一套可用性测试套件供用户下载使用。其中包含了5份测试模板(PC/Mac)。5套模板显然不能满足所有的情况,但的确能为用户提供一些参考。

了解更多关于UXPin的可用性测试功能,请到www.uxpin.com。

ca88手机登录 7

可用性测试评级:★★★

4. Proto.io

可用性测试特点:支持手机真机测试。利用三方lookback配合进行测试,测试方式有创新。

Proto.io在原型的可用性测试方面可谓走得比较远。为了使用户更好地在不同方案中做出选择,Proto.io利用第三方插件lookback(主要用于录制屏幕)来帮助用户观察使用者的行为,再根据他们的行为来确定较为受欢迎的方案。尽管用户行为在很大程度上受到习惯的影响,且个体有明显的差异性,但设计人员依然能通过比较同一位用户对不同原型方案作出的反应来判断哪个更受喜爱。了解更多关于Proto.io的可用性测试功能,请到:www.proto.io。

ca88手机登录 8

可用性测试评级:★★★★

通过比较我们发现,就可用性测试功能而言,Mockplus和Proto.io的优势更加明显。Mockplus具有全面的多样的预览和导出方式,为原型可用性测试提供了前提条件;在演示过程中可以直接进行评注和评论,减少了沟通成本,也为测试提供了便利。而Proto.io结合了三方插件的功能,使可用性测试变得更直观,提高了测试结果的可信度。但如果你对原型速度有较高的要求,且经常参与团队项目,可能Mockplus更适合你。总之,适合的就是最好的。

相关文章

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注