[供应信息]主题：王普达 发布者：上海王普达有限公司 林恩
09/02/2012
Visit:9 ,Today:1
Web流程图的绘画指南
编者按：本文作者为设计师Felix Ding，丁宇。在作者设计生涯开始的早期，就开始接触流程图。一个好的流程图，可以用来理解需求、解析复杂的业务流程、同时也有助于交互设计。
为了使流程图的价值至大化，文中着重分析了开始和结束标记、界面、对话框、决策点、条件分支、子流程、跳转点、描述、系统行为等视觉词汇。
前言
在我设计生涯的早期，我就开始绘制流程图了。刚开始的时候，我所绘制的流程图大都比较简单，图中的节点不多，逻辑也是直截了当的。因此，一直到我加入支付宝-中国至大的线上支付平台，我才意识到复杂的流程图的用处巨大。在支付宝，业务需求和流程之复杂、变化之迅速，使得理解它们本身已经是一件非常有挑战性的工作。正是此时，我开始依靠流程图来理解需求，并使用这一方法来做交互设计。渐渐地，流程图显现它的魅力：产品经理喜欢它，连工程师也用它来指导开发。
2008年秋天，我将自己的经验总结为一篇题为《画Web流程图的一点心得》的文章，发表在自己的blog上。该文立即引起了广泛的注意。各种推荐、转载、讨论和跟进的文章在线上线下都频频出现，甚至有人按照我在文章中提到的方法制作了一套流程图模板。时至今日，这篇发表于四年前的文章仍然给我的个人主页带来不少流量。
然而，上述文章有一个比较严重的问题，使得其内容带有误导性：它并没有使用用于“描述信息架构和交互设计”的《视觉词汇表》。坦白讲，写作的时候我并没有注意到有这样一份广为人知的词汇表存在，而是创建了我自己的词汇，并将其介绍给大众。因此，文章的部分内容没有遵循惯例，从DRY(Don’t Repeat Yourself，不要重复自己)的角度讲这并不是很合适。该文发表一年后，我的确在另一篇文章中指出了这一问题，但遗憾地是这次没能像上次一样引起广泛的注意。本文由闵行网站建设 http://www.seo201314.com 友情转载。
上海王普达有限公司
上海市闵行区莘庄镇
021-64891200
13482522400
justshang@126.com
www.justshang.com
最后更新: 2012-09-02 14:46:18
