使用概念模型 和心智模型的_为什么要使用模型?

使用概念模型 和心智模型的

In a former life, I studied critical feminist theory. This included the field of Semiotics — the study of signs and the production of meaning, as well as Deconstruction —the unpacking of meaning to question assumptions.

在过去的生活中,我研究了批判的女权主义理论。 这包括符号学领域-符号和意义产生的研究,以及解构 -将意义分解为疑问假设的领域。

As a Product Designer, I continue this praxis by creating models — visual deconstructions of mental models and concepts.

作为产品设计师,我通过创建模型来继续这一实践,即对心理模型和概念的视​​觉解构。

Models are diagrams that can help designers visualize processes, patterns and relationships. They can be used before you produce a single wireframe — to break down complex problems, to build consensus on your team and bridge gaps in understanding.

模型是可以帮助设计人员可视化流程,模式和关系的图表。 您可以在制作单个线框之前使用它们,以分解复杂的问题,在团队中建立共识并弥合理解上的差距。

“Mapping helps us understand complex systems of interaction, particularly when dealing with abstract concepts like experience.”

“映射可以帮助我们理解复杂的交互系统,尤其是在处理诸如体验之类的抽象概念时。”

O’Reilly “Mapping Experiences”

奥莱利(O'Reilly)的“制图经验”

Image for post

“Concept models create the conditions to extract people’s disparate mental models of a concept, and enable a shared mental model.”

“概念模型为提取人们概念的不同思维模型创造了条件,并实现了共享的思维模型。”

Mike Aurelio, Gain a Communication Superpower with Concept Models

Mike Aurelio , 通过概念模型获得了沟通超级大国

为什么要使用模型? (Why should I use a model?)

In product design, maps and models can help:

在产品设计中,地图和模型可以帮助:

  • Define & refine scope

    定义和完善范围
  • Identify gaps in the experience

    找出经验差距
  • Build team alignment

    建立团队一致性
  • Plan information architecture

    计划信息架构
  • Connect development to design

    将开发与设计联系起来
  • Simplify complex flows

    简化复杂流程
  • Chart omni-channel experiences

    图表全渠道体验

什么时候是使用模型的最佳时间? (When is the best time to use a model?)

Models are especially useful during the synthesis phase after research and discovery. But they can also be helpful at any part of the design process.

在研究和发现之后的综合阶段,模型特别有用。 但是它们也可以在设计过程的任何部分提供帮助。

Image for post
Maps and models can used at any stage in the design process
地图和模型可以在设计过程的任何阶段使用

什么时候应该使用哪种类型的图表? (What type of diagram should I use, when?)

Concept models can help us understand the fundamental building blocks of a product or experience — such as data, concepts, or relationships.

概念模型可以帮助我们理解产品或体验的基本构成要素,例如数据,概念或关系。

Image for post
Concept models = Seeds
概念模型=种子

When the elements of your concept model are combined, they make up your design.

将概念模型的元素组合在一起时,它们便构成了您的设计

Image for post
Design = Trees
设计=树木

A flow connects your designs together in sequential or divergent steps.

流程将您的设计按顺序或分开的步骤连接在一起。

Image for post
Flows = Roots
流量=根

And a map provides a birds eye view of a system; series of experiences.

地图提供了系统的鸟瞰图; 一系列的经验。

Image for post
Map = Forest
地图=森林

There are many names in our field for these diagrams:

这些图在我们的字段中有许多名称:

  • Customer journey maps

    客户旅程图
  • Service blueprints

    服务蓝图
  • Experience maps

    体验图
  • Mental model maps

    心理模型图
  • Spatial maps

    空间图
  • Axis

  • Canvases

    帆布

“The focus should not be on a specific technique but rather on the broader concept of value alignment.” O’Reilly “Mapping Experiences”

“重点不应放在特定技术上,而应放在价值一致性的更广泛概念上。” - 奥莱利的“地图体验”

What you call them is irrelevant, and there’s no clear rule of what model is best for every scenario. Rather, try using different techniques for different problems, and see what feels right.

您所说的它们是无关紧要的,也没有明确的规则确定哪种模型最适合每种情况。 而是尝试对不同的问题使用不同的技术,然后看看感觉如何。

“There’s no one right way to make a map. It’s just a tool to facilitate a conversation, gain clarity or achieve a goal.” — Moi 💁🏼‍♀️

“没有正确的方法制作地图。 它只是一种促进对话,提高清晰度或实现目标的工具。” Moi 💁🏼‍♀️

Here are some examples my colleagues and I have made over the years to help inspire you.

这是我和我的同事多年来为激励您而做出的一些例子。

Image for post

概念模型:关系,优先级,数据 (Concept models: relationships, prioritization, data)

Concept models can help illustrate core ideas and philosophies behind your design or product approach.

概念模型可以帮助说明您的设计或产品方法背后的核心思想和理念。

The below diagrams were used to communicate psychological studies and best practices in the field. They helped define an engaging user experience for a habit formation app that went beyond “gamification” and truly met user’s core needs.

下图用于传达该领域的心理学研究和最佳实践。 他们为习惯形成应用程序定义了一种引人入胜的用户体验,超越了“游戏化”并真正满足了用户的核心需求。

Image for post
Concept model: user motivation
概念模型:用户动机
Image for post
Concept model: user motivation & time
概念模型:用户动机和时间

Models can also summarize key data points — allowing for high level analysis; identifying opportunities, funnels and impact with sales and marketing.

模型还可以汇总关键数据点-进行高级分析; 识别机会,渠道和对销售和营销的影响。

Image for post
Wei Chen, 陈玮 , DesignMapDesignMap

They can be used to illustrate concepts with metaphors that connect ideas in people’s minds, where sometimes words would otherwise fail.

它们可以用来通过隐喻来说明概念,这些隐喻将人们脑海中的思想联系起来,而有时话语可能会失败。

Image for post
UX MasteryUX精通
Image for post
Aarron Walter-Aarron Walter

Concept models don’t have to be works of art — some of the most effective of my career have been simple drawings on a whiteboard that help gain alignment with engineers and product managers.

概念模型不必一定是艺术品,在我的职业生涯中,最有效的一些就是白板上的简单图纸,有助于与工程师和产品经理保持一致。

Image for post
UI Models: exploring options
UI模型:探索选项

They can help us quickly decide between various approaches, think through scale and use cases, saving critical design time by not jumping to hi-fidelity too quickly.

它们可以帮助我们快速决定各种方法,仔细考虑规模和用例,通过不太快地进入高保真度来节省关键的设计时间。

Image for post
UI Models: data scalability
UI模型:数据可伸缩性
Image for post
UI Models: showing patterns in the field
UI模型:在现场显示模式
Image for post

流程:逻辑,变量,步骤,集成 (Flows: Logic, variables, steps, integrations)

Flows can help your teams see the experience from the user’s point of view. They can be used to identify areas of investigation and investment well before wireframing. This flow was used for roadmap planning, when we had not yet started design work.

流程可以帮助您的团队从用户的角度看待体验。 它们可以用于在建立线框之前很好地确定调查和投资领域。 当我们尚未开始设计工作时,此流程用于路线图规划。

Image for post
User flow: current & future functionality
用户流:当前和将来的功能

And flows can help illustrate steps — where they may be missing, where they may be duplicative. One of the easiest ways to simplify an experience is to map its flow, and then see what areas can be combined, refined or removed.

流程可以帮助说明步骤-可能遗漏的地方,可能会重复的地方。 简化体验的最简单方法之一是绘制其流程,然后查看可以组合,完善或删除哪些区域。

Image for post
Gabriela LawrowskaGabriela Lawrowska

Flows can also illustrate pathways across channels, and drive discussions with business stakeholders on what areas should be optimized or further measured.

流程还可以说明跨渠道的途径,并推动与业务利益相关者就应该优化或进一步衡量哪些领域的讨论。

Image for post
User flow: channels & drop-offs
用户流:渠道和下送

Or chart system pathways with engineering; identifying what triggers various states in your UI. The following model went through many iterations and simplified as we went — helping us clarify the true MVP and gather requirements.

或用工程学绘制系统路径; 确定是什么触发了用户界面中的各种状态。 以下模型经过多次迭代,并在进行过程中进行了简化-帮助我们阐明真正的MVP并收集需求。

Image for post
Data flow: backend to front-end status & navigation
数据流:从后端到前端的状态和导航
Image for post

地图:系统,经验,机会 (Maps: Systems, experiences, opportunities)

In ideation, plotting various approaches on a matrix can help you decide on which direction best achieves your desired experience.

从概念上讲,在矩阵上绘制各种方法可以帮助您确定哪个方向最能实现所需的体验。

Image for post
Map: interaction pattern
地图:互动模式

Or at a higher level, charting what features and experiences will define your product at various stages.

或者在更高的层次上,绘制出在各个阶段将定义您的产品的功能和体验的图表。

Image for post
Map: experience directions
地图:体验路线

Mapping out competitor’s product experiences can also help teams understand where they’d like their product land on the spectrum, comparatively.

绘制竞争对手的产品体验还可以帮助团队相对地了解他们希望产品在哪些方面出现。

Image for post
Map: experience ideation
地图:体验构想

When defining product strategy, maps can illustrate systems from a high level, allowing executives to explain their value and vision to investors and board members.

在定义产品策略时,地图可以从高层次说明系统,使高管可以向投资者和董事会成员解释其价值和愿景。

Image for post
Gregory Baker, Gregory Baker , DesignMapDesignMap
Image for post
Current feature to future vision map (Sankey diagram)
当前功能到未来的远景图(Sankey图)

Journey maps allow you to chart experiences across product silos and user types. They can help multiple teams understand how their features connect to the bigger picture. Because to our users, it’s all one experience.

旅程图使您可以绘制跨产品孤岛和用户类型的体验的图表。 他们可以帮助多个团队了解他们的功能如何与更广阔的前景联系在一起。 因为对我们的用户而言,这是一种全部的体验。

Image for post
Journey map: touchpoint & user types
旅程图:接触点和用户类型

Insights and ideas can be plotted directly on the map, synthesizing robust information in a grokable way (because no one likes reading 50 page decks or documents).

洞察力和想法可以直接绘制在地图上,以易于理解的方式合成强大的信息(因为没有人喜欢阅读50页的卡片组或文档)。

Image for post
Journey map: optimizing by persona
旅程图:按角色进行优化
Image for post
Journey map: cross user, team workflow
旅程图:跨用户,团队工作流程

您用来解决复杂问题的最喜欢的图表有哪些? (What are some of your favorite diagrams you’ve used to solve complex problems?)

My craft has been heavily influenced by the talented and wicked smart folks at DesignMap, a design consultancy that believes enterprise can be sexy and designers should have integrity. Special thanks to the directors and partners who trained me on many of these methods.

我的手艺受到了 设计咨询公司DesignMap认为企业可以保持性感,设计师应具有诚信。 特别感谢对我进行许多此类方法培训的董事和合作伙伴。

资源资源 (Resources)

  • Mapping Experiences (Book)

    制图经验 (书)

  • Gain a Communication Superpower with Concept Models

    通过概念模型获得沟通超级大国

  • A Visual Vocabulary for Concept Models

    概念模型的视觉词汇

  • Design process & thinking: cognitive maps, mind maps, and concept maps

    设计过程与思考:认知图,思维图和概念图

  • How to Make a Concept Model

    如何制作概念模型

  • Five Models for Making Sense of Complex Systems

    理解复杂系统的五种模型

  • Mental models in product design

    产品设计中的心理模型

  • Designing Napkins

    设计餐巾

  • I Saw You Draw

    我看见你画了

  • Three Things

    三件事

翻译自: https://uxdesign.cc/design-before-pixels-4fc4c3a5e94c

使用概念模型 和心智模型的

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275734.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

什么?在 VSCode 里也能用 Postman了?

大家好,我是若川。VSCode中有很多好用的插件,今天推荐 Postcode。面试、学习源码系列、年度总结、JS基础系列以前一直在用postman做API测试,如果你同时在使用vscode开发时,每次切出去可能比较烦,其实就是太懒了。。。作…

英语 动画 教学 字母_字母形式在阅读教学中的作用

英语 动画 教学 字母Note: this essay may also be found on Design Observer.注意:这篇文章也可以在 Design Observer 上找到 。 My first-grade reading tutor gave the best stickers. Puffy, smelly, sparkly — she even had a few that were fuzzy. At that …

java中自定义表单和流程_让驰骋工作流程引擎 ccbpm使用自定义表单来实现自己的业务逻辑....

1.1.1.1: SDK表单概要说明:我们把流程引擎与表单引擎统称为ccbpm,但是有一些用户并不想使用表单引擎,而是用自己的表单,仅仅使用流程引擎,这样的方式就要采用ccbpm的sdk表单开发模式。关于ccbpm的SDK:ccbpm的sdk就是cc…

乘风破浪的前端小姐姐,是如何一步步走向成功的?

大家好,我是若川。名校毕业的被删大佬也经历了社会的毒打,但她没有放弃。面试、学习源码系列、年度总结、JS基础系列王贝珊,腾讯高级工程师,腾讯 AlloyTeam 成员,现腾讯文档网络层技术负责人。毕业于中山大学。工作 6 …

如何创建和谐的色彩系统

拥有和谐的色彩系统的好处 (The benefits of having a harmonious color system) Consistent branding express across all platform 在所有平台上表达一致的品牌 The consistent interface creates a better user experience 一致的界面创建了更好的用户体验 More productive …

老姚浅谈:怎么学JavaScript?

大家好,我是若川。当初我就是看本文深受启发,开始看书读源码。所以现在联系了作者老姚 授权转载分享给大家。我按照文中的做法敲完了《JavaScript语言精粹 修订版》,在2017年7月23日写出了我的第一篇文章《读书笔记》。看完了《JavaScript面向…

JavaScript 如何使用闭包

闭包基本上是内部函数可以访问其范围之外的变量&#xff0c;可用于实现隐私和创建函数工厂 定义一个数组&#xff0c;循环遍历这个数组并在延迟3秒后打印每个元素的索引 先看一个不正确的写法&#xff1a; const arr [10, 12, 15, 21]; for (var i 0; i < arr.length; i) …

ai中导入sketch_在Sketch中营造深度感

ai中导入sketchCreating a user interface with depth can seem daunting at first, but it only requires you to understand one fundamental rule — emulating a light source.首先&#xff0c;创建具有深度的用户界面似乎很艰巨&#xff0c;但这仅要求您了解一个基本规则-…

Python3+PyCharm+selenium3 环境搭建

安装Python3请去python官网下载安装包&#xff0c;我用的是Python3.6安装PyCharm&#xff0c;这个也是去官网自己下吧&#xff0c;偶的是2018.2.3&#xff08;CommunityEdition&#xff09;接下来安装seleniumPyCharm中Tremianl安装完成后&#xff0c;在python Console中输入没…

2021 年最值得了解的 Node.js 工具

大家好&#xff0c;我是若川。今天分享一篇用得上的 node 库 链接地址&#xff1a;https://github.com/huaize2020/awesome-nodejs❝前言&#xff1a;文章的灵感来源于&#xff0c;社群中某大佬分享一个自己耗时数月维护的github项目 awesome-nodejs 。或许你跟我一样会有一个疑…

figma下载_何时在Figma中使用组或框架

figma下载Groups and Frames have very different uses in Figma, but it’s difficult at first to tell why both of them exist. I can assure you that they complement each other, but first, you need to understand the nuances of each. I’ll show you how to make t…

迈入现代 Web 开发(GMTC 2021 演讲全文)

前言&#xff1a;希望像做游戏一样做 Web 开发的 dexteryy 同学今天在 GMTC 技术大会上又搞了一场「跨年演讲」&#xff08;内容超多的意思&#xff09;&#xff0c;不但现场爆满、超时严重&#xff0c;而且一如既往的讲完之后只要把讲稿和幻灯片拼起来就能发出来&#xff0c;大…

注释标记的原则_它关系到平台如何标记操纵的媒体。 这是设计师应遵循的12条原则。

注释标记的原则By Emily Saltz, Tommy Shane, Victoria Kwan, Claire Leibowicz, Claire Wardle埃米莉萨尔茨 ( Emily Saltz) &#xff0c; 汤米沙恩 ( Tommy Shane) &#xff0c; 关 颖琳 ( Victoria Kwan) &#xff0c; 克莱尔莱博维奇 ( Claire Leibowicz) &#xff0c; 克莱…

saltapi java_搭建基于Jenkins salt-api的运维工具

1. 安装salt-master和salt-minion安装过程不再赘述&#xff0c;请参考http://docs.saltstack.com/en/latest/topics/installation/index.html2. 安装salt-api&#xff0c;cherrypy用来jenkins与salt通信启用salt-api在salt master的配置文件中添加rest_cherrypy:port: 8010host…

他开发了redux,昨晚字节一面却挂了?

大家好&#xff0c;我是若川&#xff0c;诚邀你进群交流学习。今天分享一次直播的记录。我写过redux源码文章。动手按照文中例子学习&#xff0c;我相信会有所收获。学习源码系列、面试、年度总结、JS基础系列redux的作者是谁&#xff1f;Dan&#xff0c;他的全称叫做Dan Abram…

高通董事长:努力降低智能手机价格

高通董事长&#xff1a;努力降低智能手机价格 高通公司董事长兼CEO保罗雅各布近日表示&#xff0c;2011年高通除了继续与各方合作提供高端及各层次智能手机外&#xff0c;将更加致力于降低智能手机的价格。 手机将成为个人生活中心 作为移动通信芯片领域的霸主&#xff0c;高通…

mysql数据库的新特性_【数据库】MySQL新特性归档介绍

MySQL 8.0.17发布了&#xff0c;看了下release note&#xff0c;发现果真如之前预期的那样&#xff0c;恢复了redo log归档(redo log archiving)功能。之所以说是“恢复”&#xff0c;那是因为在InnoDB非常古老的版本(MySQL 4.0.6之前的版本)才存在&#xff0c;之后就取消了&am…

为什么同事写的代码那么优雅~

大家好&#xff0c;我是若川&#xff0c;诚邀你进群交流学习。今天分享一篇相对轻松的代码简洁之道。学习源码系列、面试、年度总结、JS基础系列内容出自《代码整洁之道》、Alex Kondov[1]的博文tao-of-react[2]和《Clean Code of Javascript》image.png代码整洁有什么用&#…

2021 年最值得了解的 Node.js 工具(下)

大家好&#xff0c;我是若川&#xff0c;诚邀你加群长期交流。今天分享一篇用得上的 node 库。下篇。链接地址&#xff1a;https://github.com/huaize2020/awesome-nodejs。上篇是&#xff1a;2021 年最值得了解的 Node.js 工具❝前言&#xff1a;前端时间分享了这些node开源工…

【阿里内部应用】基于Blink为新商业调控打造实时大数据交互查询服务

基于Blink为新商业调控打造实时大数据交互查询服务 案例与解决方案汇总页&#xff1a;阿里云实时计算产品案例&解决方案汇总从IT到DT、从电商到新商业&#xff0c;阿里巴巴的每个细胞都存在大数据的DNA&#xff0c;如何挖掘大数据的价值成为抢占未来先机的金钥匙&#xff0…