第1章 产品经理工具

第1章 产品经理工具

在过去产品经理使用的工具:笔和本子。通过点、线、框、文字描述记录在本子上。虽然目前电子设备和软件越来越发达,但是很多场景和场合都在黑板上画出点、线、框、文字描述来说明。通过画原型、流程图和思维导图等,都十分方便,并且沟通十分有效。

画原型、流程图和思维导图,做项目计划的工具有很多,选择一款适合自己使用的工具就好。毕竟做产品最重要的是头脑里的思维。

本书仅选较常用的工具介绍,原型工具选择Axure RP Pro 7.0,流程图工具选择Microsoft Office Visio 2010,思维导图工具选择FreeMind,项目计划工具选择Microsoft Project。

常用工具图标及格式

软件工具的版本

图标

源文件格式

Axure RP Pro 7.0(原型软件)

图像说明文字

*.rp

Microsoft Visio 2010(流程图软件)

图像说明文字

*.vsd

FreeMind(思维导图软件)

图像说明文字

*.mm

Microsoft Project (项目计划软件)

图像说明文字

*.mpp

1.1 FreeMind

FreeMind、MindManager和XMind等都是较好的思维导图软件。

思维导图又叫心智图,是表达放射性思维的有效的图形思维工具,使用简单而且效果显著,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、图标等建立记忆链接。思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律,协助人们在科学与艺术、逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。

思维导图是一种将放射性思考具体化的方法。我们知道放射性思考是人类大脑的自然思考方式,每一种进入大脑的资料,不论是感觉、记忆或是想法—包括文字、数字、符码、香气、食物、线条、颜色、意象、节奏、音符等,都可以成为一个思考中心,并由此中心向外发散出成千上万的关节点,每一个关节点代表与中心主题的一个连结,而每一个连结又可以成为另一个中心主题,再向外发散出成千上万的关节点,呈现出放射性立体结构,而这些关节的连结可以视为您的记忆,也就是您的个人数据库。

01.tif

FreeMind制作的基本思维导图

如上图所示,可以把你想的东西,用思维导图制作出来。

通常“新建思维导图”可命名为“项目的名称”,即中心主题。

  • 一级的节点:“1级节点”“2级节点”“3级节点”“4级节点”。

  • 二级的节点:“1.1节点”“1.2节点”“2.1节点”“2.2节点”“3.1节点”“3.2节点”;

  • 三级的节点:“3.1.1节点”。

02.tif

手机号码注册界面脑图

从上述脑图,可见注册界面有5项功能元素,设计人员可以按这5项元素设计。

根据判断条件,交互设计人员可以设计弹出的错误提示框界面。

图像104647.PNG

设计成品案例

1.2 Axure

Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表Axure公司,RP则是Rapid Prototyping(快速原型 )的缩写。

Axure RP 是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,它让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web 网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效地创建原型,同时支持多人协作设计和版本控制管理。目前较常用的版本有 Axure RP 6.0、6.5、7.0和8.0。

Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT 咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。使用Axure意味着软件产品采用原型模型驱动。

Axure的母版和动态面板是较为常用和重要的两个功能。

母版:母版可以多个页面通用一个母版,直接把母版拖动进页面的位置就可以使用了。当修改一个母版,多个页面使用的母版就存在变化。保证整个系统的存在母版的界面格式统一。

母版一般使用在系统统一的头部和尾部,部分页面以及导航条使用。

图像104657.PNG

Axure RP 8.0软件界面图

动态面版:动态面版是给某一个页面做动态的效果使用。当鼠标经过该页面的某一个按钮时,该页面显示的内容就会有变化。所以动态面板常用在隐藏、切换的效果上。动态面版一般用于注册、登录、导航条等元素。

动态面版实例

01 拖动“动态面版”至页面里。

图像104665.PNG

02 双击“动态面板”,显示对话框“动态面板状态管理器”。

图像104672.PNG

03 单击“+”按钮增加动态面板状态。

图像104679.PNG

04 双击“动态面板状态1”,则显示“动态面板状态1”的页面。

图像104688.PNG

05 在“动态面板状态1”页面下,拖动“线框图”“矩形”到“动态面板状态1(首页)”,并给两个矩形命名为“动态面板1”和“动态面板2”。

图像104695.PNG

06 在“动态面板状态1”页面下,拖动“文本面板”至“动态面板状态1(首页)”,并增加文字“这个是一个动态面板的登录界面。”

图像104704.PNG

07 在“标签”“On Mouse Enter(鼠标移入时)”双击按钮。

图像104711.PNG

08 双击后“显示用例编辑器”,在“第2步:添加动作”“动态面板”“设置动态面板状态为指定状态”,并给该状态的配置动作,选择动态面板状态,如“动态面板状态1”。

图像104718.PNG

09 单击“确定”按钮后,可见“动态面板1”已经成功配置好。

图像104726.PNG

10 按照上述配置,把“动态面板2”也配置好。

图像104739.PNG

11 复制“动态面板状态1(首页)”界面下的功能到“动态面板状态2(首页)”,并把“文本面板”的文字改变。

图像104747.PNG

12 返回至“首页”界面,看一下效果。

图像104754.PNG

13 生成原型(F5键),鼠标放在“动态面板1”,则显示“这个是一个动态面板的登录界面”。鼠标放在“动态面板2”,则显示“这个是一个动态面板2的扫描二维码界面。”

图像104761.PNG

图像104768.PNG

以上案例为鼠标经过动态面板按钮后,自动切换文字内容的效果。

母版实例

01 在“母版”中单击“添加母版”的按钮。

图像104780.PNG

02 “新建母版1”的页面下,即可制作母版。

图像104790.PNG

03 把“新建母版1”拖进“页面1”界面和“页面2”界面。

图像104798.PNG

图像104805.PNG

04 单击生成原型(F5键),即可见到效果,以后只需把母版内容变更,放入母版的所有页面将会自动更新内容。

图像104812.PNG

图像104821.PNG

以上为母版的案例,可见“页面1”和“页面2”底部的内容都是一致的。

1.3 Microsoft Office Visio

Microsoft Office Visio是比较常用的流程类工具,可以用来很方便地完成各类流程图、组织结构图、业务进程、项目日程、网络、图表和图形、数据库、软件、灵感触发、框图、建筑设计图、机械工程、工艺工程、电气工程、地图、Web图表。制作流程类的图相对简单,使用拖拉式的方式即可完成,制作流程图便捷。

一般软件产品常用的图表,有流程图里的基本流程图、跨职能流程图。使用Microsoft Office Visio制作流程图便捷,清楚易懂。

图像104833.PNG

Visio 2010界面图

03.tif

基本流程图

基本流程图的标准化格式规范

01 主流程:中间一条流程,代表主流程,即流程序号1、4、7、13。让人不用考虑逻辑否,看到整条流程是怎样的。

02 主流程左边:判断为否的,并且循环回主流程,应该放在主流程的左边。如流程序号1、2、3,让项目的人员清楚知道有多少内容需循环回主流程。如上图所示,仅有一项内容需循环回主流程,即流程序号3。

03 主流程右边:判断为否的,但是没有循环回主流程。如流程序号1、2、4、5、6,如流程序号:1、2、4、5、7、8、9、10、11,如流程序号1、2、4、5、7、8、9、10、12。

如上图所示,仅有两项内容没有循环回主流程,即流程序号:6、9。

04 子流程:6、11 代表子流程。即详细可见6、11的详情流程。

一条流程,请尽量说明相关的流程内容,涉及的关联流程或子流程,请用子流程表示。

05 颜色表示:主流程节点用一种颜色表示;主流程左边和右边流程节点用一种颜色表示;判断的节点用一种颜色表示;子流程用一种颜色表示;如上图所示,共分了4种颜色。

手机号码注册流程实例

04.tif

1.4 Microsoft Office Word

Microsoft Office Word是微软公司 的一个文字处理器应用程序 。产品经理可用Word撰写文档, 把思维导图、流程图、原型的图形放在文档中,并添加文字修饰。

软件产品需求文档(PRD)主要供设计师、前端工程师、开发人员、测试人员查看并实现。

图像104855.PNG

Word软件界面图

1.5 Microsoft Office Project

Microsoft Office Project是由微软 开发的项目管理软件 程序。此软件 设计目的在于协助项目经理实现发展计划、为任务分配资源、跟踪进度、管理预算和分析工作量。

产品经理一般不会使用到Project,由于部分中小企业分工不明确或者人员不足,在没有项目经理的情况下,会把项目经理的工作交给产品经理。

项目经理把所有需要的任务写在Project里,并填写执行的人、预计时间,发送给相关的人员。

图像104862.PNG

Project软件界面图

整个项目开发计划流程是:设计、开发、测试、上线(运维)。

图像104872.PNG

任务名称、开始时间、完成时间、资源名称都需要项目经理与项目成员沟通。

目录

  • 版权
  • 内容提要
  • 前言
  • 第1章 产品经理工具
  • 第2章 软件需求收集
  • 第3章 产品需求分析和规划
  • 第4章 组织架构图
  • 第5章 业务流程和系统流程
  • 第6章 思维导图
  • 第7章 功能说明
  • 第8章 原型DEMO
  • 第9章 撰写完整的产品需求文档
  • 第10章 软件项目管理
  • 第11章 可行性分析报告
  • 第12章 模型
  • 第13章 产品图
  • 第14章 软件项目管理规范
  • 第15章 设计规范
  • 第16章 前端开发规范
  • 第17章 开发代码规范
  • 第18章 测试规范
  • 第19章 运维规范
  • 第20章 运营规范
  • 第21章 数据图
  • 第22章 数据库架构
  • 第23章 SQL简介
  • 第24章 产品需求文档PRD(原型模型驱动)
  • 第25章 怎样做好产品
  • 第26章 Web产品和手机App产品
  • 第27章 产品经理思维与案例
  • 第28章 产品融资

相关技术

推荐用户