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

首发地址:

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

作者介绍:Christina Wodtke  

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

https://twitter.com/cwodtke

http://eleganthack.com/

https://medium.com/@cwodtke

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

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

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

开放注册!

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

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

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

这个帖子会涵盖:

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

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

思维导图

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

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

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

来自Rolf Faste的思维导图的文章

 思维导图的基本原则是:

1创建中心语句。

2径向向外发展想法。

3快速捕获想法。

4使用线条显示连接。

5创建思维结构。

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

7从已知到未知的工作。

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

9增加密度以创造丰度。

10避免批判。

11对这种方法感到有趣。

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

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

概念图

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

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

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

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

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

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

by @mleacock

系统模型

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

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

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

Battle.net UI by @StoneLibrande

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

心智模型

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

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

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

概念模型

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

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

概念模型使用的几种方式:

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

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

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

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

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

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

对于团队

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

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

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

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

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

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

1)文档的标题是什么?

2)确保约定每件事。

3)在图表中留白。

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

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

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

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

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

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

概念模型可以很时髦:

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

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

Bill Verplank’s Model of Interaction Design

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

a model for making concept models

模型,导图,画布...

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

 由Alex Osterwalder创作的画布

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

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

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

建议阅读下列文章:

One Page Designs 

Models, Maps and Canvases by Dave Gray

 

 

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

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

 

时间: 2024-08-03 13:43:13

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

详解Android Dialog对话框的五种形式

Android中的对话框形式大致可分为五种:分别是一般对话框形式,列表对话框形式,单选按钮对话框,多选按钮对话框,自定义对话框. 在实际开发中,用系统的对话框会很少,因为太丑了,美工不愿意,多是使用自定义对话框.当然学会系统的,自定义就简单了,所以我们先来学习系统的,后面在写一篇自定义对话框. 一般对话框: 不多说先上图: 代码: private void dialog1(){ AlertDialog.Builder builder=new AlertDialog.Builder(this);

详解Spring配置事务的五种方式_java

Spring配置文件中关于事务配置总是由三个组成部分,分别是 DataSource .TransactionManager  和 代理机制 这三部分,无论哪种配置方式,一般变化的只是代理机制这部分. DataSource.TransactionManager这两部分只是会根据数据访问方式有所变化,比如使用Hibernate进行数据访问时,DataSource实际为SessionFactory,TransactionManager的实现为HibernateTransactionManager. 具

winxp系统本地磁盘图标变了的五种解决办法

  遇到一网友求助,他的电脑本地磁盘图标,有的正常,有的却变成未知图标了,求助怎样解决这种问题.出现这样的问题,一般有这几种原因,一是盘符错乱引起,二是图标缓存出了问题,三是注册表被修改,四是病毒引起,五是磁盘系统文件目录出错.给他介绍了几种方法,最终把磁盘图标问题解决了. 方法之一:重置盘符 1,因盘符错乱引起图标异常的情况最多,也是最容易解决的,解决方法是重置一下盘符,具体方法:在"我的电脑"上右键,选择"管理". 2,进入管理窗口后,在左侧选择"磁盘

详解PHP实现定时任务的五种方法_php技巧

定时运行任务对于一个网站来说,是一个比较重要的任务,比如定时发布文档,定时清理垃圾信息等,现在的网站大多数都是采用PHP动态语言开发的,而对于PHP的实现决定了它没有Java和.Net这种AppServer的概念,而http协议是一个无状态的协议,PHP只能被用户触发,被调用,调用后会自动退出内存,没有常驻内存. 如果非要PHP去实现定时任务, 可以有以下几种解决方案: 一. 简单直接不顾后果型 <?php ignore_user_abort();//关掉浏览器,PHP脚本也可以继续执行. se

ExtJS 4.2 教程-08:布局系统详解

ExtJS 4.2 系列教程导航目录: ExtJS 4.2 教程-01:Hello ExtJS ExtJS 4.2 教程-02:bootstrap.js 工作方式 ExtJS 4.2 教程-03:使用Ext.define自定义类 ExtJS 4.2 教程-04:数据模型 ExtJS 4.2 教程-05:客户端代理(proxy) ExtJS 4.2 教程-06:服务器代理(proxy) ExtJS 4.2 教程-07:Ext.Direct ExtJS 4.2 教程-08:布局系统详解 今天我们来对

详解Android获得系统GPU参数 gl.glGetString

详解Android获得系统GPU参数 gl.glGetString 通过文档的查找,以及源码的剖析,Android的GPU信息需要通过OpenGL来获取,android framework层提供GL10来获取相应的参数,而GL10要在使用自定义的View时才可以获得,下面是获得GPU信息的例子: 1.实现Render类 class DemoRenderer implements GLSurfaceView.Renderer { public void onSurfaceCreated(GL10

开心网推自助广告系统详解 可按地域年龄投放

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 12月15日消息,国内社交网站开心网近日正式推出了自助广告平台,广告主可以自主发布和管理广告内容,按照地域.年龄.身份等细化特征投放到潜在用户群中,并按效果付费.此前社交网络龙头Facebook已推出了自助广告系统,来自自助广告系统的收入成为重要收入来源.此次开心网推出自助广告系统也被认为是提高盈利的一个重要手段. 自助广告预算和费用由广告主

解构APT:高级持续性威胁的前生今世

本文讲的是 解构APT:高级持续性威胁的前生今世,就像来自IT.信息.网络安全行业很多缩略词一样,APT(高级持续性威胁)这个术语正变得广为人知.就像新生概念一样,它和它的兄弟词语AET(高级逃逸技术)占据了当今各大媒体的头条. 然而,从这两个术语涉及的最基本层面上来看,它们并没有任何创新.新的简写的确概括了当今这个高度信息化的时代遇到的一些真正的威胁,但它们只是在没人注意的时候偷偷重新发明了自己.因此,APT里代表持续性(Persistent)的那个"P"看上去才显得如此恰当(apt

解构微信:打败微信的将会是一款什么样的产品?

人人都是产品经理是中国最大最活跃的产品经理学习.交流.分享社区.集媒体.社区.招聘 .教育.社群活动为一体,全方位服务产品经理.本文由人人都是产品经理社区 作者@张宏攀(微信号:zhp_no1) 原创发布.转载请联系人人都是产品经理. 打败微信的将会是一款什么样的产品?这个问题想必很多产品人都有思考过,但是打败微信的究竟是一款什么样的产品,我想这件事如果还未真正发生,那我们谁也无法给定确定答案,就像微信问世之前,盖过QQ风头的谁也不会相信是2011年才发布的微信. 既然无法给定答案,那是不是就说