一个产品从Idea到Demo，大约要走五步，分别是规则设计、功能设计、流程设计、架构设计和原型设计。
第一步. 规则设计
顾名思义，就是产品的游戏规则是怎样的，在产品内要实现什么目标，鼓励哪些行为，不鼓励哪些行为等等。一个好的规则描述，可以让小伙伴们明白这个产品大概是要做什么的。
第二步. 功能设计
在明确产品的规则后，我们需要设计具体的产品功能。在细化产品功能时，需要考虑用户需求、用户任务、使用场景、技术限制、相关竞品等因素，以及不同功能之间是如何配合的，优先级的高低等等。
第三步. 流程设计
当我们明确了产品都需要具备哪些功能之后，接着就要定义产品或功能是如何具体运行的。通常，我们使用流程图和泳道图进行流程设计。
一、流程图：用一些规定符号及连线来表示某个具体业务的处理过程。下面三幅图分别是流程图元素、流程图逻辑结构和一个智能机器人客服平台的案例。
流程图元素
流程图逻辑结构
流程图案例
二、泳道图：表示多角色配合的一种流程，能够直观地描述各个角色之间的逻辑关系。泳道图在流程图的基础上加入了角色维度和阶段维度，使用的元素和逻辑结构与流程图相同。
泳道图框架
泳道图案例
第四步. 架构设计
在造房子时，我们需要明确每个房间的作用和位置，比如卫生间和厨房距离最好远一点，如果客厅面积太小，就无法承载过多的访客。同样，在一款产品里，我们也只有搭好架构，才能把内容放到合适的位置里。
架构设计，是指将产品的功能入口（框架设计）和内容有序的组织（内容组织）在一起，通过入口安排、内容组织传达、突出某些信息给用户，让用户更容易的找到自己想要的东西和产品。
内容组织，是指将产品的功能和内容有序的组织在一起，通常有自下而上和自上而下两种方式。
框架设计，又称导航设计，是指以什么样具体的形式将分类好的内容展示给用户。目前APP常用的框架有四种，分别是Tab式设计、抽屉式设计、跳板式设计、列表式设计。
1.Tab式导航
定义：在顶部或底部，有Tab式跳转页
优点：主要功能突出；可以轻松在各个主要入口直接频繁跳转，减少点击且不会迷失方向
缺点：功能过多时，如果都放在Tab导航上会显得这个框架过于笨重；沉浸式体验不足
Tab式导航
2.抽屉式导航
定义：菜单藏在当前页面后，点击入口就像抽屉一样拉出菜单
优点：给内容页足够的展示空间，可以营造出沉浸体验；侧边栏可以提供更多的功能入口的展示空间，拓展性较好。
缺点：若使用其他功能，页面较深
抽屉式设计
3.跳板式导航
定义：功能如一个个小方块，平铺在界面上
优点：清晰展示各个入口；适合功能较多，且功能之间相互独立的应用
缺点：没有重点；各个入口之间跳转不够灵活
跳板式设计
4.列表式导航
定义：将入口或内容按照列表的样式依次展示在页面之上
优点：可以更多的呈现内容，层次清晰
缺点：没有重点
列表式设计
第五步. 原型设计
原型设计，是指对最终产品各页面上内容的简单呈现，说明了用户将如何与产品进行交互。
原型设计是PM在产品设计过程中的最后阶段，一方面可以帮助PM整理想法和思路的具象化手段，另一方面可以给研发、交互和设计一个直观的产品印象。
原型设计的流程如下：
1.选择需要设计的功能模块
2.画出该模块的功能流程图
3.将每个流程中的功能点列出来
4.依据流程将次序相同、功能接近的功能分类组织在一起，得到了内容组织图（脑图）
5.通过内容组织图，得出该模块需要哪几个具体的页面
6.为每个页面的功能排列优先级
7、设计每个页面的具体原型
如何学习交互设计？
1.研读各个系统的设计规范
iOS Human Interface Guidelines/Android Material design
2.阅读相关书籍，掌握一些设计的基本原则
设计心理学、点石成金、About Face
3.临摹优秀产品
经典原型设计案例
4.将优秀产品中设计好的地方记录下来
原型设计注意事项：
1.不用产出高保真原型
2.不用去学习复杂的交互动作
3.不要过度设计
工具：Axure（偏PC端）、Sketch（偏移动端）
素材库：pttrns
本文内容来源于作者在【网易云课堂】-【产品经理微专业】的学习，对于产品新人绝对物超所值，推荐给大家。
http://study.163.com/smartSpec/intro.htm#/smartSpecIntro
网友评论