{"id":7555,"date":"2018-06-05T16:02:30","date_gmt":"2018-06-05T15:02:30","guid":{"rendered":"https:\/\/uxstudioteam.com\/?p=7555"},"modified":"2022-05-19T14:34:39","modified_gmt":"2022-05-19T13:34:39","slug":"graphic-facilitation","status":"publish","type":"post","link":"https:\/\/timemachine.uxstudioteam.com\/ux-blog\/graphic-facilitation\/","title":{"rendered":"How To Hold Better Meetings With The Help Of Graphic Facilitation"},"content":{"rendered":"

I first heard about graphic facilitation at a UX conference where the speakers made amazing drawings during their talks. I found it pretty cool but took it for just a great way to make some notes. Surely,<\/b>\u00a0this real-time drawing \u201cshow\u201d, as I first labeled it,<\/b>\u00a0had nothing to do with my work as a UX designer. Gosh, so wrong! Graphic facilitation has great value and can make your product team better. Here’s how.<\/b><\/p>\n

\"Graphic<\/p>\n

<\/p>\n

The above illustration is a piece of work from <\/span><\/i>Remarker<\/span><\/i><\/a>, the Hungarian visual facilitator team who created the drawings at the conference where I first encountered this topic.<\/span><\/i><\/p>\n

What is graphic facilitation?<\/h2>\n

Geoff Ball wrote E<\/em>xplicit Group Memory\u201d<\/em>\u00a0an early paper in the field of graphic facilitation. He discovered that a shared picture supported group learning or, more importantly, a lasting memory in the group. So creating some kind of visual, graphical imprint of a meeting can help participants better understand problems and recall the agreed decisions.<\/span><\/p>\n

Graphic facilitation of meetings comes in different flavors.<\/p>\n

As a note-taking method, it helps a group memorize the contents of a presentation or discussion (as the speakers at the conference did). In this case, however, the facilitator only focuses on the drawing and usually, it takes more effort and years of experience because they work in real time during a meeting or presentation.<\/p>\n

It can also benefit day-to-day workshops or meetings, as I saw years later at UX Studio<\/a>. Prepare and create visual posters and helping materials to go with the topics beforehand. Then complete these half-done posters with your team. <\/span><\/p>\n

\"Graphic
An example for a user journey workshop led by Zsolti and Bence during one of our recent projects<\/figcaption><\/figure>\n

We at UX studio have a battle-tested, solid UX process that we follow with each of our clients. Want to learn more about what we believe in? Download our free ebook to learn more.\u00a0<\/a><\/p>\n

How does this improve a ppt or scribbling on a whiteboard?<\/h3>\n

We all usually do agendas or summaries and all sorts of visualizations for meetings on computer or whiteboard. Creating paper-based drawings gives participants a completely different feeling.<\/span> <\/b><\/p>\n

More effort into workshop material will stimulate your team to also put more effort into the meeting.<\/p>\n

Creating them on paper also lets you post the most important ones later on your team\u2019s wall or to keep them in front of the team during the whole meeting.<\/span><\/p>\n

Visual note taking: typical doubts and excuses<\/b><\/h3>\n
    \n
  1. \u201cOkay, cool. I can\u2019t draw…\u201d<\/span><\/i><\/li>\n<\/ol>\n

    I know we all love to say this. We\u2019ve just gotten too comfortable with our super smart devices and totally forgotten how to use a tool as simple as a pencil. You don\u2019t need art training<\/a> to start graphic facilitation. Just practice some basic forms and learn the basics about visual hierarchy. Your team will really appreciate it even if your first materials don\u2019t win awards.<\/span><\/p>\n

      \n
    1. \u201cI will need ages to create something like this!\u201d<\/span><\/i><\/li>\n<\/ol>\n

      Creating materials by hand for the first time may take more time than creating a ppt, but it certainly pays off. Furthermore, you don\u2019t have to create complicated and fully decorated designs the first time. After practicing some basic lettering and shapes a bit, you will draw them easily and much faster. So no more excuses, let\u2019s see how you can start right now!<\/span><\/p>\n

      Whiteboard tools you might need<\/b><\/h2>\n

      Don\u2019t run to the nearest stationer\u2019s right after deciding to try out visual facilitation. You certainly have some old markers and some brown wrapping paper lying around the office or your home. As a beginner, just use whatever you find around you.<\/p>\n

      If you plan to take this to another level, perhaps to do professional visual facilitating or to impress a new client, buy some new <\/span>markers. Refillable markers work the best, they harm the environment less and come in a greater variety of colors. Facilitators rank <\/span>Neuland<\/span><\/a> markers the best, though they don\u2019t come cheap. <\/span><\/p>\n

      You can also find markers with two different ends, which can prove very useful.The thin end writes letters and draw small details, while the thick, brushed one does coloring, shading or creating bigger shapes. <\/span><\/p>\n

      Sharpie<\/span><\/a> or <\/span>Copic<\/span><\/a> also have a wide variety of refillable markers, also with different ends. Four or five different colors, including black and grey (for shades) suffice.<\/span><\/p>\n

      \"Graphic
      Visual faciliators know Neuland well.<\/figcaption><\/figure>\n

      How to write text better and more memorably?<\/b><\/h2>\n

      When first starting with graphic facilitation, you will quickly realize written text greatly influences your works. So practice how to create legible, well positioned handwritten texts. <\/span><\/p>\n

      When writing, pay attention to:<\/span><\/p>\n

      Visual hierarchy<\/span><\/h3>\n

      The order in which a reader processes information on a page forms the visual hierarchy. A well-built hierarchy allows readers to understand information easily. <\/span><\/p>\n

      Form it by assigning different visual characteristics to sections<\/strong> of information, e.g., larger, bolder fonts for headings or more space around elements which belong together. <\/span><\/p>\n

      While creating materials, always pay attention to creating some kind of hierarchy. Emphasize the important things, and use smaller letters, paler colors for the less important parts.<\/span><\/p>\n

      \"Graphic<\/p>\n

      Writing letters<\/span><\/h3>\n

      As a basic rule when writing, <\/span>do not use your own handwriting<\/b>. We usually don\u2019t write very legibly but rather tend to focus on speed.<\/span><\/p>\n

      \"Graphic<\/p>\n

      Also <\/span>try out different fonts when writing<\/b>. Don\u2019t immerse yourself in hand lettering; three different fonts will suffice. I practice a kind of all-caps with some letters more like lowercase and a \u201cbeautified\u201d version of my handwriting sometimes.<\/span><\/p>\n

      Experiment with different font weights or even slanted letters for a challenge. But remember, the letters don\u2019t have to reach 100% perfection!<\/span><\/p>\n

      \"Graphic<\/p>\n

      Easy but cool things to draw: shapes and containers<\/span><\/h2>\n

      Also use different shapes and containers to make your materials even more readable and interesting. Highlight different sections, group pieces of information with these boxes. <\/span><\/p>\n

      All sorts of materials abound online for great examples. Several books also cover this well, such as <\/span>Bikablo – the facilitator’s dictionary of visual language<\/span><\/a>, a must-have resource for all those deeply interested in graphic facilitation. <\/span><\/p>\n

      After a few rounds of practice, these forms will embed themselves in your muscle memory, letting you recreate them very quickly.<\/span><\/p>\n

      \"Graphic<\/p>\n

      Use shadows to make containers \u201cpop out\u201d even more. You don\u2019t have to make shadow studies of objects or dive deep into this subject; just copy some good examples. It may sound boring, but copying proves very useful for improving graphic facilitation.<\/p>\n

      Later on, your own distinctive style will emerge and the principles learned while copying will serve as a great knowledge base.<\/span><\/p>\n

      \"Graphic<\/p>\n

      Visual facilitation template for product teams<\/b><\/h2>\n

      Use different templates for different workshops and meetings, depending on the subject you plan to work on with your team. <\/span><\/p>\n

      1. Agenda<\/b><\/h3>\n

      A quick list for a day-long kick-off<\/a> or UX workshop<\/a> will give participants fixed points. Always stick an agenda to the wall for easy reference. Plus, you can draw cute cups for the coffee breaks!<\/span><\/p>\n

      \"Graphic
      Image from the Bikablo book<\/figcaption><\/figure>\n

      2. Gathering topics<\/b><\/h3>\n

      If you have a meeting where the agenda depends on the participants, use templates to collect suggested topics and ideas.<\/span><\/p>\n

      \"Graphic<\/p>\n

      3. Positive \/ negative<\/b><\/h3>\n

      Gathering pros and cons can have also different visualisations, making the outcomes more memorable.<\/span><\/p>\n

      \"Graphic<\/p>\n

      4. Action plans<\/b><\/h3>\n

      Setting up achievable goals and realistic tasks can prove difficult. This template will make setting up clear tasks for the goals much easier. The S.M.A.R.T. method helps set realistic goals.<\/span><\/p>\n

      \"Graphic<\/p>\n

      5. Competitors<\/b><\/h3>\n

      You can easily get lost in details during competitor analysis<\/a> or discussions. Using a template while gathering insight (from clients or researchers in your team) clarifies the main differences for the whole product team.<\/span><\/p>\n

      \"Graphic
      A template for a quick recap about your competitors<\/figcaption><\/figure>\n

      6. Retrospectives<\/b><\/h3>\n

      Gather the learnings of a sprint<\/a> or project and measure success using templates like this to get a better understanding of your product team\u2019s experiences.<\/span><\/p>\n

      \"Graphic
      Great evaluation template by Anne Madsen<\/figcaption><\/figure>\n

      How to practice graphic facilitation<\/b><\/h2>\n

      Starting graphic facilitation from zero can prove frustrating, but fortunately, here come some great ways to practice!<\/span><\/p>\n

        \n
      1. Start taking notes by hand whenever possible! I started a few months ago in our team\u2019s weekly client meetings. Instead of popping up notes on my Macbook, I just grab a piece of paper and go. I especially pay attention to the visual hierarchy and decorate if I have the time. I also create grocery lists like this.<\/span><\/li>\n
      2. Copy, copy, copy! Look out for resources and try to remake them. I know it sounds boring, but you will make a lot of progress!<\/span><\/li>\n
      3. Those deeply interested in the subject can listen to a podcast and sketchnote it. Start easy and stop the playback from time to time on the first try. But it can really inspire once you speed up the drawing. (I recently got totally hooked on the design podcast <\/span>99% Invisible<\/span><\/a>. Try it with one of their episodes.)<\/span><\/li>\n
      4. Whenever you have to make a workshop, retrospective or kick-off meeting, try to create at least some of your materials by hand. You will feel the difference!<\/span><\/li>\n<\/ol>\n

        One more addition:\u00a0I really like this video from Verbal To Visual<\/a> about visual note taking.<\/p>\n

        Did this help you take your first steps in graphic facilitation? Are you already enjoying its benefits in your day-to-day meetings and workshops? Have you gathered enough courage to start? \ud83d\ude42 <\/span><\/p>\n

        Already in the habit? Any questions or suggestions? Let us know in the comments! Tell us about your methods and motivators for practicing visual facilitation.<\/span><\/p>\n

        Want to learn some more?<\/b><\/h2>\n

        Also interested in Product Design processes? Check out our free e-book, the <\/span>Product Manager\u2019s Guide to UX Design<\/span><\/a>.<\/span><\/p>\n

        For additional reading, check out our <\/span>Product Design book<\/span><\/a> by our CEO, David Pasztor. We ship\u00a0it all over the world!<\/span><\/p>\n

        Related articles:<\/span><\/p>\n