从需求到原型，我的工作流程是这样的

honghu2

从需求到原型，我的事情流程是如许的

每小我都有本身的看法，众说纷纷，写长篇大论的人，都说得蛮有事理，与他人概念分歧的处所也就是些细节。

在网上看了不少产物事情流程里写文档的法子分享，大多讲的都是法子和思绪，总结下来大要也就是文档内容请求：清楚、高效、正确、不漏，写作情势分为word版（已被各类履历分享所镌汰）、图片版两种。经由过程网上大牛分享的工具，和本身事情中各类测验考试下来，总结了本身的一套其实的工具分享给大师。

直接起头吧。
以产物焦点需求动身设计产物
任何一个产物的出生都是为了知足某种需求的，没有哪一个产物是先做好了产物，再去想它要知足甚么需求，至多也就误打误撞解决了某些需求。以是在设计产物的时辰应当环抱焦点需求起头构想全部产物，而不是从产物的第一个页面或一些根本功效起头。

比方要做一个同业社交APP，应当先偏重构想“同业”若何设计，就应当想到“怎样强化同业的观点”，而不是先想若何去做好谈天功效。

一般我会用脑图先梳理一下产物的要点、动身点，这个图只是帮忙你边梳理边记实的感化，格局上只要本身能看懂就OK了。是为了接下来的产物布局图做铺垫，若是直接从布局图起头，你的思惟就会受制于布局化的模式。


肯定功效点，画布局图
这个阶段，起首是颠末会商，已明白了脑子风暴图里要做哪些功效，设法是无限的，能做的只是有限的，如今要做的事就是把功效点分类，让所有设法能公道的落在你脑海里的产物界面枕头交友上，此时直接起头画产物原型图还尚早，可以先把功效布局用脑图列出来。

每级包含菜单（有下级页面）、模块（列表、功效区…）、操作（按钮、删除、排序…）。



做这一步的进程你会发明以前的脑图有些处所没想到，实在很正常，做这些流程就是为了尽量防止漏掉的点，如果直接画原型漏掉的会更多。为了让每一个环节加倍完备，可以鄙人一个环节发明漏掉点的时辰，实时在上一个环节的响应处所举行弥补。
依照布局图次序起头画原型图
布局丹青好以后起首是举行排序，最佳从上到下起头排，次序肯定后就尽可能防止更改（以后画原型的时辰发明有漏掉的项，弥补时在厥后追加，而非插入）。然后给每个包括下级页面的项加一个标识表记标帜。



如许做的益处是在画原型图以前就晓得一共有几多个页面（假设第4层的某个页面可以跳转至第2层的某个页面，那末只需写方针页面名称，不做向后延长，也就不做标识表记标帜），而且原型图目次也能很好的分清层级瓜葛，导出的原型图文件夹内里的各页面缩略图展现也不会紊乱分列。经由过程事情中发明带有页面跳转的原型丹青起来费时候、且表达也不敷直观，以是我习气一个原型页面临应一个层级的产物界面，怎样表达页面跳转瓜葛呢？后面会先容一种法子。

下面就起头画原型图了，起首我会建立一个页面模板，让每一个页面看起来结构同一，页面上包含页眉、原型、跳转瓜葛、原型阐明。



跳转瓜葛表白了该页面上所有可跳转的方针页面，就可以经由过程页面名称很快的举行切换检察，若是画全局的页面跳转瓜葛图，画起来繁杂，而且看的人也没耐烦去钻研内里的各类流程路线。原型页面上只展现页面要素，一些细节可能由交互设计师来完成，以是如许的一套原型图产出速率仍是很快的，固然条件是你的下流有一个交互设计师，若是下流没有交互设计师，可能要跟后面要说的交互设计文档举行交融了，或把两件事都做了。
快速出图——建立本身的控件库
想要快速画如许的原型图，就得创建本身的一套控件库，固然不消决心抽时候去建，只必要日常平凡事情中在画原型图的时辰同时打开一个本身的元件库，库里有直接用，库里没有在原型图上做好以后复制到本身的库里便可。像上面这类水平的原型图不必要太多控件便可以画了，如果保真度高一点的，可能就要堆集足够多的控件了。谁还说本身用手画原型图来得最快，我跟谁急。


交互设计图——只做交相互关诠释
大部门公司都是没有交互设计师的岗亭的，以是在这里先容一下本身写皇冠交友交互设计文档的法子吧。交互设计文档主如果给前端和UI看的文档，以是文档的阐明应不包括营业诠释、法则阐明相干的内容。可以借用需求文档的思绪，仍是先排版，页面分为“准高包管原型图”、“注释阐明”、“交互”、“其他弥补内容”。
信达软件站


“注释阐明”应当包含：输入检测尺度、缺省值、界面元素变革、显示上限等情形的阐明。

“交互”包含：提醒弹框样式、功效实现方法、提醒内容等相应用户物理操作的反馈画面。



某些页面可能按照分歧的情形展现结果会有所分歧，可以在弥补里描写分歧场景下的界面样式。



固然你还必要在文档的起头增长一个浏览阐明，举行全局的交互阐明，让看文档的人可以或许很清晰的晓得你在图上做的标识表记标帜暗示何种操作。



“通用阐明”就是这类气概交互文档城市有的阐明，可以保留为模板，今后套用便可，“出格阐明”是针对此文档中的一些细节举行的阐明。

估量有人会说如许的图做起来繁杂，一些技能的工具可以去网上看一些东西利用的教程，纯熟了就晓得若何便捷的产出如许的图了。我这里只是讲我小我总结的若何快速写出清楚直观的产物文档，一些技能的工具说来话长了。

本文由 @吴某某 原创公布于人人都是产物司理。快猫视频未经允许，制止转载。