All Projects → and-design → empathy-map

and-design / empathy-map

Licence: other
チームでお互いのことを知り、ゴールや目的を共有する。

Projects that are alternatives of or similar to empathy-map

Pts
A library for visualization and creative-coding
Stars: ✭ 4,628 (+30753.33%)
Mutual labels:  design, canvas
Translations
🐼 Chinese translations for classic IT resources
Stars: ✭ 6,074 (+40393.33%)
Mutual labels:  design, design-thinking
Animockup
Create animated mockups in the browser 🔥
Stars: ✭ 1,152 (+7580%)
Mutual labels:  design, canvas
mindwendel
Create a challenge. Ready? Brainstorm. mindwendel helps you to easily brainstorm and upvote ideas and thoughts within your team.
Stars: ✭ 22 (+46.67%)
Mutual labels:  design-thinking
downscale
Better image downscale with canvas.
Stars: ✭ 80 (+433.33%)
Mutual labels:  canvas
canvas-merge-video-in-vue
canvas+vue 实现视频碎片合并 比较粗陋,欢迎fork 升级++
Stars: ✭ 21 (+40%)
Mutual labels:  canvas
Bootstrap-Basics-v4
A introductory tutorial on how to use Bootstrap for our front-end design via docs on getbootstrap.com
Stars: ✭ 21 (+40%)
Mutual labels:  design
P5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
Stars: ✭ 16,542 (+110180%)
Mutual labels:  design
canvas-constructor
An ES6 utility for canvas with built-in functions and chained methods.
Stars: ✭ 96 (+540%)
Mutual labels:  canvas
NightSky
A way to avoid paying 50 bucks by using some js to generate an image of the night sky at specific time and location. 🌑
Stars: ✭ 49 (+226.67%)
Mutual labels:  canvas
canvas-cast
Cast any <canvas> element to an LED Matrix over WebSockets with an Arduino/ESP8266.
Stars: ✭ 39 (+160%)
Mutual labels:  canvas
fabricjs-image-editor-origin
fabric.js javascript image editor
Stars: ✭ 52 (+246.67%)
Mutual labels:  canvas
SubmiBot
Plugin do Eclipse para automatização do processo de submissão de tarefas na disciplina de LP2 - Computação@UFCG
Stars: ✭ 16 (+6.67%)
Mutual labels:  canvas
flappy-bird
🐦 A clone of a famous game, the Flappy Bird, made in Javascript and HTML Canvas API.
Stars: ✭ 37 (+146.67%)
Mutual labels:  canvas
design-patterns-for-humans-cn
Design patterns for humans 中文版 - 对设计模式超简单的解释
Stars: ✭ 2,432 (+16113.33%)
Mutual labels:  design
System Design Primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Stars: ✭ 154,659 (+1030960%)
Mutual labels:  design
idraw
A simple JavaScript framework for Drawing on the web.(一个面向Web绘图的JavaScript框架)
Stars: ✭ 436 (+2806.67%)
Mutual labels:  canvas
shoot game
🎮 It is a game using HTML5 Canvas and Vanilla JavaScript.
Stars: ✭ 35 (+133.33%)
Mutual labels:  canvas
radiaSlider
circular/linear knob-style slider
Stars: ✭ 18 (+20%)
Mutual labels:  canvas
snake-game-p5
The Snake Game made with p5.js 🐍🎮.
Stars: ✭ 18 (+20%)
Mutual labels:  canvas

empathy-map

『共感マップ』はXPLANE社のユーザーを理解する手法の一つです。 Alex Osterwalderの素晴らしい本『ビジネスモデル・ジェネレーション』でも顧客のインサイトを発見するツールとして紹介されたため、プレスでも取り上げられ幅広く知られることになりました。

使い方:

ゴール: 共感マップのゴールはビジネスエコシステムのステイクホルダーについて理解をより深めることです。ステイクホルダーとは既存顧客、潜在顧客、パートナーなどです。購入の決定をする時やプロダクトやサービスを利用している時など様々なコンテキストが考えられます。The exercise can be as simple or complex as you want to make it. You should be able to make a rough empathy map in about 20 minutes, provided you have a decent understanding of the person and context you want to map. Even if you don’t understand the stakeholder very well, the empathy-mapping exercise can help you identify gaps in your understanding and help you gain a deeper understanding of the things you don’t yet know.

  1. Start by drawing a circle to represent the person and give the circle a name and some identifying information such as a job title. It helps if you can think of a real person who roughly fits the profile, so you can keep them in mind as you proceed. In keeping with the idea of a “profile” think of the circle as the profile of a person’s head and fill in some details. You might want to add eyes, mouth, nose, ears, and maybe glasses if appropriate or a hairstyle to differentiate the person from other profiles you might want to create. These simple details are not a frivolous addition — they will help you project yourself into the experience of that person, which is the point of the exercise.
  2. Determine a question you have for that stakeholder. If you had a question you would want to ask them, or a situation in their life you want to understand, what would that be? You might want to understand a certain kind of buying decision, for example, in which case your question might be “Why should I buy X?”
  3. Divide the circle into sections that represent aspects of that person’s sensory experience. What are they thinking, feeling, saying, doing, hearing? Label the appropriate sections on the image.
  4. Now it’s time for you to practice the “empathy” portion of the exercise. As best you can, try to project yourself into that person’s experience and understand the context you want to explore. Then start to fill in the diagram with real, tangible, sensory experiences. If you are filling in the “hearing” section, for example, try to think of what the person might hear, and how they would hear it. In the “saying” section, try to write their thoughts as they would express them. Don’t put your words into their mouth — the point is to truly understand and empathize with their situation so you can design a better product, service or whatever.
  5. Check yourself: Ask others to review your map, make suggestions, and add details or context. The more the person can identify with the actual stakeholder the better. Over time you will hone your ability to understand and empathize with others in your business ecosystem, which will help you improve your relationships and your results.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].