产品经理入门到精通（两千块的课程整理系列）11——产品设计，画原

如何把用户需求变成线框图（这里以微信为例）

第一小节，设计解决方案方案，梳理功能点

（1）列出自己要在第一版主要满足的用户的需要.比如，

A、满足用户与朋友之间沟通的需要（核心需要）。

B、满足用户同陌生人交友的需要。

C、满足用户分享自己的心情，想法，状态。

（2）根据需要的场景，需要本身以及产品定位为不同的需要设想合适的解决方案，并为其起个名字（功能名）。

A、满足用户与朋友之间沟通的需要（核心需要）。解决方案：朋友管理、在线聊天。

B、满足用户同陌生人交友的需要。解决方案：摇一摇

C、满足用户分享自己的心情，想法，状态。解决方案：朋友圈

（3）把解决方案谢伟具体的功能点

A、朋友管理包括的具体功能点：添加朋友、删除某朋友、显示全部朋友、显示某朋友的资料、把某朋友加入黑名单

B、在线聊天：发送消息给某人、收取来自朋友的消息、显示最近联系人.......

C、摇一摇：匹配摇手机的人、显示摇到的人的资料、跟摇到的人打招呼

D、朋友圈：显示朋友动态、发表动态、不让某朋友看我的动态

（4）这些功能点下有没有新的衍生需要。

A、来自朋友的消息：新消息提醒下的衍生需要有，设置取消全部提醒、设置取消某个对话的提醒

B、显示最近的联系人，衍生需要：删除某联系人

C、显示朋友动态，衍生需要功能点;不看某朋友动态

（5）有多种情况，没有办法直接写明的功能点，在一旁把这些请款列出来。比如发送/接受消息：发送/接受文本、语音、图片。发表动态：发表文字动态、图片动态、图文动态。

（6）有些功能点可能需要其他功能作为基础。显示朋友资料——个人资料：设置个人资料、查看个人资料。

（7）看你还要提供哪些其他功能给用户。不一定是用户需要的，是基于战略或者商业模式设计出来的，比如登录注册、显示广告、开通会员。

（8）以树状图的形式列出这些不同的功能点及其关系。最开始列的时候最重要的是确保列全，最后再来整理逻辑关系。只列当前版本需要，做好版本管理。

第二小节，梳理信息

显示内容的功能点，也要设计都显示哪些不同的信息。

比如，显示个人资料里应该显示的内容：头像、昵称、id、地区

显示最近联系人：显示最近联系人头像、最近联系人昵称、最近联系时间、显示最后一句聊天内容。

然后做成显示内容图

围绕主体按照逻辑关系梳理信息结构图。在这个微信这个主体中，主体有用户、微信群。百度贴吧：帖子，回帖。

要记录的信息不止展示给用户的这些，还有其他信息。

把功能结构图、显示内容图、信息结构图放一起过一遍;这些功能点真的满足了我要满足的需要么？要满足的需要和衍生需要都能满足到了么？显示的内容有没有遗漏？信息结构有没有错误和遗漏？给开发人员看一下，每一个功能点从开发角度看的可行性，信息结构图的合理性？

第三小节，梳理流程

用户使用产品各个功能点的时候都会遵循一定的流程，分先后有主次，按照流程来梳理我们的功能点。

1、流程要符合逻辑关系、用户的使用习惯、场景等

2、有些共嫩点你可能还不知道如何放进流程里，没有前置也没有后置，放在一边最后处理

3、通过梳理流程，也能看到那些必经的流程，我们没有设置功能点，在前面的步骤遗漏了

4、先不考虑存在多种情况的功能点的各个情况

得出功能点流程图。不同功能下的功能点，用不同颜色表示

第四小节，设置页面

看那些功能点，应该组合在一起，放在一个页面上。有些功能本来就是放不进页面的，比如新消息提醒。

如果是和流程无关的功能点，看下是单独作为一个页面还是与其他无关的功能点放一起。比如，发表动态单独放到发布动态页、取消全部提醒和取消好友申请提醒单独放到通知设置页。

如果是后面多个流程性质相近或相同的情况，可以选择加入中间页（见图）

如果不适合加入中间页，或在这样一些页面之间切换频繁，选择导航方式更合适。比如，滴滴。

如果是内容型产品，内容分类很多，把不同类别当成单独的功能点，之后在按照我们将的方法设计。比如哔哩哔哩的分类页。

第五小节，选择一级导航方式

先讲下几种导航方式。

导航方式:一级导航（微信，通讯录，发现，），二级导航，

1、标签式。最多放五个标签。如果你有多个核心功能，大概两个到三个，同时也有多个其他功能，更适合标签式，其他功能通过分类整理显示在1或多标签中。如果超过5个，尽量吧性质相近的整合在一起。

2、抽屉式。如，酷狗——【我】的页面，从左或者又换出。不适合频繁切换。适合突出一个核心功能，另带其他几个不多的功能。

3、宫格式（美图秀秀，）不适合于频繁切换。如果有多个需要突出的核心功能【大约两个】，核心功能之间完全独立，同时不多的其他功能，更适合此宫格式。

4、菜单式

5、点聚式，不适合频繁切换，图标要明确表达含义

6、列表式:每个板块入口一行，可以分组，可以承载更多信息和数据

7、走马灯，通过横向滑动，不同板块内容形式相同，不要太多，五个就好。不要超过七

8、分段控件式，不超过三个，多用于二级。

9、选项卡适合二级导航

导航方式不要随意更改。

第六小节，梳理页面下的功能点

把功能点放到页面流程中（产品结构图），并看有没有入口进入下一个页面，没有的话写上。

可以用导图来列产品结构图

然后设计规则，梳理异常与提示

都梳理完了就可以开始画原型。

个人认为，直接在原型图设计软件里把这些功能点列在页面旁边是最快的，上面那些步骤反而繁琐没必要。