【AICon】探索RAG 技术在实际应用中遇到的挑战及应对策略!AICon精华内容已上线73%>>> 了解详情
写点什么

画好 Web 流程图

  • 2008-10-13
  • 本文字数:742 字

    阅读完需:约 2 分钟

画流程图是程序设计的基本功,但又似乎属于各有各的高招的一个领域。那么到底用什么标准评价流程图的好坏呢?从事用户体验设计咨询的丁宇在博客上分享了他“画 Web 流程图的一点心得” 。除了给出他自己的一套形状,还逐一说明注意事项,很有爱心:

作为整张流程图的头和尾,必须标清楚到底具体指哪个页面,以免日后出现歧义。
[……]
所有从形状出来的线条,都具有和此形状边框一样的颜色。这样的做法不仅看起来漂亮,在复杂的流程图中还能轻易地标明各形状的关系。
[……]
几乎总是让‘是’的分支往下流动,让‘否’的分支向右流动。因为流程图一般都是从上向下、从左到右绘制的,遵循上述规则一方面可以让绘制者不用为选择方向操心,另一方面也方便了读者阅读。
[……]
并非所有后台动作都绘入流程图中(否则流程图就会变成庞然大物了),只有需要特别强调的后台动作(和用户体验直接相关的)才使用此形状。
[……]
可以利用跳转点来分割篇幅巨大的流程图
[……]
分割篇幅巨大的流程图,更好的办法是用子流程。
[……]

他还特别强调: > 在团队合作中,图例是必须的,否则没人知道你画出来的东西到底是什么。

除了确保别人能看懂你的流程图,评价流程图的好坏,还要谨记“流程图是要指导 UI 设计的,是 UI 设计的参照物”,必须“覆盖了各种可能的情况和细节”,“考虑到系统的设计和承受能力”。

支付宝交互设计师 Joycce 总结得更加扼要:

  1. 简单易懂
  2. 表达正确全面,有重点、有细节
  3. 形像生动

丁宇也发起了一个征集活动,邀请大家一起分享自己的心得,各位达人请不吝赐教,InfoQ 中文站将继续跟踪报道。

如果想了解流程图的一般用法,Arky Tan 翻译了Jesse James Garrett 撰写的“描述信息结构和交互设计的图示词汇表 ”。顺便一提,流程图这东西是有标准的,在发明自己的一套图形之前,不妨先翻一下 ISO 5807:1985

2008-10-13 22:268128
用户头像

发布了 225 篇内容, 共 60.6 次阅读, 收获喜欢 49 次。

关注

评论

发布
暂无评论
发现更多内容

聪明人的训练(十二)

Changing Lin

4月日更

Hadoop的发展及其架构

五分钟学大数据

hadoop 4月日更

好运转购物商城

飞亚科技

TimSort — 以人命名的排序法

D

更揽群碑荟一堂|靠谱点评

无量靠谱

视频云全球创新挑战赛 —— 视频目标分割经典算法解析

阿里云视频云

阿里云 计算机视觉

Javacv 音视频小工具 - 下载抖音无水印视频

张音乐

Java 音视频 ffmpeg 抖音 javacv

跟着源码学IM(八):万字长文,手把手教你用Netty打造IM聊天

JackJiang

Netty 即时通讯 IM

StreamX: 流批一体大数据平台正式开源

ApacheStreamPark

实时 OLAP, 从 0 到 1

Apache Flink

flink OLAP 区块链技术

融云音视频产品免费 20 万分钟 助力通信场景全搭建

融云 RongCloud

「 人气作者 TOP10 公布 」—— InfoQ 写作平台【 1 周年盛典 】

InfoQ写作社区官方

1 周年盛典 热门活动

架构训练营作业-模块二

西伯利亚鼯鼠

思维导图学《Java性能权威指南》

Yano

Java 性能 思维导图

BERT和GAN咋压缩,且看咱PaddleSlim新利器—— OFA

百度大脑

百度 飞桨

快速定制OCR识别模型好帮手:百度EasyDL OCR自训练平台上线啦!

百度大脑

EasyDL-OCR

身份和访问管理标准及挑战

龙归科技

物联网 云服务 认证授权 身份和访问管理

交易所跟单软件搭建,合约跟单系统开发

情指勤指挥调度平台搭建,公安重点人员管控平台搭建

课程完结有感

Kalman

产品经理 产品经理训练营

专业开发者眼中的HarmonyOS:专访资深软件工程师李宁

Geek_283163

华为

数据中台在企业数字化转型中的践行(上篇)

EAWorld

攻击区块链网络的都有哪些方式方法

CECBC

区块链

用 JavaScript 实现三次贝塞尔动画库 - 前端组件化

三钻

JavaScript 大前端 动画 组件化

如何将区块链打造为城市底层基础设施

CECBC

区块链

OSI七层模型

赖猫

TCP 后台开发 后端 网络编程 网络协议

数据中台在企业数字化转型中的践行(下篇)

EAWorld

积极研发区块链技术落地应用业务 这家A股上市企业试水云算力挖矿

CECBC

区块链

回归主流:区块链新大门的“密钥”

CECBC

区块链

混音新手必备软件:FL Studio,用它简单制作混音

奈奈的杂社

字节三面:对于Spring你了解多少?如果你会了这150道题 ,吊打面试官岂不是洒洒水?

北游学Java

Java spring Spring Framework spring Boot Starter spring cloud alibaba

画好Web流程图_最佳实践_郭晓刚_InfoQ精选文章