近年来,原型测试(prototype)已经成为数字产品设计开发的首要和必要环节,prototype能够视觉化呈现出设计师的内心独白,从而成为设计师与软件开发师之间的桥梁,促进并提高了两者之间的沟通。最重要的是原型测试有助于设计师在产品开发周期的早期与客户达成共识。

虽然线框图对于信息架构来说是非常有帮助的,但原型设计则是更进一步,通过动效和流程来描述整个产品界面的故事。因此,随着原型设计逐渐成为数字产品设计领域的强制性标准,越来越多的原型设计工具被广泛应用,比如Origami和Framer.js。
运用这类工具首先要求设计师对代码编写有一定的了解,这就会导致上手慢、耗时长,其次所产出的效果已经近乎于一个最终的产品形态,修改起来也会有一定的难度。

我们都知道,原型测试的核心需求是能够快速创建原型,清晰展示user journey和交互形式,并且能够进行快速修改和优化。
因此,不难看出以上这些工具都不能满足原型测试的基本需求,所以在这里给大家介绍一个原型测试神器:Keynote。

Keynote是什么?相信使用苹果电脑的同学都不会感到陌生,这就是苹果的PPT嘛。为什么我们要放弃一些专业的原型制作工具而选择这么一个“野路子”呢?
对于一个相对成熟的交互设计师来说,上述原型工具操作起来相对容易,但是对于新手来说,想要熟练掌握就需要花费一定的时间进行学习。然而Keynote则不同,它操作起来非常容易,而且不仅仅是在电脑端,甚至可以在iPad和iPhone上使用,上手非常快。

不管我们设计的是什么类型的平台(iPhone、iPad、Android、Web等),Keynote在有效沟通原型的能力上通常是相当灵活的,而灵活性是原型测试的重要标准之一。
大多数用于Web的动画工具都是CSS或Javascript转换,在核心的动画模拟中,这种大量转换有时可能只是为了一个短短的动态展示,这不仅耗费了我们大量的时间和精力,而且有悖于我在上面所提到的原型测试核心需求。

因此综合来说Keynote可以算是一个十分简单、强大的工具。它不仅是一个能做presentation的工具,还能够创建模型、线框图和交互原型 。设计师通过在幻灯片上快速布局形状来创建界面屏幕,通过添加链接在屏幕之间创建交互,并使用幻灯片转换来激活界面。而且它还可以将原型导出到其它设备上,从而完成向他人演示并得到反馈的作用。
接下来就详细说明一下使用Keynote制作原型的基本流程:
首先,我们需要做一个简单的信息架构图,标清页面之间的跳转链接,计划好如何在页面之间进行转换。

紧接着绘制线框图,将每个页面的布局设计好。

然后将素材一页一页地以幻灯片的形式导入keynote,并添加和调整其中的元素组件。

接下来就是添加链接和动效。为了使touch point元素可以被点击,就需要先选择touch point,然后打开检查器中的超链接选项卡,并指定目标幻灯片。keynote强大的动效一直是它备受欢迎的原因之一,有了它我们就可以省去无数写代码的时间了。

最后导出并测试。如果要在iOS设备上进行原型测试,可以先简单地将文件保存到iCloud,然后在iOS系统设备中的Keynote上打开它,点击*放播**按钮,Keynote的超链接和动画会让人感觉到这个原型完全不逊于一个真正的应用程序。

事实上,很多原型测试都被限定在了某一种设备或是平台上,这样的做法会影响测试参与者的积极性。所以在这里强烈推荐大家使用Keynote,省时省力、效果好、上手快。