什么是交互原型?交互原型是交互设计师的主要产出。设计师在接到产品需求之后,经过一系列分析,将抽象的文字产品需求转化成具体的可视化图形方案。
一份好的交互原型,首先必须提供一个好的解决方案,对产品需求进行合理的分析,明确需求的设计目标,并使用最合适的交互方案,帮助团队达到目标。其次,一份优秀的交互原型,还必须符合基本的设计原则、使用符合规范的控件、考虑和展现各种可能出现的情况。
交互原型作为交互设计师日常最频繁的产出,会在产品经理、UI设计师、开发人员、测试人员等同事中流转,因此也成为他们评判一个交互设计师能力的重要依据。可以这样说,交互原型质量的高低,会成为一个交互设计师能力高低的重要体现之一。
交互原型分为静态原型和动态原型。静态原型的主要作用是用于团队内部协作,传达需求,本质上是一种沟通工具;动态原型的主要作用是产品方案的动态演示和供可用性测试操作时使用,本质上是有一定功能局限的可操作模型。在日常需求中,设计师都是产出静态模型。只有在特别说明需要产品的动态演示,以及需要进行可用性测试时,设计师才需要制作动态原型。
制作静态原型有两种工具可供使用:Axure和Sketch。Axure可以使用站点地图来组织页面,所以比较适合大型的、有多个页面的方案,如图1所示。
图1 Axure的站点地图有利于展示页面结构
Sketch制作原型文件效率高,输出文件为PDF格式,美观、不易漏看内容,无设备和网络限制,方便阅读。Sketch比较适合小型的、功能单一的方案,因为在Sketch中,所有的页面都展现在一张大图上。但如果内容很多,页面将变得臃肿。
制作动态原型,推荐使用苹果公司出品的Principle软件。另外,还有一个在线的动态交互稿制作网站——Flinto。使用Flinto制作动态原型,操作简便,上手容易。