提炼Web流程图设计原则与实例解析

在制作Web流程图的过程中，作者分享了一点个人的心得体会。首先，他指出在某些公司中，交互设计师专门负责产出流程图，这反映出一种高度专业化的分工。然而，对于流程图的质量评价，作者意识到自己之前并未深入思考，于是决定分享自己的标准。 1. 开始和结束符号：流程图的起点和终点应该明确标注，确保指向特定页面，避免混淆。网页形状通常表现为带有淡蓝色过渡效果的深蓝边框长方形，包含网页用途和对应demo文件的名称。 2. 网页设计：作者提倡将流程图输出为网页形式，便于查看。网页形状与实际demo文件关联，提供便利性。OmniGraffle和Visio等工具在实现这一点上有不同优劣。 3. 后台判断：作者使用特定的绘制规则，例如'是'分支向下，'否'分支向右，以便于绘制和阅读。这体现了流程图的逻辑走向。 4. 表单错误处理：错误页作为重要组成部分，应确保在流程图中提及，但不必详尽列出所有可能的错误情况。通过附属页的方式，简化了错误分类，便于程序员理解。 5. 后台动作：并非所有后台操作都需详细描绘，保持流程图的简洁性，避免过度复杂。 6. 形状规范一致性：作者强调线条颜色与形状边框一致，以增强视觉效果和形状间的关联性，这是作者个人创新的一部分。 通过这些细节，我们可以看到作者在设计Web流程图时注重实用性和清晰度，同时也在不断优化工作流程，使得设计既符合行业标准又具有个性化特点。这种关注用户体验和沟通效率的做法对于任何项目团队来说都是有价值的参考。