让系统更清晰——解构复杂系统的五种常用模型

简介: 本文介绍了五种解构复杂系统的常用模型,分别为思维导图、概念导图、系统导图、心智模型以及概念模型;针对每种模型,作者给出了相关的制作规则以及案例,读者可以根据自身情况选择合适的模型,对复杂系统进行更深入的了解。

更多深度文章,请关注:https://yq.aliyun.com/cloud

作者介绍:Christina Wodtke  

美国女商人用户体验设计和信息架构领域的专家;曾在雅虎Hot Studio纽约时报等公司工作,以改进和开发他们的网站创立了Webby的设计思想杂志(盒子和箭头)经常被邀请作为专家做关于社交网络设计游戏用户体验创业管理和创新方面访谈

https://twitter.com/cwodtke

http://eleganthack.com/

https://medium.com/@cwodtke

80619e99838e247b1495cd6cd3080abc9d9f76f5

如果你在旧金山湾区?可以加入商务绘图研讨会

https://continuingstudies.stanford.edu/courses/professional-andpersonal-

development/visual-thinking-working-withpictures/2016/2016_WSP-307

开放注册!

CCA讲授的课程,学生被心智模型,概念模型,概念图等困惑写下此博客可能会对大家有所帮助UX设计(产品设计交互设计信息架构等)具有命名和重命名事物的倾向、因此模糊性是不可避免的。

aee73a8bde45836c00ef297a0715ef2ab0387701

 http://www.fastefoundation.org/publications/mind_mapping.pdf

上图模型Scott Berinato创造我们要探索的五个模型是探索性/概念性或探索性/声明性模型。这意味着它们是基于想法而不是数据。这五个图特别适用于理解复杂的系统。

这个帖子会涵盖:

  • 思维导图,收集想法
  • 概念图,组织理解
  • 系统导图,映射系统
  • 心智模型,了解和沟通用户的理解
  • 概念模型,以信息的方式思考一个复杂的系统

前两张图是探索性的,即用于排序思维。

思维导图

脑海中所有东西在一张纸上,建立连接。可以从相关项目中受到启发

9d4a2a912c162241ec3635df48204266636da087

   你可以使用它来绘制文本、记录笔记或者只是在脑海中产生的某些概念,也可以和团队开头脑风暴,创造一个共同的愿景,或者询问产品的潜在用户做一个类似的思维导图,这使你能更有效地了解他们的想法。

cde082f9afb8d7a68b957eb7b9d2bb30778c7e2f

   因为思维导图很容易绘制,并且没有如何制作它们的规定,所以思维导图是开始系统建模的好方法。

来自Rolf Faste思维导图的文章

 思维导图的基本原则是:

1创建中心语句。

2径向向外发展想法

3快速捕获想法。

4使用线显示连接。

5创建思维结构。

6跟随一个想法,尽可能的去发散

7从已知到未知的工作。

8当想法耗尽时返回中心。

9增加密度以创造丰

10避免批判

11对这种方感到有趣

 思维导图是让你头脑中的东西能够可视化一种简单方法

c9dde997d1883f4bf03b0fdea49350a0cfb3bb17

 https://www.mindtools.com/pages/article/newISS_01.htm

概念图

   概念图思维导图更加正式。在概念图中,可以命名项目之间的关系。Hugh Dubberly率先使用它们来理解复杂系统。丹布朗这样解释他们

8890f85457dd655d7bf41db24ea9e56440e7308d

Hugh Dubberly的文章创建概念图中,列出了创建概念图的步骤。

  • 列表术语
  • 编辑列表
  • 定义剩余术语
  • 创建术语关系的矩阵排列
  • 排序术语
  • 决定主分支或写框架语句
  • 填写结构的其余部分
  • 修改
  • 应用排版以强化结构

   概念图可以很简单,可以在设计过程中使用或者为客户或团队制作海报,海报非常适合保持共同愿景和鼓舞人心对话一种方式

e4073b5a55c4f995401083b5d66183969b5fbfcb

概念图是强大的工具,可以帮助团队了解他们正在设计的空间。

80abf713a43b47446baea4567276da31b9c675c5

http://www.dubberly.com/concept-maps/understanding-internet-search.html 

by @mleacock

系统模型

系统模型的工作是尽可能准确地描述系统。

cf2c0ac90070dda09a648983cb0e79ec15cb8ac6

 http://sce.uhcl.edu/whiteta/sdp/createSystemModel.html

   如果系统不熟悉制作系统模型可以帮助你成为了解系统的专家。系统模型与概念图一样强大的原因:保持整个团队对可以看到系统共同理解。着系统改变,团队成员可以使用标记对其更新。系统图可以包含内容或行为,它们可以映射现有系统或者记录要构建的系统。

ab4a7a7f74ffc48aea8292ebba9dc8ed8d837cfe

Battle.net UI by @StoneLibrande

   系统模型的危险在于一旦你了解了系统,你就会忘记它是多么的混乱和复杂时候就需要心智模型。

心智模型

  心智模型是用户最终如何看待复杂系统的一种模型。用户将忽略系统中复杂的不相关部分,并专注于所关心的部分。绘制心智模型可以帮助团队了解潜在用户如何看待系统。例子:

814ddff47b5c0e79427a9ef97ed23d6385ed9cc8

Map of your Grocery Store http://pleated-jeans.com/2012/11/29/a-map-of-your-grocery-store/

Indi Young采用心智模型,将最终用户的使用作为最初原则,使用访谈应用研究的方式,提出了一种方法来映射产品(或竞争对手)。

52a4a807e8553ed10e6eaf957451893b5a47e70c

概念模型

  概念模型是一种解释,通常是高度简化事情是如何工作。它不必完整准确,只要它是有用的”。

   概念模型是你想其它人如何思考系统的一种模型,不希望系统模型包含任何的细节也希望避免用户像在心智模型一样编造事物,概念模型首先是一个信息

概念模型使用几种方式:

1 告诉最终用户如何思考系统或系统的价值。

d16b7ec5eab074fcc0701ca05a93b68f12ebd61a

 http://www.todayteam.co.uk/how-our-service-works/

2 ·罗姆绘制概念模型来解释世界世界是一个混乱的复杂系统。

8d993b38057889e6b54391406f1dbdf02cf0fe8f

http://www.danroam.com/visual-lessons-from-our-election/

3 使用概念模型来解释流程

dac10627df1eb7ee94f395b7bc5f4a822c9001fd

http://www.designcouncil.org.uk/sites/default/files/asset/document/ElevenLessons_Design_Council%20(2).pdf

abea9c5a090d4b392999750769b57b28c1874172

对于团队

   可以在公司内部使用概念模型,与团队成员沟通如何将设计的系统可视化。下图是使用网站地图向团队解释我的设计。网站地图本质上是系统图但网站很大并且很难在图中显示。

e0ff819cfc8f7264e53bbf8316cae50b2379c4d6

http://www.bbc.co.uk/blogs/bbcinternet/2011/11/bbc_weather_design_refresh.html

大多数设计师从制作系统模型转移到制作概念模型,以传达关键的组织原则。

918a37fd7d063bf0d4c2182856dfff035ff5122a

http://architecture.31bio.org/information-architecture-concept-model/

4fb2de79b39e0e6b17dee9feedb5597741fcc740

Stone LibrandeOne Page Designs是游戏设计决策的概念模型。

2c961d1a419f775eb6161fbf5b7dd86d341bf300

@ StoneLibrande的谈论One Page Designs可知,有一个简单的模板

1)文档的标题是什么?

2)确保约定每件事

3图表中留

4)图中间的中心说明能帮助引起注意,并作为一个焦点。

5)在中心图下面放置一个带有附加说明文字的描述。

6)在插图周围使用标注,以提供额外的细节。

7)一些自己的标注也可能需要说明,添加注释以澄清重要的概念。

8)使用侧边栏和要点作为检查表、高层次目标或其他必要信息。

注意事物的重要性,越重要所画的区域越包括字体大小和说明

概念模型可以很时髦:

2be0e9407f4deb541b271528f6f4b0c99d1a8a90

http://www.poetpainter.com/thoughts/?utm_source=twitterfeed&utm_medium=twitter

也可以是白板上的简单绘画:

9d68af15fced7af5935d3ff6bf1235c038779d7a

Bill Verplank’s Model of Interaction Design

学习如何制作一个概念模型这篇文章使用了箭头和盒子:

2f8bdcd9de8091b302b91b0c82e1589f2e83f682

a model for making concept models

模型,导图,画布...

还有其它的模型和地图,以及交互式模型——画布。本文介绍的五模型只是可视化工具中的小部分。

122f58371aea5ee871a0568bb760217e30027c02

 由Alex Osterwalder创作的画布

现在年轻的设计师是从以下几条开始:

  • 心智导图收集想法
  • 概念图来组织理解
  • 系统导图来映射系统
  • 心智模型来理解和沟通用户的理解
  • 概念模型以消息种新方式来思考一个复杂的系统

去画,让这个古怪的世界有意义!

建议阅读下列文章

One Page Designs 

Models, Maps and Canvases by Dave Gray

 

数十款阿里云产品限时折扣中,赶紧点击领劵开始云上实践吧! 

本文由北邮@爱可可-爱生活老师推荐,阿里云云栖社区组织翻译。

文章原标题《Five Models for Making Sense of Complex Systems》,作者:Christina Wodtke,译者:海棠,审校:firday012

文章为简译,更为详细的内容,请查看原文

 

相关文章
|
11月前
|
人工智能 安全 API
Higress MCP Server 安全再升级:API 认证为 AI 连接保驾护航
Higress MCP Server 新增了 API 认证功能,为 AI 连接提供安全保障。主要更新包括:1) 客户端到 MCP Server 的认证,支持 Key Auth、JWT Auth 和 OAuth2;2) MCP Server 到后端 API 的认证,增强第二阶段的安全性。新增功能如可重用认证方案、工具特定后端认证、透明凭证透传及灵活凭证管理,确保安全集成更多后端服务。通过 openapi-to-mcp 工具简化配置,减少手动工作量。企业版提供更高可用性保障,详情参见文档链接。
1404 42
|
11月前
|
存储 JSON 数据格式
什么情况,一夜之间冲上热搜,狂揽29.6k星,再见吧SQLite!这个嵌入式分析引擎实在太香了
DuckDB是一款嵌入式OLAP数据库,专为高效分析型查询设计,被誉为“分析型SQLite”。它采用列式存储和向量化查询引擎,显著提升分析任务性能。无需独立服务器,支持Python、R、Java等语言,安装简单,5分钟即可上手。DuckDB可直接查询CSV、JSON、Parquet文件,支持Pandas零拷贝交互,优化SQL语法简化复杂查询。适用于探索性数据分析、数据湖ETL流水线及边缘设备实时分析等场景,是数据科学家和开发者的理想工具。项目地址:https://github.com/duckdb/duckdb
1247 4
|
存储 数据处理
GDPR
【10月更文挑战第7天】GDPR
903 7
|
数据采集 监控 数据挖掘
拼多多商品评价API的获取与应用
在数字化商业时代,拼多多商品评价API为开发者和企业提供深入理解消费者反馈、优化产品策略及提升用户体验的重要途径。本文详述了该API的获取方法及其在电商平台运营优化、品牌商市场调研与产品改进、数据分析与市场洞察等领域的广泛应用,强调了遵守使用规范、数据质量处理及性能优化的重要性。
1249 0
|
人工智能
一场静默的教育革命正在发生:AI如何重塑学习与教学
生成式人工智能(Generative AI)正深刻改变教育领域,从学生到职场人士,AI逐渐成为必备技能。文章探讨了AI在教育中的应用与挑战,如认知卸载现象及批判性思维能力下降,并提出通过GAI认证提升AI技能的标准化途径。未来教育将形成“师、机、生”三元结构,强调人与AI协作共进。掌握AI技术不仅是职业发展的关键,更是教育革命中的核心推动力。
|
Web App开发 前端开发 程序员
将微信公众号文章同步到阿里云开发者社区
本文介绍了一种通过自己拓展的浏览器插件,便捷地将微信公众号文章同步到阿里云开发者社区的方法。
481 6
|
存储 前端开发 安全
常见的前端加密方式都有哪些?
【4月更文挑战第19天】本文介绍了前端加密的四种常见方法:哈希加密、对称加密、非对称加密和混合加密。哈希加密适用于密码存储,但存在哈希碰撞风险;对称加密速度快,适合安全通信;非对称加密更安全,但速度慢;混合加密结合两者优点,常用于 SSL/TLS。前端加密是数据安全的重要一环,但需与后端安全措施配合以构建全面防护体系。示例代码展示了 JavaScript 中的 SHA-256、AES 和 RSA 加密。
2163 7
|
XML JSON API
淘宝商品详情API接口:获取商品信息的指南
淘宝详情API接口是淘宝开放平台提供的一种API接口,它允许开发者通过编程方式获取淘宝商品的详细信息。这些信息包括商品的基本属性、价格、库存状态、销售策略、卖家信息等,对于电商分析、市场研究或者商品信息管理等场景非常有用。
765 1
|
机器学习/深度学习 前端开发 安全
软件质量文化:谷歌实践及我的思考
0 缘起前段时间,一篇题为《谷歌资深工程师讲述谷歌如何思考测试》的博文在国内测试圈广泛流传,引起了我的关注。我特意去调查了一下这篇文章的背景,发现它其实是新书《谷歌软件工程》(2022)的一个章节,于是果断下单了一本。当拿到这本书时,我不禁想起以前买过的另一本书,2013年由3位阿里测试前辈翻译出版、至今仍在测试圈产生广泛影响的《谷歌软件测试之道》。图1:两本间隔十年的书这两本书出版的时间差不多间
软件质量文化:谷歌实践及我的思考
|
机器学习/深度学习 自然语言处理 文字识别
商务智能对话客服(三)
本篇介绍智能客服的基本功能架构和基本概念,并利用对话流技术构建商务智能应用。
1891 1
商务智能对话客服(三)

热门文章

最新文章

下一篇
开通oss服务