按钮+菜单+加载+转场UI交互动效设计教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.8 产品原型设计

通过用户调研、竞品分析确定产品功能需求范围后,制作产品原型有很重要的意义。原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。

1.8.1 什么是原型设计

线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。

产品原型是用于表达产品功能和内容的示意图。一份完整的产品原型要能够清楚地交代:产品包括哪些功能、内容;产品分为几个页面;功能、内容在界面中如何布局;用户行为流程的具体交互细节如何设计等。原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。图1-43所示为移动端应用产品的线框图和原型图。

图1-43 移动端应用产品的线框图和原型图

原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上线产品和服务。产品原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。

1.8.2 原型设计的流程

在开始设计产品原型之前,设计师往往需要了解以下几个问题:

制作产品原型的目的是什么?

产品原型的受众是谁?

产品原型有多大效率帮助我们传达设计或测试设计?

有多少时间制作产品原型?需要什么级别的保真程度?

产品原型设计的流程如图1-44所示。

图1-44 产品原型设计的流程