手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >新手学画设计流程图
新手学画设计流程图
摘要:因工作需要学画流程图,试过之后爱不释手。好处多多,一是能整理自己的思维,二是大大降低了和RD之间的沟通成本。貌似流程图更常出现在开发人员的详...

因工作需要学画流程图,试过之后爱不释手。

好处多多,一是能整理自己的思维,二是大大降低了和RD之间的沟通成本。

貌似流程图更常出现在开发人员的详设文档中,产品部门的同事反倒用得少。从工作实情来看,一份步骤清晰的流程图要比PRD中大段的文字描述直观易懂得多。

1. 常用符号:

新手学画设计流程图1

2. 说明:

流程图的画法并无硬性规定,以能让人迅速看懂为目标。通常的,使用长方形表过程,也可以理解为一个action,菱形表判断,箭头表流向。这是不需要特别解释的,如果流程图较复杂,最好先定义各符号的含义,并在整个流程中保持一致。

作为分析过程的工具,流程图展示的是逻辑关系,表明工作如何完成。区别于线框图和原型,所以不需要太精细。

review很重要。除了流程本身是否正确以外,还需考虑现有的是最佳方案吗,是否有些步骤能够简化。

评价一个系统设计的好坏,不是看正常逻辑,而是看异常分支的处理。举个例子,网购时,付款未成功但银行卡里的钱已经扣除,这时就需要设计一个补单流程。

不要奢望把所有东西塞在一个图里,每个流程图都有它的主线,其他枝节可以另起。

3. CASE:淘宝新用户注册流程

文字描述:

新用户注册分为三步,填写帐户信息——>验证账户信息——>完成注册。

账户信息包括会员名、密码和验证码,其中会员名要在5-20个字符内,密码要在6-16个字符内且不能单独使用字母、数字或符号。

验证方式有2种:手机、邮箱……(blabla继续描述),说着说着,RD们就会犯困,稍微开了点小差就云里雾里了。和PM在理解上有歧义也不容易发觉。

流程图:

新手学画设计流程图2

通过画流程图,能梳理出主要的步骤。仔细思考每一个action,也很容易找出有疑问的地方。

例如,

Q1:用户选择了邮箱验证,为何会在填写完邮箱后弹出提示框,要求走手机验证流程,而没有采用传统的邮箱验证方式?

Q2:强制填写手机号码,除了有利于淘宝收集用户数据以外,还有什么作用?

Q3:对于潜在用户,将手机作为注册的必备项,是否门槛过高了些?为什么不采用循序渐进,即用户在发生购买行为后会自然地填写手机号码的方式。

Q4:当用户更换手机号码,如何处理?

注册成功后,淘宝账户名为填写的用户名(不能更改)和手机号码,支付宝账户名也为手机号码。那么,若用户因非主观原因换号(如手机丢失等),支付宝账户需要做相应的更改吗?

新手学画设计流程图3

貌似做实名认证时,支付宝账号即手机号码不允许更改。若要更改需先解除淘宝账户和支付宝账户的关系,解除操作又要满足一定的条件。对于那些丢失了手机又不太想用原手机号做支付宝账号名的用户(毕竟和钱相关,慎重点好),还挺麻烦的。

如上,是在画流程图时,零散想到的一点东西。大多显而易见。

也可能说得并不在理,我不晓得淘宝内部是怎么处理这些逻辑的,我能看到的信息和普通用户无差,所以上面的流程分析估计多少还存在点问题。

Anyway,思维过程比会使用工具重要得多。

常有人纠结产品和技术间的矛盾,非专业出身多少会遇到这种问题。如果多站在对方的角度想,用对方的语言和他沟通,结果会大不一样。

流程图就是这种语言,至少,我已经尝到了甜头,你也可以试试看。

【新手学画设计流程图】相关文章:

方形元素在网页设计中的应用

精彩的节日壁纸设计流程

台湾美女聊聊设计师的鄙视链

手机APP模糊背景设计的优雅

6个设计灵感网站推荐

光影之中发现设计之美

杂志化的网页设计趋势

网页设计的方向你知道吗?

如果我为自己设计一个手机

带你展望2015年最重要的网页设计趋势

精品推荐
分类导航