05【应用工具简介】

 

1， 应用工具简介 梳理流程【流程图工具】

流程 = 步骤

流程图 = 把步骤画出来

PM 常用的工具们 ~~~~

1.1 适用系统

Window ----微软的 Visio

Mac -----OmniGraffle

Window / Mac ----- Axure RP 功能简洁

 

1.2 个人设计还是团队协作？

个人：参考上边介绍的工具们

团队：Process On 它可以在外端设计，云储存，云共享，便于整个团队参与设计

【总结】流程图的设计还是考虑系统适配和实际工作场景

 

1.3  为什么你画的流程图乱糟糟？

 画流程图的原因：需要把业务流程说清楚，才能有据可依

 说清楚这件事主要包括：

 1) 重要节点：

比如：我们准备去钓鱼。首先是先有了钓鱼的想法，然后开始准备道具，缺少的部份尽快到渔具店购买补齐。然后看下次日天气状况，如果没有雨，可以约上好友，在第二天准备装车出发，最后行驶到目的地，开始钓鱼。

把流程串起来，在罗列，就是一个流程了

2) 条件判断：

【总结】流程环节多，自然复杂，我们要做到杂而不乱。流程图的绘制，我们只是把所有行为节点按照一定的顺序罗列出来

 

2， 应用工具简介 【思维导图】工具

定义：思维导图，也叫脑图，用来梳理及展示产品的框架结构

工具：

  

2.1 适用系统

Xmind & Mindjet MindManager: 适合绘制复杂的结构框架，包括：基础模板，插入标注，添加备注，引用超级链接，任务信息，新增批注以及复杂的视觉样式处理等

MindNode: 讲求快速和便捷，可以在很短时间里快速的绘制，以及满足一些基础的图形配置和配色需求

【总结】需要考虑绘制的复杂程度，进行工具的选择

 

2.2 思维导图中看不中用？

首先看他做什么用的？

查看及购买需求，满足用户浏览商品，且对意向商品在线选购并支付

店铺浏览需求，为电商提供虚拟店铺平台，用户一站式选购

咨询需求， 作用商品介绍及答疑等售前服务，货物退换等售后服务

储备需求，储备意向商品，以便后续购买

------》认真看会发现每个之间都有联系

-------》这时候，就需要思维导图来梳理结构

【总结】思维导图是用来设计产品框架与层次结构，总结来讲，思维导图好比产品的骨骼结构，决定着产品未来的成长

 

3. 应用工具简介【原型设计】工具

3.1 原型图工具

是 PM 表述产品设计内容最直接的一种展现形式，快速理解一个角色在产品中的操作行为路径和功能分布

原型图的绘制大体分为两种：

1. 线框图：一般黑白灰为配色
2. 高保真原型：有交互效果

原型图的绘制工具很多哦~

主要介绍两款：

【总结】Mockingbot（墨刀） 和 Axure 就好比 美图秀秀 和 PS，根据需求选择合适自己的即可

 

3.2 别人画的原型图像士兵，我画的原型像滩烂泥

用线量一下个间距及表单每个字段的宽度，我们怎么样解决问题呢？会有这样的发现，这样是不是就发现了问题呢？

【解决问题】通过预知好的宽度和宽度的像素条去规范边距，然后去除所有的像素条，一个公正的原型就画好了

 

通常在绘制原型之前，要先把规范制定好。之后的字号，字体，组件严格按照规范，这样整体在规格和样式会很统一

【总结】一个高质量的原型图和可以更好的帮助视觉设计师和研发人员理解产品，避免不必要的误导

 

3.3 初级产品经理的原型图怎么画不被解雇？

 

1） 制定设计规范

字体，字号等规范

在内容的主次呈现，层级结构展示，提升视觉体验方面会有很大帮助

2）适当的交互设计

简单用例，可以在项目内审和基础评审的时候提高听者的理解程度

【总结】不仅自己明白，要让其他人看了之后，也了解我们的设计

 

3.4 年低不加薪没脸哭，只怪原型不出彩

1）产品设计

在这个从无到有的阶段，需要老板敲定的三个阶段：

需求确认，决定着我们年低的职级评定，和薪酬调整。

 

粗略的线框图：演示繁琐，用户体验差，影响项目通过；

有交互效果的原型图：模拟演示，用户体验好，项目易通过

 

【总结】适当的交互效果在便于理解的同时，有提升了用户体验，加薪变成了早晚的事情

 

来自于blibli产品经理入门到精通16-25节: https://www.bilibili.com/video/BV1hE411G7mU?p=25