Tag Archives: 原型工具

还停留在找工具的初级阶段

这段时间在做平板上面的一些东西,如果单纯是画流程和草图,并用不到任何设计工具,白纸铅笔就行了,如果要稍微贴近真实产品感觉的话,网上也是有大把大把的UI stentcil可以下载,随便放入一个原型制作工具(比如Omnigraffle,或者是powerpoint, keynote),都很快可以做出能够让用户测试的产品原型来。

但问题在于,如果要测试交互,还是要有可点击的,有互动性(click-through)的产品原型比较好。以这个考虑,之前的几个工具在制作交互方面都显得不够专业。Omnigraffle适合静态画图,powerpoint和keynote不太好scale,如果原型只有10幅图还好,要图多了,光是在这些屏幕里超链接来超链接去,就得花上大半天的时间。

在网上搜了一些,适合做互动性比较强的原型的工具,试了一下,有两个比较推荐的:

BluePrint by Groosoft

Blueprint是一款直接在iPhone或iPad上做iOS app原型的工具。它提供了不少iOS原配的图像和交互元素。

虽然这是给设计师用的,但一看就知道是工程师做的产品,界面设计乏善可陈,但功能极其完备。各种iOS设计的元素一应俱全,并且有一些初始的设定(比如某些元素只能放置在顶端的导航栏,某些只能置于底端),确保一些不符合iOS交互原则的设计不会发生。

如果觉得产品本身所提供的设计元素不够,也可以从其他渠道(照片,dropbox,box,etc.)导入图像元素,并且进行大小和位置的调整。这款app的位置微调功能从视觉上而言,真是极其简单难看,但又极其好用,有时候就是那么一两个像素的调整,让整个界面看上去就舒服很多。

如果是做简单的产品原型,或是功能性比较强的企业型软件,blueprint还是很handy的;但如果要做在交互和视觉上都有创新的app,最好还是不要用这个工具,可能会反而禁锢住思维。付费版本要花20刀左右,没有免费版本里图片数量的限制,个人感觉还是值这个价的。

Solidify by ZURB

ZURB是加州的一家产品设计公司。我开始以为,和其他小型设计公司一样,也是只接客户的案子,后来发现公司自己也做app,而且是专门给用户体验设计师或是研究者来做可用性测试和设计的工具。

Solidify是他们最近才发布的一个web app。Solid是个英文形容词,意思是‘扎实’,后面加个’ify’,就把形容词变成了动词,意思类似于‘夯实基础’(-_- 不好意思,让我翻译就看出我是个土人来了…)。

前面介绍的Blueprint的局限性在于,只有在iPad上安装了这个app,才能够展示给用户看,每次都是一对一。对于agile的设计和开发环境,因为改变太快,不可能每次一改完就有用户等着帮你测试,这样测试的数量比较有限。

Solidify的好处在于,你可以把所有的静态设计图上传到它的web app上,连好各种超链接之后,选择你想要测试的平台:Web(网站),Phone(手机)或Tablet(平板),然后它直接生成链接,你可以一次性发送给一个群组的用户,让他们在各自的设备上进行测试。

这样的测试方法,的确是会丧失一对一,面对面交流中的丰富的用户反应和反馈,但如果目的只是想在短时间内避免明显的可用性错误,就未尝不可了。

当用户测试完成后,Solidify也提供完整的视频,记录用户完成任务过程中的所有点击动作。这个部分我觉得的确是做得不错的,有时候看用户的点击轨迹其实已经说明了大部分的问题。

因为是款Web app,又是刚发布,感觉app本身稳定性和速度都有些问题。比如会出现,用户收到链接,但好半天都打不开。这可能跟,当你把测试链接发给大量用户,大家都在测试,软件的server需要同时录制大量的视频来记录这些用户数据有关。这会儿设计师就歇菜了,只能等牛逼的程序员来解决这个问题了。

 

什么时候脱离工具,回归思路本身,才是大道至简吧。