Skip to content

Latest commit

 

History

History
246 lines (165 loc) · 14.6 KB

workshop.md

File metadata and controls

246 lines (165 loc) · 14.6 KB

image

Visual Thinking Workshop for developers 🎨

Agenda
1. Introduction to Visual Thinking
2. Part I: Build your iconography 🎨
3. Part II: Develop your active listening 👂
4. Part III: The graphic recording ✍️
5. Why develop your Visual Thinking?
Extended Version and more resources
Closing Notes

1. Introduction to Visual Thinking

What is Visual Thinking?

Visual Thinking is the ability that everyone has to connect ideas, emotions and senses at the same time through drawing. Even before writing, humans developed drawing skills many years ago, because the act of drawing connects many things to understand the world around us. Sometimes formal education prioritised other ways to communicate (writing, public speaking, etc.), and people used to think drawing is only a skill for artists. Visual Thinking is this ability to communicate to each other through visuals.

The humans from more than 35 000 years ago drew the first drawings in The Chauvet caves in France. We have drawing skills in our genes!

Visual Thinking is the ability to connect with other parts of you and improve your way to understand the world around you. image

This ability, as any other one, needs time and experience to improve. During this workshop you'll learn just the basics. image

What can you learn and achieve using Visual Thinking in your day by day? Clarity and order.

2. Part I: Build your iconography

image

It's important to remark that Visual Thinking has many levels of application. In this workshop, we're hoping to show you how to develop basic skills. During each activity you'll draw and apply techniques that show you how to draw just for you, this is the basic level. When we think about drawing, we are used to thinking in beautiful illustrations because we connect drawing with aesthetic images, but for us, we need practical drawings - significant sketches that allow you to connect ideas, even if the drawings are not the most beautiful. So don't worry about your drawing skills, this is the best space for practice.

Please first read the instructions and read the last point, then follow the activity.

Activity 1: Visualize flows

  1. You're going to use two sheets.
  2. Take one sheet and a marker. It doesn't matter which color.
  3. Open the first video Suite - Psicosis.
  4. Close your eyes, while the video is playing and use your hand to start to draw your feelings about the song. Feel free to use all the space available.
  5. Take the second sheet, and now open the second video Bohemian Rapsody.
  6. Again, close your eyes, and while the video is playing. Use your hand to draw your feelings about the song.

workshop

Examples:

After finish the activity

Summary

What do you feel about drawing your feelings of this songs? The first one is a famous song from Psicosis, a popular horror film, while the second song is more emotive and happy. What are the diffence between both exercises?

Takeaways 🏆:

  • For this activity you should close your eyes, because you need to work with your other senses like active listening and drawing with your hands.
  • The scribbles are just a visualization of how you're feeling the music. Music allows us to connect better with emotions. We need to develop this connection.
  • What about practicing this during a meeting? Could you visualize your emotions?

Activity 2: Build iconography

  1. Open the following app that help us to choose a random letter Letter Picker Wheel.
  2. Take another sheet for this exercise.
  3. Choose a random letter.
  4. In 3 minutes draw all the words starting with the letter selected. Draw as many drawings as you can. They don't have to be perfect.
  5. Repeat this 3 times.

Example: Ilustración_sin_título 7

After the activity

Resume

Visual Thinking is practical, so we need to develop this skill and this activity is about that. Although the first part is about thinking about all the words that start with the letter, the hard part comes when you have to draw that words but in that short time you should be able to start to connect quickly meanings with drawings. That's the skill that we need! I recommend you practice this as many times as possible.

Takeaways 🏆:

  • How easy or hard was it to draw practical icons? Sometimes it's hard find references for icons. I recomment you find your words here: Flaticon Icons
  • Using timers involve another kind of complexity, but we're learning and we need this to show us how we're working in a short period of time. This could give us better metrics about our progress.
  • Remember, we need easy and practical drawings to represent words.

Activity 3: Build your visual dictionary

  1. Take a sheet for this exercise.
  2. Try to draw your own version of the following image.
  3. Save this sheet as your visual dictionary.

image

3. Part II: Develop your active listening

Activity 4: Capture ideas

  1. Take a sheet for this activity.
  2. Open the next video: Who Invented the Computer? | Computer History Museum
  3. Write a list of all the ideas that you're hearing. As many as you can. This exercise is about your ability to listen for ideas.
  4. Write at least 10 ideas.

Ilustración_sin_título 8

Activity 5: Drawing concepts

  1. Take a sheet for this exercise.
  2. Use your previous list of ideas and select the most important ideas for you.
  3. Try to sketch an icon for every idea. Remember this icon is for you to connect drawings and ideas.
  4. You can use your visual dictionary.
  5. Draw at least 6 icons.

Notes:

  • Search on google images for the computers mentioned to take as reference.
  • Take your time and be practical. You don't have to draw in detail. Just put down your own references.
  • You can use the following example as reference to draw your icons.

Ilustración_sin_título 9

Activity 6: Clustering ideas

  1. Take a sheet for this.
  2. From the previous activity, select the 3 most important ideas from the video.
  3. In your new sheet, draw again the 3 ideas. Put a number to every idea.
  4. Watch again the video Who Invented the Computer? | Computer History Museum.
  5. Now write just the ideas related to your 3 main ideas. The goal is to complement this sheet with ideas to complement the speech. You don't have to write every sentence, just the most important ones.

Notes:

  • You're creating your own understanding of this video.
  • Give order and structure, you can use numbers and lines to connect everything.
  • You don't have to write down everything, just what is most important.
  • After finishing this, does your drawing reflects your understanding of the video or not? Do you need to complement this?

Ilustración_sin_título 10

image

4. Part III: The graphic recording

Activity 7: Order your active listening

  1. Take a paper sheet.
  2. Open the next video History of Databases | Computer History Museum.
  3. Use the following design in your sheet.
  4. Play the video and fill the sheet with all the ideas that you're hearing.
  5. After finishing your sketch, select the most important ideas for you.

Activity 8: Draw your visual dictionary

  1. Take a sheet.
  2. Use the ideas selected by you from the last activity.
  3. Draw icons for every idea.

Actitivy 9: The Graphic Recording

  1. Take a sheet.
  2. Draw the 5 most important ideas from the last activity.
  3. Add the complementary ideas from the video close to the main idea. You can use text or icons or both.
  4. The goal is create a visual interpretation of your understanding of the video. You can play the video again as many times as you want.
  5. Add arrows and other notes.

5. Why to develop your Visual Thinking?

image

Visual Thinking help us to build visual tools to improve our understanding capabilities and communication skills. All of this activities were designed to show you how to start to develop this skill, but it's just the beginning.

The most basic level of Visual Thinking is being conscious of your mental process to understand, order and structure knowledge. You need to be provided of a set of drawings skills to generate your own sketches. This level is not about drawing beautiful illustrations for others, it's about drawing symbolic sketches to help you to boost your understanding.

The first part was about creating a relationship between you and the drawing through simple exercises to visualize music: create icons and visuals. The second part was about developing your active listening because in Visual Thinking we need all your senses working at the same time. The last part is a summary of all the previous activities step by step. Creating a visual interpretation is what a graphic recording is. All the previous techniques are just tools that you can learn and improve to use together at the same time for any purpose.

Visual Thinking is a skill to connect with yourself. You need to be sincere and honest with your processes and work from there to improve it. Visual Thinking could boost any other kind of knowledge and it's a great combination in technology environments.

Some ideas about where to apply these techniques:

  • Create visual summaries in meetings.
  • Product discovery processes: you can document all the flows about this.
  • Information flows: you can sketch entities and information exchange to clarify flows.
  • Graphic Recordings in conferences.
  • Sketch software components.
  • Create presentation skeletons.
  • Complement documentation with visual summaries.

Extended Version

image

If you want more exercises to learn Visual Thinking, please visit the Extended Version:

extended version badge 👈

Closing Notes

image

If you finish all or just some activities, please consider:

  • Starring this repository ⭐️. (This will let me to know how many people are doing this workshop)
  • Share your exercises on Twitter including @visual_partner. I'll be happy to see your activities and even give you feedback.
  • If you have feedback to share, you can open an issue in this repository.
  • Feel free to reach out to me for feedback.
  • Stay tuned in social media for more workshops.

Congratulations! Thanks for following this workshop, I hope you learned something new and interesting and see you soon in another workshop.

Remember, these are a set of techniques that need time and a lot of practice. Be patient, specially with drawing. Most the people think that they need to draw beautiful illustrations. We're using drawing as an skill to connect with ourselves and with others. We don't need the most beautiful content because the most important part is the content itself. We're learning how to visualize our internal processes (emotional and mental). We're learning how to connect from other parts. Interesting, isn't it?

Keep drawing and tag me on social medio to see your progress! See you! 😊

Tooling and more resources

Devices and apps recommended:

  • iPad
  • Procreate
  • Adobe Fresco

Drawing Courses:

Procreate Courses:

Visual Thinking resources:

Content by @carlogilmar. January 2023.