Sketchnoting
The Power of Visual Narrative
Summarized using AI
The Power of Visual Narrative
by Denise YuThe video titled 'The Power of Visual Narrative' by Denise Yu, presented at RailsConf 2021, explores the significance of visual storytelling in technical communication. Yu shares her personal journey from software engineering to product management and highlights how effective communication is vital in large organizations. She emphasizes that despite her good verbal and written communication skills, many colleagues were not reading her emails. This prompted her to experiment with visual narratives by incorporating sketches into her emails, leading to improved engagement and understanding.
Key points discussed include:
- Personal Journey: Yu describes her transition from software engineer to product manager and the challenges she faced in communication.
- Visual Communication Impact: She discovered that visuals helped convey complex technical information more effectively than traditional text.
- Examples of Visual Storytelling: From drawing update emails to conference slides filled with whimsical characters, Yu illustrates how art can simplify dense subjects.
- Engagement in Conference Speaking: Yu emphasized that using engaging content and visuals can differentiate speakers, leading to acceptance in prestigious conferences.
- Benefits of Visual Narrative: The talk details advantages such as capturing information, inventing stories for better understanding, and starting meaningful conversations.
- Visual Flow and Hierarchy: Yu discusses techniques for effective visual layouts and designs, underscoring the importance of character creation, signposting, and maintaining clear visual flow.
- Encouragement for Others: She urges viewers to embrace their own storytelling abilities, stressing that everyone has a unique voice worth sharing.
In conclusion, Denise Yu's presentation reinforces the idea that visual storytelling is a powerful tool for technologists, enhancing understanding and fostering engagement. By incorporating visual elements into technical communication, individuals can bridge gaps in understanding and create a more inclusive environment in technology. The talk encourages exploring and practicing visual art as a means of personal and professional development in technical fields.
00:00:05.600
Hi everyone! My name is Denise, and this talk is called "The Power of Visual Narrative."
00:00:10.800
My Twitter handle is @DeniseU21. I'm really excited to be speaking at RailsConf this year! This is actually my first time ever speaking at RailsConf.
00:00:16.619
I want to start by diving straight in with a true story. In 2018, three years ago, I was working at Pivotal as a software engineer.
00:00:22.260
It was my first big kid job, and I was really excited about working on so many cool products with very smart people.
00:00:29.640
The way teams work at Pivotal, which is quite similar to how teams work in the industry, consists of engineers and product managers who collaborate.
00:00:34.800
Together, we build roadmaps, figure out what to develop for our customers, and prioritize tasks.
00:00:40.559
Typically, when you get hired as an engineer, you remain an engineer. Similarly, if you begin as a product manager, you stay in that role.
00:00:46.260
Although there are opportunities to work on different projects, you usually don't move between disciplines.
00:00:51.899
In 2018, due to some unforeseen circumstances in our office, we suddenly had a shortage of product managers. Leadership looked around and wondered what to do.
00:01:05.220
So, I raised my hand and volunteered to become a product manager. It was a rare opportunity, one that not many engineers get.
00:01:10.860
As excited as I was, I learned that transitioning into product management did not fit seamlessly.
00:01:17.460
There was so much for me to learn. I had just become comfortable as an engineer, and now, moving laterally into product management made me feel like I was starting from scratch.
00:01:23.100
I often felt confused and lost. One of the essential skills I needed for my new role was communication.
00:01:28.619
I considered myself quite good at written and verbal communication. I was on the debate team when I was younger, so I knew how to talk to people.
00:01:34.020
However, it turned out that communication within large organizations is different.
00:01:39.360
There were key stakeholders I needed to communicate with, including customers and various team members.
00:01:45.900
At that time, our primary communication tool was email, given that we were spread across many offices and time zones.
00:01:52.020
I found myself writing a lot of emails, but soon discovered that people were not reading them.
00:01:57.240
People kept interrupting my team, asking the same questions repeatedly, questions that I had already addressed in my update emails.
00:02:03.060
It felt like I wasn’t sending out those emails at all.
00:02:08.940
For my product, I was working on a highly technical tool that was used by other engineering teams to develop even more technical products.
00:02:14.220
Because my product area was so technical and difficult to understand, I assumed there was no way to talk about it without getting technical.
00:02:20.220
I thought I could only write these emails as hopelessly long walls of text, which I later realized were unread.
00:02:26.099
Outside of work, I had started attending a sketchnoting meetup that was completely unrelated to my job.
00:02:33.300
At this meeting, I learned various tools, tips, and tricks for telling stories through art.
00:02:38.940
So one day, I decided, why not try drawing my update emails? Why not use art instead of walls of text?
00:02:45.599
At that point, I had nothing to lose; no one was reading my emails.
00:02:51.840
And you know what? It worked! I began receiving positive feedback on my emails.
00:02:57.639
People started reading them, and my team experienced fewer interruptions.
00:03:04.080
Finding a different way to communicate what I thought was dense subject matter had a transformative effect on my relationship with other teams.
00:03:10.860
It also fundamentally changed my connection to my work and the industry.
00:03:17.639
Surprisingly, I discovered that art is a powerful way to grab someone's attention and encourage them to open an email they had previously ignored.
00:03:26.099
I continued to explore how I could incorporate art into my daily work as a technical contributor.
00:03:31.020
I began drawing my slides for conference talks.
00:03:36.840
I created art for my personal blog posts, for the company's blog, for social media, and internal documentation.
00:03:42.660
I paired with other teams, capturing their work in the form of cat drawings.
00:03:49.479
It was a lot of fun, and I became quite well-known in the company.
00:03:56.400
Not to toot my own horn, but people recognized me as the go-to person for creating fun, artistic artifacts related to our very technical domain.
00:04:02.580
I leaned into the idea of illustrating technical concepts repeatedly.
00:04:09.479
In late 2018, I submitted a talk about distributed systems to DevOpsDays London, and surprisingly, my talk was accepted as one of only 16 full-length presentations.
00:04:17.739
I later learned that hundreds of people had submitted for those slots.
00:04:24.759
An organizer told me that my promise to use cat drawings to explain distributed systems was a key differentiator.
00:04:31.020
At that time, I was not an expert in distributed systems; I was very much still learning.
00:04:37.560
But my desire to communicate the topic in a unique way made my submission stand out.
00:04:44.759
I continued to iterate on this talk and submitted it again to SRE Con the next year.
00:04:52.440
I was stunned to not only be invited to present my talk but to do so as one of two closing keynotes for the entire conference.
00:04:58.160
I felt a bit like an imposter since I wasn't even a site reliability engineer.
00:05:04.620
However, I learned that there is so much more to conference speaking than just being an expert.
00:05:10.860
While having knowledge is essential, you also need to engage the audience.
00:05:17.639
Conference organizers value captivating content that attendees will remember long after the event.
00:05:24.720
I learned two significant things from this experience: first, as fun as product management was, I believe I will stick with engineering for now.
00:05:30.960
I am grateful for the experience, as it has given me more empathy for product managers.
00:05:37.440
But I have discovered that engineering brings me more joy, allowing me to apply a product mindset.
00:05:43.080
The second lesson is that visual storytelling is incredibly powerful.
00:05:49.199
Using visuals, even simple cat drawings, can command attention in a way that words alone cannot.
00:05:56.400
So, to introduce myself properly: Hello RailsConf! I hope you're enjoying the first fully asynchronous RailsConf!
00:06:02.460
My name is Denise, and I work as a senior software engineer at GitHub.
00:06:09.480
I am part of a team called Communities, focused on building tools that enhance open-source community engagement.
00:06:16.620
I've been drawing since I was a little kid, filling the margins of my notebooks with doodles.
00:06:23.580
So, I'm thrilled to have discovered that this passion is a transferable skill that I can apply as a technologist.
00:06:30.840
Today, I'm excited to discuss the intersection of storytelling, art, and learning as a technologist.
00:06:35.520
Let’s break down what happened during my transition.
00:06:42.060
I used a TED Talk format of public speaking, jumping into a story without introducing myself upfront.
00:06:48.300
I did this intentionally because stories are engaging.
00:06:54.180
You were likely more engaged by my story than by any introductory slides.
00:07:00.720
Stories capture attention; our brains are wired to love them.
00:07:07.139
This appreciation for storytelling dates back to epic poetry and the earliest human fables.
00:07:14.100
Conflicts, characters, and plot twists keep us intrigued, leading to resolutions.
00:07:20.460
Without resolution, of course, we might be watching a French film, where that's often the theme.
00:07:27.720
Visual narrative is a way to enhance storytelling.
00:07:34.680
Stories are fantastic, and we should always tell them.
00:07:41.160
Whether on stage, around campfires, or in writing, they hold value.
00:07:48.460
But incorporating visuals can elevate the experience.
00:07:55.260
Visual storytelling allows the audience to empathize with characters.
00:08:03.180
My characters often look like little yellow cats, which act as stand-ins for me.
00:08:09.600
Drawing these characters helps express my thoughts and experiences, creating a stronger connection.
00:08:16.080
When I post a comic online, people often respond, "That’s me!" This feedback indicates a resonance that feels powerful.
00:08:22.740
Stories also serve as a platform for metaphor, crucial for getting everyone on the same page.
00:08:30.600
Metaphors can help contextualize complex ideas, providing footholds for understanding.
00:08:37.980
Once someone grasps a basic concept, layers of information can gradually build.
00:08:44.400
Visuals also grant control over tone.
00:08:51.780
While you can write with different voices to influence tone, visuals can do this more effectively and quickly.
00:08:58.620
I prefer a whimsical and fun tone in my work because software does not have to be too serious.
00:09:05.040
The more we can demystify concepts, making them engaging, the more accessible technology becomes.
00:09:12.180
We should strive to reduce gatekeeping in tech to make our content approachable.
00:09:19.020
Art is a powerful vehicle for communicating ideas.
00:09:25.440
Visual storytelling helps balance aesthetic appeal with information delivery.
00:09:31.260
The first common use case is capturing information.
00:09:37.980
I used to see one or two individuals at conferences sketching along with speakers, but nowadays, it’s more common to see a larger group.
00:09:44.160
This practice is wonderful for learners as it helps them build a useful skill set.
00:09:50.820
Capturing talks, like TED talks, is an excellent way to develop this skill, as they often have a clear flow.
00:09:57.840
You can trust that speakers have structured their content to gradually build context without overwhelming newcomers.
00:10:04.920
Another approach is to invent.
00:10:10.920
You can read blog posts or watch videos on a topic and recompose them into your own story.
00:10:16.620
This involves thinking about how to structure your ideas and the pacing for delivering information.
00:10:23.940
The final use case is to start a conversation.
00:10:30.300
For example, after reading a chapter from the Site Reliability Engineering book, I identified key concepts that were grouped together.
00:10:36.060
When I saw the concept of "four golden signals," I decided to draw it, organizing my page into four quadrants.
00:10:42.840
However, I don’t expect my drawings to convey complete understanding; the aim is to pique interest.
00:10:50.040
I hope my drawings encourage viewers to explore the SRE book further, making it feel more approachable.
00:10:56.160
When it comes to fidelity of information, I aim to start conversations rather than providing exhaustive answers.
00:11:02.160
It’s important to distinguish visual storytelling from technical documentation.
00:11:09.060
These two have different goals; we're seeking to communicate at various levels of abstraction.
00:11:16.680
We are not attempting to anticipate every possible use case or provide exhaustive answers.
00:11:22.920
Our goal is simply to spark interest and concern.
00:11:28.680
Moreover, writing good documentation is a specialized skill.
00:11:36.180
Technical writing and documentation hold immense value and should be respected; not everyone can do it.
00:11:42.420
We aim to build shared foundational knowledge and adhere to the principle that if they want every detail, they can consult the documentation.
00:11:49.500
Let’s reflect on why I pursue sketch noting and visual storytelling.
00:11:56.700
People often ask me why I engage in sketch noting; they’re curious about my motivations.
00:12:03.300
Personally, it's been a great way to reinforce my own learning.
00:12:09.780
I have a hard time absorbing information from reading alone, but drawing helps me process it better.
00:12:16.620
I also genuinely enjoy helping others learn new things.
00:12:24.540
Receiving messages from people saying my work or tutorials helped them understand concepts brings me immense joy.
00:12:30.840
Many people hesitate to share their insights due to the fear of duplicating what's already been said.
00:12:37.140
I encourage everyone to share their voice anyway; your unique perspective may click with someone.
00:12:43.500
Through visual narratives and drawings, my goal isn't for everyone to have a click-moment, but to encourage them to discover helpful resources.
00:12:50.400
I've also been struck by how effective sketch noting can be as a networking tool.
00:12:56.880
Initially, I felt awkward approaching speakers by saying, "I drew your talk!" But I received positive reactions every time.
00:13:05.040
No one ever gets upset about someone sketch noting their talk—it's always a compliment.
00:13:13.260
In the beginning, my sketch notes were messy and made with neon markers, but people appreciated that I paid attention to their presentations.
00:13:20.580
I’ve stayed in touch with many speakers, forming valuable professional relationships.
00:13:28.260
If you're looking to build your network, sketch noting talks is an effective way to do it.
00:13:35.400
Now, let’s explore building blocks for creating engaging sketches.
00:13:41.760
Many ask how to develop their doodles into a more sophisticated visual narrative.
00:13:48.480
There are several key components I'll discuss quickly.
00:13:54.780
First, we have characters—an essential part of storytelling.
00:14:01.380
Most of us have drawn stick figures at some point in our lives; that's absolutely sufficient.
00:14:07.980
Stick figures can effectively convey emotions and actions.
00:14:14.160
If you want to expand your toolbox, star people (with starfish-like appendages) are another option.
00:14:19.740
They convey more attitude and are fun to draw.
00:14:26.520
On the other hand, tooth people (faces made from circles and d shapes) might be easier for depicting groups.
00:14:33.300
Using tooth people is a quick way to represent multiple stakeholders.
00:14:40.260
Now, let's discuss signposting, which is about guiding the viewer in visual narratives.
00:14:46.080
Effective visual narratives have clear headings and text wrapped in banners or shapes.
00:14:53.040
Manipulating your handwriting can create a visual hierarchy, which is critical.
00:14:59.340
This concept helps communicate information more intuitively.
00:15:06.240
Another aspect is quick representation, or building a visual library.
00:15:12.600
A visual library contains images and characters you can draw quickly without much thought.
00:15:19.160
The key is practice—aim to draw each item in under 30 seconds.
00:15:26.460
For real-time sketch noting, aim for under 10 seconds for most items to keep up with the speaker.
00:15:32.880
Practice helps you prioritize what to illustrate when multiple concepts arise.
00:15:39.240
You can create Post-it notes with various words and challenge yourself to draw them quickly.
00:15:46.140
This drill prioritizes visual communication during real-time events.
00:15:53.039
You can utilize different techniques in visual storytelling.
00:15:59.880
Visual flow is key; it guides viewers through the information and connects related content.
00:16:06.840
This can be achieved using arrows, numbered lists, and boundary lines to delineate sections.
00:16:13.680
If you create visual artifacts on digital platforms, think about how to incorporate background and transparency layers.
00:16:20.580
Going digital allows for more flexibility while giving your drawings fluidity.
00:16:27.300
Nonetheless, perfectionism can be a trap with digital tools.
00:16:33.480
Resist the urge to keep fixing and focus on moving forward instead.
00:16:40.380
Finally, my reflections on the past few years—drawing has been a useful outlet during hard times.
00:16:46.680
Even outside of tech, creativity can provide escape and focus.
00:16:53.880
If you're uncertain about pursuing art, consider tapping into its restorative potential.
00:17:00.960
Organizations like Let's Sketch Tech host workshops focused on the intersection of tech and art.
00:17:07.860
After this talk, I will share links to a workshop available on the Let's Sketch Tech YouTube channel for free.
00:17:14.040
There, you’ll find step-by-step instructions on creating characters, layouts, and much more.
00:17:21.300
The slides for this presentation will be available after the conference.
00:17:28.260
I encourage everyone to explore materials like the Sketch Note Handbook by Mike Rohde.
00:17:35.700
Thank you all so much for your time! I hope you enjoy the rest of your RailsConf.
00:17:41.880
I look forward to seeing you online!
Explore all talks recorded at RailsConf 2021
+61