当前位置:首页 > 热点资讯

产品小白应该如何画出第一份原型图

栏目分类:热点资讯 发布日期:2018-06-11 10:44:01 浏览次数:
提起产品经理,我们首先想到的可能就是产品原型。虽然画原型并不是产品经理最核心的工作,但也算是比较重要的工作。原型是沟通的桥梁,也是产品经理输出的一种产品,对原型的掌握直接代表了产品经理的能力。所以,作为产品经理,不仅要认真对待产品原型,更要使自己输出的每一份文档或资料都能发挥最大的价值。

一、什么是产品原型?

产品原型是产品设计方案的表达,是产品设计界面的展示,是功能与交互的示意,也是与其他人员沟通的依据。产品原型一般包含界面布局、简单交互以及相关说明。根据使用场景的不同,可分为手绘草图、低保真原型和高保真原型。在团队内部沟通,低保真原型使用的更频繁一些,所以本文以低保真原型为例,介绍原型设计的一些方法。根据以往经验,建议在输出原型的时候,同时输出产品功能结构图和产品操作逻辑图。

二、为什么要进行产品原型设计?

1、便于产品经理对产品的整体把握。产品原型是产品设计方案的表达,在原型设计的过程中,可以验证产品方案的合理性,可以对产品的布局、交互和功能有一个整体、全面的把握。

2、能使产品需求评审更高效。我在之前的文章中提到过,需求变更不仅会增加开发成本,也会打击团队的士气。如果产品经理能在需求评审前认真设计产品原型,尽量做出可观看、可操作和带交互的产品原型,这样大家可以直观的操作和感受产品,更能激发大家的兴趣,也会提出一些比较合理的建议,从而减少后期需求变更的次数,提高需求评审的效率。

3、进行产品的视觉设计和功能开发。只有先有产品原型,前端人员才能开始视觉设计,之后才能开始产品界面和功能的开发。所以产品原型是产品的基础,只有基础足够牢固,才能建造起宏伟的产品大厦。

三、如何进行产品原型设计?

1、分析产品设计开发流程

作为产品经理,心中要有整个产品的开发地图,要清楚在什么阶段、做什么事情、输出什么内容、找什么人沟通、得到什么结果等。在进行原型设计前,首先需要进行需求调研、需求分析、产品定义、业务分析、功能分析等,然后才能开始产品原型设计。

2、原型设计时需要思考的问题

  1. 此原型的用户是谁?
  2. 原型需要达到的目的是什么?
  3. 用户的使用场景是什么?
  4. 需要提供什么样的用户体验?
  5. 后续的工作流程如何把握?

产品原型的用户是领导、团队成员还是客户?不同的使用对象有着不同的需求,要根据不同的需求设计不同的原型,不同的原型复杂程度和侧重点都是不同的。所以原型设计需要带着很强的目的性和针对性。面对用户,除了满足基本需求外,也需要考虑用户体验。针对不同的使用场景,设计不同的展现方式,可以是图片、文档或在线页面等,有了良好的用户体验,产品原型才能发挥最大的价值。

3、分析产品功能

在原型设计前,首先要分析产品功能,了解产品结构。也就是说先要进行产品原型框架的搭建,然后再开始内容的填充。

4、根据产品功能,构建页面目录

5、根据页面目录进行原型图绘制

  1. 低保真原型,为了不影响视觉设计,最好不要加颜色,采用黑、白、灰进行配色
  2. 图片和图标采用占位符代替
  3. 页面内所有元素都要有对齐关系

6、根据产品原型图对相关元素进行说明(在对应说明页面中)

  1. 占位符中需要设计的内容
  2. 相关按钮点击后的现象
  3. 相关图标的变化状态
  4. 页面弹出或跳转描述

7、根据产品原型图进行交互设置

  1. 交互用例设置
  2. 交互样式设置
  3. 特殊交互可以进行交互说明或者当面沟通
  4. 设置好的交互可以在发布预览(F5)中进行测试

8、原型发布和导出

  1. 原型发布时选择生成HTML文件,在相应的文件夹中,点击start.html就可以通过浏览器打开发布的文件(在线太慢,一般建议导出使用)
  2. 原型导出时,也可以将所有相关页面导出为PNG图片
  3. 给前端提供原型时,最好分别提供HTML文件和PNG图片

9、绘制操作流程

  1. 对于交互比较复杂的操作,需要绘制操作流程图,可以是Visio图,也可以是页面跳转说明
  2. 操作流程图中形状需要根据标准进行选择
  3. 需要包含正常操作逻辑和异常操作逻辑

10、最后输出物

  1. 功能结构(思维导图)
  2. 产品原型(Axure、Mockplus、墨刀等)
  3. 操作流程(Visio或页面跳转说明)



总结

在设计产品原型前,要清楚什么是产品原型,为什么要设计产品原型,然后根据一定的方法进行原型设计。原型并不是越复杂越真实越好,而是根据使用对象和使用场景,设计最适合的原型。也就是说最适合的才是最好的,而什么是最适合的,恰恰体现了一个产品经理的核心能力。原型设计也是没有尽头的,随着产品经理能力的提升,原型也是一个不断更新和发展的过程,和产品一样,原型也需要不断迭代和完善。认真对待原型,才能认真对待产品。

本文仅为提供更多信息,不代表AAA教育同意其观点或描述,如需转载请注明出处。
标签