sacha chua living an awesome life

I talked to Mike Rohde about digital sketchnoting and my workflow. You can watch the podcast and check out other episodes!

Slightly edited for clarity

[00:01] Mike Rohde: Hey. this is Mike Rohde for the Sketchnote podcast. Today we have Sacha Chua, but before we get started I’d like to say that this episode of the podcast is sponsored by my son Landon, who is very cute and two months old. But now back to the program.

This is Sacha Chua, she lives in Toronto, Ontario, and she uses something interesting that I wanted to explore because this is something I have talked about before – using a digital setup to do sketch notes.

I do my sketch notes in analog form. I use a notebook and a pen and I’ve played around with the iPad but I found it still challenging. I haven’t found figured out the right stuff for me, like the way to do it right, because I’ve been focused on this book. But Sacha has an advanced system that she uses. She uses a tablet PC and I wanted to bring her on the podcast to talk a little bit about her setup and how she uses it and how it works for her. So welcome Sacha, thank you for coming.

[00:53] Sacha Chua: Of course. I’d be happy to help people learn more.

[00:56] Mike Rohde: Great, so why don’t you start by explaining what the basic tools are that you use to do your digital setup? And then we can get into the benefits of those and maybe some of the things that make it different from paper.

[01:10] Sacha Chua: So when a lot of people think about digital sketchnoting–actually when people think about sketchnoting, they think pen and paper. And when they think about digital sketch noting, they might think of a tablet, like an iPad or an Android tablet. But if you start working with a tablet PC for digital sketchnoting–and I’ll show you that in a bit–you can take advantage of a lot more power: applications that work together, you have the processing power, and there are all sorts of interesting tools and workflows that you can use.

[01:35] Mike Rohde: Cool, very good. Well, why don’t you tell us about the tools you use, specifically, and the tablet PC and the styluses and software that you like to use for your setup.

[01:45] Sacha Chua: Alright, I use Lenovo X 220 tablet PC. I’ll zoom a little bit down to show you this. So this converts into a tablet by simply swiveling the screen and then you can either have it automatically rotate the screen for you or you can rotate it into your preferred orientation. Then I use Autodesk SketchBook Pro to draw on the screen itself. So as you can see I have that straight on there and in a short while I’ll switch over to sharing my screen so you can see that screen directly. So I use a Lenovo X220 tablet PC–they are fantastic—and I use Autodesk SketchBook Pro as the main drawing program. Then for publishing I’ll use Dropbox, Twitter, and WordPress for getting the sketch notes out there.

[02:33] Mike Rohde: Pretty cool. Now the stylus I see in your hand, I assume that came with the Lenovo?

[02:37] Sacha Chua: Yes, in fact it slots into a space for it, right in the case. And they have put in an alarm, so if you are walking off without your stylus, you actually get this little icon showing up on your screen.

[02:54] Mike Rohde: Oh, the proximity alarm. That is very cool.

[02:57] Sacha Chua: Yeah, and you can actually use pen and touch to interact with your screen. Because I do so many sketches notes, I’ve set it up to only recognize the pen. As you can see, even if I touch it, I can use my palm, it doesn’t trigger. If I use the pen, then things happen.

[03:14] Mike Rohde: So now Sacha has gone ahead and switched over to screen view so we can actually see her how she works and she can explain a little more of her process. So go ahead, Sacha.

[03:21] Sacha Chua: Okay, so you’re asking about whether I zoom in. I really like Autodesk SketchBook Pro because it has such a pen-based interface. I can zoom in and scroll around fairly easily–not as easily as you can with a multi-touch display, but easily enough so I can go in here, write a few things more eligibly, and then I can zoom out and see how that fits into the whole space or move things around as needed.

[03:56] Mike Rohde: I think I have seen Dave Gray do this work and I assume if you felt you needed to center under those two columns you could easily grab it and move it over, if you like, so that is one of the advantages to that software.

[04:10] Sacha Chua: Absolutely, and that makes me totally spoiled when it comes to working digitally. You know that challenge when sometimes speakers have too much content or too little content and you are scrambling for space in your sketchnote… When you are working on a computer, it’s easy to lasso an item, move it around and make space. For example, if it turns out that people didn’t give as much content as you expected, you can move things around and it looks like an excellent use of white space.

[04:43] Mike Rohde: Wonderful. Now in the middle of that drawing I see you got your work flow. Can you zoom that up and maybe take us through your work flow?

[04:49] Sacha Chua: Sure. So I do a lot of sketchnotes of books and presentations, and as I mentioned, I do most of that in Autodesk SketchBook Pro. A couple of things make it much easier for me to get this out very quickly: I usually work with a drawing template. Let me show you what that looks like with it. I say Add image, I pick one of my templates (for example, "grid and credits") and what that does is it allows me to add a very faint grid that I can draw on. Sometimes I leave this grid in, sometimes I take it out, but it means I don’t have to worry about my lines wandering elsewhere. I do all this drawing in Autodesk SketchBook Pro with lots of layers, and then if I want to include any logos or pictures, I can draw that into Sketchbook directly. If I want to trace the logo, I can use Artrage Studio Pro which automatically picks up the colors as I am drawing on something. It’s much easier to color match without having to pick up those little colors in multicolor logos.

[05:46] Mike Rohde: So it looks like down there you also have Camtasia running as well.

[05:48] Sacha Chua: Yes I do. So I’ve sketched it out in Autodesk Sketch Book Pro. If I think I am going to want to put together a speed drawing video, I’ll use Camtasia Studio to record this in the background, like I am doing now. When I am done with the image, I’ll save it in Dropbox. This automatically synchronizes the file with my phone, and then I can use my phone or my computer to post that to Twitter. If I’m sketchnoting a conference with lots and lots of talks, I don’t want to be switching back and forth between Autodesk SketchBook Pro and Dropbox and Twitter and my blog and all those other things. I can use my phone to tweet the links immediately and then I can save the laptop for drawing.

[06:38] Mike Rohde: Gotcha. So you sort of offload some of those tasks to other devices and then keep the devices focused for the things they are really good at.

[06:47] Sacha Chua: Right. And that means I don’t have to be switching back and forth between applications, so if people are saying interesting things, I can keep drawing. I usually post recap blog posts. If it is just one talk, then I’ll blog it right away. If it’s a conference, I’ll wait until the end of the conference to post a blog post with thumbnails and links to the full size images, so people can share this with other people later on. In addition to posting it to my blog, I also upload my sketchnotes in Evernote, so then it is much easier to search through my notes.

[07:23] Mike Rohde: Great. So tell me a little bit about this: I’ve been exploring every now and then and I have been thinking of going back because of some of the new features. Do you tag your work? Can Evernote scan your sketch notes since you have really beautiful handwriting? Can it scan the sketch notes to pick up words or do you have to manually enter that meta-information?

[07:44] Sacha Chua: This is amazing. It can actually understand most of what I write and then I help it a little bit with some key words. So for example, you can see how I can put most of the sketch notes into this "Sketchnotes by Sacha Chua" notebook, which I have actually shared publicly so anyone can find this notebook and subscribe to it. If I search in here… Say, for example, I’m looking for “visual library” which you mentioned in your book. So "visual library"–you can see how it is looking inside the image and it it’s highlighting where it sees those words. Here are my sketch notes, you can see here how "visual library" [shows up] even inside all caps – a small box has been found and highlighted. In addition to being able to search text, I also occasionally fill in some more information so that I can easily find the visual metaphors that I use. For example, in this digital sketchnoting workflow, I’ve also added some words that I might not have written down or might not easily be recognized by Evernote. You can see here how I’ve got this keyword for magnifying glass, and that allows me to find all the sketch notes where I have drawn a magnifying glass in case I feel like challenging myself to use different visual metaphors.

[09:06] Mike Rohde: That is interesting. That is really fascinating.

[09:09] Sacha Chua: It is amazing. I strongly recommend checking Evernote. You can set it up so that it will import all the files into a folder. I set up a shortcut so after I publish the sketchnote using Dropbox, I can just right click on the file and have that be imported to my Evernote.

[09:25] Mike Rohde: Wow. I notice you have got a little spot in the lower left, some of the caveats of using this system. What are some of those at a high level?

[09:31] Sacha Chua: Well, let me switch to those so we can zoom in on that. A lot of times people get hung up on the expense. Certainly, if you already have a computer, buying a new tablet PC can be a significant cost. Because this is my main computer, I find that it is pretty much worth the investment. I’ve upgraded it with lots of memory and lots of hard disk space so I can use it for all the things that I do.

Apple tends not to believe in tablet computers that have pens in them. I really don’t know why, but if you want to work with a Lenovo X220 tablet PC like I do, then it probably means getting yourself set up on Microsoft Windows, because that is where most of the applications are. That can take a little bit of a learning curve for people.

The weight of this is a bit of a concern as well. I can’t remember the exact weight, but because I have the tablet as well as an extended battery pack, I can go for an entire conference without having to worry about plugging into a power outlet. But this also means I carry a fairly heavy backpack for these things.

And let’s mention battery life: if you don’t get an extended battery pack, your battery life will be much shorter than a regular tablet. But if you do get the extended battery, which I consider to be well worth it, then at least you don’t have to fight so much over a power outlet at conferences.

[10:58] Mike Rohde: Interesting. And I know I mentioned Dave Gray uses this tablet PC. I think a couple of years back we did a conference: I was up in front and he got to draw on his PC. I actually kind of liked the screen and it felt a lot like pencil and paper to me, oddly enough. I don’t know, but he might have had a different brand but it was the same thing. And I thought, "This is kind of interesting." I haven’t explored that yet because I have other machines I have already invested in and it wouldn’t be an investment for me, but I’m really curious about it. I think people are thinking about it and it is a really interesting option that you should consider.

[11: 31] Sacha Chua: It is actually very smooth and I prefer it over drawing on paper or a tablet. On paper, it is sometimes scratchy and your lines don’t go where you want them to go. The texture is nice, but I’ve found that when I’m drawing on a tablet PC, my lines look a lot more confident because they are digital and because I am not relying on friction and all those other things. A tablet is a much more consistent experience for me.

[12:01] Mike Rohde: This is really fascinating. I love that you have done that. I am really excited to be sharing this with people, because I think a lot of people still use paper. Thank you for being on the show. What we are going to do is include some links to all these references so people can check you out, they can read your blog, they can look at this image more closely and see your sketch notes and we will share that with people. Thank you so much for coming on, Sacha.

[12: 28] Sacha Chua: My pleasure. You know, digital drawing has been the key thing. It has made it much more fun for me and I think it would be lovely if more people gave it a try.

[12:36] Mike Rohde: Great. And maybe, as a way to end this show, can you verbally give us some places where people can find you: Twitter, blog and so forth?

[12:45] Sacha Chua: You can find me at Twitter as @sachac . You can check out my sketch notes and other things I have posted at my blog. You don’t have to remember my name for that one, you can go directly to livinganawesomelife.com. Which it is.

[13:06] Mike Rohde: I can see that you are passionate about it and I just loved talking with you today. Thank you for taking the time and hope you get lots of interest from people that are curious and asking questions. Thank you.

[13:15] Sacha Chua: My pleasure. Have fun.

[13:16] Mike Rohde: Okay. Thanks a lot.

[13:19] Mike Rohde: And that wraps up this episode of The Sketchnote Handbook Podcast. We are going to do more stuff like this and bring other people and see how their workflows work, so tune in for the next episodes as they come out. Thanks.

Related:

• My digital sketchnoting workflow
• Evernote notebook of sketchnotes
• Sketchnote collection

I sketchnoted TEDxOCADU live, and my new workflow is working out well. I’ve been moving more of my sketchnotes over to experivis.com – do folks still want to see them here? Might be handy. Anyway, I like reflecting on what worked well and what I can do even better, so this blog is still the best place for that.

For TEDxOCADU, here were my experiments:

Set up all the layers and saved them as placeholder PNGs beforehand so that I didn’t have to type in filenames or look up speaker names.

• Sketched during the dress rehearsal, and reused many of my images during the actual conference: great for knowing where people are going, although I still stuck with fairly regular layout.
• Used Dropbox to get the Twitter links, copied the URLs, and set up my list of hashtagged and linked tweets using ClipMate: great for tweeting things on the fly with just my laptop
• Set up a gallery page for updating throughout the day
• Set up a bit.ly link to track clicks for my gallery page
• Double-checked WiFi access: so much better than tethering through my phone
• Followed up with social media / web person in case they needed help getting the images up on the official site
• Eventually remembered to set up Google Analytics on experivis.com – added this to the checklist of things to do when spinning up a website…

Here are some things I can tweak next:

• Add more images to my ClipMate library
• Have a smoother delegation workflow so that I can get my sketchnotes typed in
• Figure out how to integrate text into the gallery view; maybe project-sketchnote relationship?
• More graphics! More! More!
• Don’t forget to have Archivist or some other Twitter archiver running in the background
• Consider Tweetreach or some other Twitter analytics report?
• Set up tracking links for each image, too, or always send people to the gallery page

With sketchnotes gaining in popularity, I’m often curious about how other people drew a talk. TED talks are popular for sketchnoting practice, and sketchnoters are beginning to bump into each other at conferences as well.

There are many avenues to share or discover sketchnotes, such as The Sketchnote Handbook Flickr Pool and the wonderful graphic recordings at Ogilvy Notes. Sketchnote Army is a blog that features lots of sketchnotes, and Twitter searches turn up even more. But there isn’t really something that’ll help you bump into other sketchnotes of the same talk, or even sketchnotes of the same conference.

Are we at the point yet where multiple people might be sketchnoting something? For popular TED talks, yes, and many conferences might have sketchnoters in the crowd. I think it would be interesting to make it easier for people to find each other and compare notes.

So I registered sketchnoteindex.com and created a quick spreadsheet to get a feel for the data that would be good to capture and how we might want to organize it. (Prototype with the lowest-effort thing first!) In addition to indexing topics, I’d like to eventually build an image and visual metaphor index too, so we can see how different people have represented time. Text search would rock someday. In the meantime, I put together a quick text prototype as an excuse to learn more about the Ember.js framework, although I’m thiiiis close to chucking it all and using Emacs or a Ruby script to generate static HTML.

Some things to consider:

• We want to avoid spam and build good data for navigation. I can start off manually indexing sketchnotes, and then open it up for submission (possibly with an assistant).
• Many sketchnotes don’t indicate their licensing, so technically, they’d be all rights reserved. We can link to things, and include thumbnails if we have permission.
• I can coordinate with Sketchnote Army (Mike / Binaebi) for submissions, and I can set up notifications for other sources.
• Revenue model: Advertising? Flesh this out into a system where conferences can pay a small fee to have branding on their page? Do this as a volunteer because I want to learn more about sketchnotes along the way? Hmm…

Right now, Ember.js pulls the data off the CSV I exported from my Google Docs spreadsheet. That way, I don’t have to create an admin interface or anything else. I’m not actually using Ember.js’ features (aside from a little templating and a few models), so I may swap it for something else.

So this was about eight hours including data entry (300+ sketchnotes; I did it myself instead of delegating because I wanted to sketch the idea out quickly), going through the Ember.js tutorials, and fighting with Javascript.

I wanted to like Adobe Illustrator CS6. I really did. I’ve been looking for a vector drawing tool that could fit into my sketchnoting workflow. Illustrator CS6 handled my tablet PC’s pen input more smoothly than Inkscape did, creating neat curves while still letting me work with the tight circles I use for lettering. Vector-based drawing meant that I could resize and move things around easily. I liked using the Navigator to keep a bird’s eye view of the image while zooming in on details. I was excited by the possibilities of building my own symbol libraries so that I could drop in visual elements quickly.

But it keeps crashing on me, which is frustrating. Even though I’ve rigged up some AutoHotkey macros to make it easier to save (triggered by a foot pedal, no less!), I don’t want to deal with that kind of mental friction and re-work. So, no Illustrator CS6 yet, and by extension, probably no Creative Cloud subscription. It’s like the way I ended up ditching Autodesk Sketchbook Pro on my Android tablet – it mostly works, except for when it doesn’t. When it doesn’t, it frustrates me.

I tried CorelDraw, too, but the eraser tool there doesn’t work the way I want it to. Artrage Studio Pro has a sticker library that might give me the ability to clip frequently-used images, but it’s not as responsive as Autodesk Sketchbook Pro is, so it’s a little frustrating too. Oh, well. I guess I’ll stick with Autodesk Sketchbook Pro for another year, and maybe use Inkscape to trace my drawings if I need to resize them.

I trust things a little more if I have backup plans. For example, I’ve messed up with Autodesk Sketchbook Pro on my tablet PC. One time, I accidentally moved my layer instead of zooming it. Fortunately, I’ve gotten into the habit of using Camtasia Studio to record my screen during the drawing process, so it was easy to go back in time and reconstruct the missing parts. Still annoying, but at least that was more my fault than the program’s.

It’s a little frustrating investing time into learning something that didn’t pan out, but knowing that these tools aren’t a good fit for what I want to do is valuable information as well. I’ll keep an eye out for other things!

New to sketchnoting? Aside from reading Mike Rohde’s The Sketchnote Handbook (see my sketchnote of it!) and Dan Roam’s Back of the Napkin, how else can you grow your skills? Here are some ideas from how I keep working on improving my sketchnoting. Hope you find them useful!

Click on the image for a larger version of the sketchnote.

Feel free to share this! You can credit it as (c) 2012 Sacha Chua under the Creative Commons Attribution 2.5 Canada licence.

Check out my other sketchnotes and visual book notes. Want me to sketchnote your event? Know of any interesting tech / business talks coming up? I’d love to hear from you!

Thanks to Tamara Paton for the nudge to share this. =)

Sketchnote and got tips to share? Curious and have questions to ask? Comment below!

As part of my resolution to spend more on learning, I went for one-on-one art classes in a nearby studio (Pamela Dodds’).

My first exercise was to draw shoes with lots of soft lines. The teacher said to focus on drawing each line in relation to each other instead of thinking about the whole shape. That makes it easier to defamiliarize yourself and draw what you see, instead of this preconceived notion of a shoe. I ended up making this shoe a little shorter than it actually was, but it was recognizably a shoe, hooray!

My homework was to draw more shoes.

Since I’m curious about translating abstract concepts to concrete images and vice versa, my teacher also suggested that I draw different kinds of shoes and the ideas associated with them.

The second class focused on negative space and chairs. On the left, you can see the chair I drew in class. On the right, here’s a chair that Leia (one of our cats) often likes sleeping in.

The third class was about lines, angles, and proportions. I started by drawing the scissors, then drawing the detergent bottle, and then finally by drawing the overlapping shapes of the coffee mugs.

At home, I practised by drawing the salt-and-pepper shakers, and by drawing the mouse.

My last session was one about faces and proportions (see above). Both of these were drawn from (rather odd-looking) mannequins. I like the profile likeness, although it was a little difficult getting the hang of the chin.

I’ve read many art education books such as Drawing on the Right Side of the Brain and Drawing by Seeing, so that sped up the teaching and gave us a shorthand for discussions. For me, the art classes were more of a meditative space where I could deliberately practise techniques, with feedback from a teacher who could warn me when I was getting too close to the paper (and thus shifting my viewpoint) or who could figure out where I was a little bit off in terms of proportions.

It’s a very different style of drawing compared to sketchnotes. I’m usually just focused on getting the gist of an idea across in a very simple, iconic form. In terms of getting better at sketchnoting, I’ll focus on broading my visual vocabulary by sketching different terms of concepts instead of focusing on drawing more realistic images. Still, it was fun discovering that even though I hadn’t been practising much “proper” drawing, I was getting better at seeing things!

Decision review: Good decision to experiment with art class, although I’ll keep looking around for other classes and I’ll keep practising on my own.

Dan Roam (Back of the Napkin; Blah, Blah, Blah) was in Toronto yesterday to give a talk on visual problem-solving at the Rotman School of Management. I like to think that I was cool and composed during the post-talk book-signing, but really, the only reason I didn’t get a picture with him was because I was too busy trying to not hyperventilate about the fact that he recognized me from Twitter and said he liked my work. =)

I did ask him to sign this sketchnote, though.

“Whoever best describes the problem is the most likely to fix it.” That reminds me of SPI 046: Building a Lucrative Business with No Ideas, No Expertise & No Money with Dane Maxwell, a Smart Passive Income podcast that dove deeper into defining problems and building businesses around them. Nugget from that one: “If you can define the problem better than your target customer, then they will assume you have the solution.”

Check out my other sketchnotes for one-page summaries of business and technology talks. Look at Rotman’s upcoming events calendar for other cool speakers!

Text from the sketchnote, to simplify searching:

Whoever best describes the problem is the most likely to fix it.

Say more with less: ideas -> pictures (easy to share, easy to act on)

Stories:

• Best – Boeing: built in 17 countries; challenge: languages; solution: all communication is visual
• Worst – Politics: challenges: intentional obfuscation, outcome is so many words
• 1974 Dr. Arthur Laffer – taxes; If you reduce taxes, you might increase revenue. Napkin sketch.

We can solve our problems with pictures. Simple drawing is okay. 75% of brain = vision. We are highly visual people. But we teach linear, verbal thinking in school!

detail + big picture. We think detail is intelligence. Power on your visual operating system. You can recognize ~100% after delay. You can figure out time from simple images. Our memory uses images and then we translate

The six ways we see:

• who/what: portrait
• how much: chart
• where: map (how things fit, what’s missing)
• when: timeline; also, motion
• how: flowchart
• why: equation (now + change = new)

Maybe it’s enough to draw 6 simple pictures

Drawing – you don’t have to remember anything!

Why visual thinking? Run away from death by Powerpoint.

Tools: Tablet PC (can use mouse as well), PowerPoint – pen tool

Wong-Baker pain scale; maps: spatial relationships; time: we recognize the when through the change in the where in the what.