共计 2663 个字符，预计需要花费 7 分钟才能阅读完成。
本文将会分享对于 ToC 产品的设计思路，重点论述在接到需要到原型设计前的方法论。
适用人群如下：
1）本人常常捣饬一些想法的程序员
2）须要间接对接开发的经营
3）初级产品经理 作为产品经理或者常常须要专任产品经理的你，是否有碰到过以下场景：
作为产品经理或者常常须要专任产品经理的你，是否有碰到过以下场景：
- 领导给了一个策略方向要求做某款产品，并要求在一个月内上线。你通过体验竞品，参照那些用得上的且领导喜爱的交互，最初做出了四不像。
——没有明确产品外围需要 - 本人有个绝妙的想法，在纸上画了草图就开始敲代码，后果产品做完了用户不会用，甚至没人用。
——产品没有切中用户痛点，性能流程不简洁 - 打算国庆前上线一个流动 H5，为了让流动更加乏味活泼，两头加了很多酷炫交互，后果在国庆假期前一个早晨还在拼命赶工。
——没有明确各性能间的重要性排序
以上场景的呈现根本是因为在产品设计中没有造成一套齐备的流程，认为有想法或者有竞品，间接画画图或者间接复制粘贴就好了。
当然不排除有人是「霍金转世」，一个想法在大脑中造成，就买通了各流程逻辑和页面流转；然而个别人是无奈在短时间内解决大量逻辑细节，一旦疏忽了一些流程，就容易造成以上场景问题，一直返工，导致开发效率慢，甚至是成品品质不佳。
笔者将分享一些小思路，一句话概括如下：
接下来以「在校大学生小明与他本人设计本人开发的小程序」为例，分步骤开展论述。
step 1：确定产品目标和指标
产品目标，是确定产品是为了解决什么问题或者满足什么外围需要而存在。
产品指标，是确定产品在肯定阶段的边界，晓得什么该做什么不该做。
有些人会说这些都是策略层的货色，公司或者甲方早就定义好了。没错，然而产品的目标和指标并不是变化无穷，微信从一开始的社交通信工具到当初的连贯所有，产品的边界是在拓展的。而产品设计要做的是产品的不同阶段重复确认并在产品设计全过程中落实。
小明打算开发一款同校社交工具。
-
为什么要做这样一款产品？
- 在平安范畴内意识更多的人？结识跟本人同样兴趣爱好的人？更容易组织流动？
-
做这个货色想要是想实现什么指标？
- 打造学校外部社区？脱单？
具体产品目标和指标并不重要，重要是在产品设计过程中还原这个外围需要，并且不跑偏。
step 2：了解并收集需要
个别需要有两种类型，第一种是甲方曾经给好了具体的需要，第二种是给到简略的产品指标要求提供残缺的解决方案。
第一种是本人基于具体的场景和 step 1 的产品指标，用本人的话再形容一遍需要场景并确认好需要的范畴；第二种能够收集下市面同类问题的解决方案以及指标用户的需要，这时候的需要范畴是比拟大的，而后再依据 step 1 中的产品目标和指标，跟需求方再次确认，并将需要范畴放大。
小明有本人的产品指标，但需要不明确，须要收集用户需要以欠缺本人的想法，因而他向身边的同学阐明了本人的需要：
- 我打算做一个同校社交小程序，学校同学能够上传本人的信息和分享本人的趣味和生存。
- 能够抉择本人想意识的人的要求。
- 能够查看 / 零碎推送领有相同点的同学的分享。
- 活点地图功能能够看到肯定区域内有多少人在应用这款小程序，你交换过同学也要在下面显示。
同时收集了同校好友的想法：
- 肯定要是同校吗？学校男多女少，会不会变成大型 BL 社会主义兄弟情现场？
- 晓得人在学校哪个地位会不会透露隐衷？
- 不要上传照片，不想给熟人晓得。
- 肯定要上传照片，要是聊的人就是你上铺的兄弟怎么办？
之后对所有需要进行分类汇总和统计，确定高级版本的性能需要。step 3：需要流程化功能化同样一个需要能够对应着多种解决方案，不同解决方案对应着不同性能，确定好具体的功能模块后，再确定用户的主门路，再拆分细分门路。
功能化：一个需要对应哪些性能？
流程化：有什么角色？别离先做什么？再做什么？
- 角色：个别用户
- 第一步：登录
- 第二步：抉择想意识的人要求
- 第三步：上传个人信息
- 第四步：分享日常 / 查看其他人日常
这里容易呈现细分流程或异样流程错漏的状况，拆分流程是一个须要零碎学习并且重复练习的过程，有须要的小伙伴能够查看 《用户体验因素》 / 《UML 大战需要剖析》 等相干书籍。
step 4：排序
对着 step 1 的答案，对 step 3 的性能和流程进行排序，按重要性由高到低进行排列。排序有两个作用，一个是确定这个产品的 MVP，一个是为前期资源短缺做好筹备。
step 5：画出草图和页面跳转
根据上述功能模块在纸上画出草图以及对应页面跳转关系。草图仅需画出大抵框架，确定功能模块对应的页面，而后是页面的构造、导航、性能板块等。
step 6：画出原型图
终于能够解脱白纸，搬出原型软件了，蕴含但不限于 axure、墨刀、Visio、画图软件等工具。在草图根底上，造成原型，勾画出细节局部以及交互成果。
例如：题目应该显示为几行？一行的图标应该显示为 3 个还是 4 个？这里应该是跳转新页面还是弹窗？
这个时候个别就是大型抉择恐惧症现场，不同的计划适宜不同的产品，怎么判断哪种计划适宜本人的产品？那么可联合 step 1 的答案，例如受众是老年人，默认字体可能就要比个别的大；还有有「行业规定」，小到题目和注释的规范字号，大到资讯信息流图片和题目的摆放地位，这是另外的文章的内容了，感兴趣的能够评论留言，当前再开坑。
产品设计好了，再找设计师丑化页面，此时离胜利就只是一段代码的间隔了。
如果你没有设计师，那么通过 UI Libraries、墨刀等设计工具，也能做出一个界面难看的产品。而此时考验你的是审美能力，如何进步审美能力？答案是：多看，多看，多看。
如果你是一名前端开发者，那么可能会遇到技术选型、域名备案、服务器搭建等一系列繁琐的后端开发工作。但这些问题也有工具帮你搞定，即近几年备受关注和应用的 serverless 后端云服务。
serverless 后端云旨在搞定开发中「造轮子」的事件，让开发者能够专一于业务逻辑，使得开发难度更低、老本更低。
同样以同校社交工具为例，你能够通过通晓云数据库来搭建用户体系；实现「日常」模块中 UGC 内容的增删查改；实现校园资讯的公布与治理。同时你还能够通过实时数据库（基于 WebSocket 的性能）来搭建一个实时聊天室，不便用户在线上交换与交友。而且这些产品你只需几行代码就能接入应用，不便又快捷。
至此，你是否感觉你脑袋中的创意能够轻松落地，那就速速口头起来吧，点此注册通晓云账号，还能支付 90 元开发基金。
因为本文重点是分享产品设计思路，以便进步后续的开发效率，如何通过代码来实现文中案例的性能，咱们就不在此分享。如果你有趣味，请点赞文章通知咱们，赞得越多，咱们就越早安排通晓云前端开发工程师输入开发教程。