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!