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

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

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.pswp.cn/news/275734.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275734.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275734.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

長效密鑰與臨時密鑰JAVA判斷_MSBuild無法使用臨時密鑰簽署ClickOnce清單(錯誤MSB3326和MSB3321)...

我正在嘗試在Windows Server計算機上構建ClickOnce Windows Forms項目(.NET 3.5 / Visual Studio 2010) . (為了使用Hudson CI自動化構建過程 . )為了對ClickOnce清單進行簽名,我在Visual Studio中創建了一個臨時密鑰 temp.pfx . 我可以在我的工作站上從Visual Stud…

URL some

** 路由系統:URL配置(URLconf)就像Django所支撐網站的目錄. 本質是URL與該URL要調用的函數的映射表 基本格式 : from django.conf.urls import url urlpatterns [url(正則表達式,views視圖,參數,別名) ] 參數 -- 傳給函數視圖的默認參數 (字典形式) 別名 -- 一個可選的name參…

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

大家好,我是若川。VSCode中有很多好用的插件,今天推薦 Postcode。面試、學習源碼系列、年度總結、JS基礎系列以前一直在用postman做API測試,如果你同時在使用vscode開發時,每次切出去可能比較煩,其實就是太懶了。。。作…

根據窗口名稱查找關鍵字彈性域用到的表,列等信息

/*根據窗口名稱查找關鍵字彈性域用到的表,列等信息*/--selectc.id_flex_name, a.id_flex_structure_name, b.form_left_prompt, c.application_table_name, b.application_column_name, b.flex_value_set_id fromfnd_id_flex_struct…

英語 動畫 教學 字母_字母形式在閱讀教學中的作用

英語 動畫 教學 字母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 …

【譯】為什么我更喜歡對象而不是switch語句

原文自工程師Enmanuel Durn博客,傳送門 最近(或者不是最近,這完全取決于您什么時候閱讀這邊文章),我正在跟我的團隊伙伴討論如何去處理這種需要根據不同的值去處理不同的情況的方法,通常對于這種情況下&…

摩托羅拉周二將正式分拆為兩經營實體

據華爾街中文網消息稱,摩托羅拉公司周二將正式分拆為兩個經營實體——摩托羅拉移動控股(MMI)和摩托羅拉解決方案公司(MSI)。前者由主要面向消費者的智能手機和機機頂盒業務組成,后者則專注于公共安全無線電和手持掃描儀業務。 上述兩家公司的股票均已于…

如何創建和諧的色彩系統

擁有和諧的色彩系統的好處 (The benefits of having a harmonious color system) Consistent branding express across all platform 在所有平臺上表達一致的品牌 The consistent interface creates a better user experience 一致的界面創建了更好的用戶體驗 More productive …

java restful接口測試_詳解SpringBoot restful api的單元測試

現在我們來利用Spring Boot來構建一個RestFul API,具體如下:1.添加Springboot測試注解RunWith(SpringRunner.class)SpringBootTestpublic class UserControllerTest {}2.偽造mvc環境// 注入Spring 工廠Autowiredprivate WebApplicationContext wac;//偽造…

老姚淺談:怎么學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;但這僅要求您了解一個基本規則-…

java byte轉bigdecimal_Java BigDecimal byteValueExact()用法及代碼示例

java.math.BigDecimal.byteValueExact()是一個內置函數&#xff0c;它將BigDecimal轉換為字節并檢查丟失的信息。任何大于127或小于-128的BigDecimal值都將生成異常&#xff0c;因為它不適合字節范圍。用法:public byte byteValueExact()參數&#xff1a;該方法不接受任何參數。…

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 。或許你跟我一樣會有一個疑…

DOMContentLoaded與interactive

ie中inline script執行時竟然第一次進入頁面,doc.readyState是interactive.刷新則是loadinginteractive也就算了,竟然沒有把dom樹構建好,也沒有body...而在inline的腳本里跑計時器什么的,去doc.body.doScroll(left);則有可能碰到interactive時dom樹構建好的情況.而其它瀏覽器in…

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…

java標記錯誤_標記電子郵件Java時出錯

在調用以下我的代碼片段時&#xff1a;Message message_in null;inbox instanceof IMAPFolderIMAPFolder f (IMAPFolder)inbox;f.idle();System.out.println("IDLE done");message_in inbox.getMessage(inbox.getMessageCount());message_in.setFlag(Flags.Flag.D…