
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.8 产品原型设计
通过用户调研、竞品分析确定产品功能需求范围后,制作产品原型有很重要的意义。原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。
1.8.1 什么是原型设计
线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。
产品原型是用于表达产品功能和内容的示意图。一份完整的产品原型要能够清楚地交代:产品包括哪些功能、内容;产品分为几个页面;功能、内容在界面中如何布局;用户行为流程的具体交互细节如何设计等。原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。图1-43所示为移动端应用产品的线框图和原型图。

图1-43 移动端应用产品的线框图和原型图
原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上线产品和服务。产品原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。
1.8.2 原型设计的流程
在开始设计产品原型之前,设计师往往需要了解以下几个问题:
制作产品原型的目的是什么?
产品原型的受众是谁?
产品原型有多大效率帮助我们传达设计或测试设计?
有多少时间制作产品原型?需要什么级别的保真程度?
产品原型设计的流程如图1-44所示。

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