不止是纸上谈兵—屏幕纸原型

2019-06-11    来源:uedreamer.com

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

作为一个从事用户体验研究的人来说,对于原型都应该不会感到陌生,不论是设计物理设备,网站还是应用程序,我们都会用到原型。在互联网领域,设计师经常会使用Flash,HTML等等的代码来实现原型的制作,这使得原型更加真实,更能收集到有价值的反馈。

但是,像这样的原型却不适用于产品设计周期之初,因为设计这样高保真度的原型,可能会减缓整个产品的设计进程,有时候还需要有程序员的协助,并且任何对于原型的修改都显得比较麻烦。换句话说,这样的高保真模型,不够灵活。

低保真度原型

那么,有没有什么方法让原型更灵活,更易于修改的呢?当然有,降低原型的保真度就行了。最常见的低保真度原型就是纸质原型,将界面粗略的绘制在纸上,再模拟使用时的场景进行可用性测试。纸质原型更低价,更迅捷,能够运用在设计初期,也使得整个设计的迭代更加高效。

但是不像高保真模型,纸质原型不能在真实设备中运行。比如说一个网站的纸质模型只能呈现在几张纸上,但是用HTML/CSS做出来的高保真原型却能真实的在浏览器中进行体验。

纸质原型缺少真实的运行环境这个问题在设计移动设备的用户体验时尤其突出,移动应用基于移动设备,而移动设备的使用方法和交互方式又是千变万化的。只是给用户几张纸进行测试根本不能让他们真实的体验到你的设计,用户体验的很多方面也不能得到良好的测试反馈。

如果我们能够让低保真度原型能够提供能加完整的体验,我们就能得到更多更有价值的反馈数据。我们需要做的,就是把纸质原型搬进手机屏幕里—屏幕纸模型。

什么是屏幕纸原型?

屏幕的纸原型理解起来很简单,就是将纸质模型搬到手机屏幕里面,也就是用手机将纸质原型显示出来。这样做的好处是给被测者带来了更完整的产品体验。

这种混合原型具备了纸质原型的一些特性,易于制作,易于修改,即用即弃。并且他们看起来都是很粗略的,未完成的,这使得被测者更倾向于提供自己的真实观点和反馈,如果是高保真原型的话,被测者很可能会保留自己的一些批评意见。

同样,屏幕纸原型也能够贯穿于整个设计进程当中,并且能够保持设计迭代的高效。

如何制作屏幕纸原型

下面是制作一个iphone应用的屏幕纸原型的基本步骤分解:

1. 绘制,绘制一般的纸质原型图。

2. 拍照,将原型图拍下来或者扫描进电脑。

3. 编辑,将原型图进行简单的编辑,使之适合被测设备的屏幕尺寸。

4. 组织,将原型图按照不同的使用场景进行归类,每个文件夹包含一个特定的使用场景。

5. 上传,将组织好的原型图上传到被测设备。

6. 测试,在产品实际的运行环境中对原型进行测试。

用屏幕纸原型进行测试

因为屏幕纸原型还是缺乏交互性的,所以在测试前先定义一个线性的场景是很重要的。被测者需要根据场景设置来进行体验测试。

虽然屏幕纸原型没有高保真原型那么生动和真实,但是起码他们在运行环境上和高保真模型没有区别。被测者如何使用实际设备,把持方式,使用偏好,都可以通过屏幕纸原型展现出来。

本能的,行为的,反思的

原型测试的价值不仅仅在于评估产品的UI元素和交互性能,行为和感情因素同样也是很有价值的反馈数据。纸质原型虽然能够让被测者体验到应用的外观,但是不能给与被测者产品最终能够提供的情感冲击,这就是设计认知的本能层次,三个设计认知层次中的一个(还有两个层次是行为层,和反思层),在Don Norman的《情感化设计中》有详细阐述。如果不考虑设计认知的本能层次,就不能准确预测实际的用户体验,因为如果没有实际的运行环境,那么原型的效果,情感反应都会打折扣。

屏幕纸原型同样也涉及到了Noman的行为层,这是用户体验设计师们最为关心的一个层次,因为它直接决定了产品的交互性和可用性。比如说,在使用屏幕纸原型的时候,设计师能够观察到被测者如何使用他们的手指,如何握持设备,那些地方被忽视了,那些地方是多余的等等。

结论

虽然屏幕纸原型比传统纸质原型在制作上要复杂那么一点,但是它却能提供传统纸质模型所不能提供的更为真实和有价值的反馈数据。所以,作为一个原型工具,屏幕纸原型的定位介于传统纸质原型和高保真原型之间。

同样,屏幕纸原型也有其缺点,它需要被测者始终严格遵照事先设计好的场景来完成测试,如果能在屏幕纸原型上加上一些可交互的链接和按钮,那么其用处还能增强。

这项原型制作技术填补了高低保真度原型之间的空白,即灵活又不失准确性。但是要记住,原型终究不是产品本身,使用原型的最终目的是高效的获得反馈数据,所以不要花费太多精力,将它做的太过真实和精细。

作者:汪锐

文章来源:UEDreamer.com

标签: 交互设计 原型设计 用户研

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:淘宝技术发展(Java时代:脱胎换骨)

下一篇:Google Web App开发指南第三章:案例研究(下)