Monthly Archives: May 2014

GR101 is going to Berlin!

Interested in learning how to be a graphic recorder? Planning to be in Berlin in July? Have I got some news for you!

The fabulous Lisa Arora (of Get The Picture) and I will once again be co-leading the IFVP’s signature training, Graphic Recording 101 (or GR101). It will be held on July 22, 2014, in the awesome Hotel nhow. The workshop is scheduled as a pre-conference session in conjunction with EuViz, a brand-new conference hosted by Kommunikationslotsen and Neuland and co-hosted by IFVP. Already, EuViz promises to be something very special. The conference itself is sold out, but the pre-conference isn’t, and you don’t need to attend EuViz to attend GR101.

You can learn more about GR101 and register for it on the EuViz pre-con page. Not sure yet? Here’s the promo video for the workshop:




 

Sketchnoting Blogs

sticky note that says Sketchnote ResourcesI’ve finally gotten around to rebuilding my feed reader (my previous reader collapsed under its own weight from the astonishing number of unread posts). I’m being rather more selective this time around. Here are a handful of blogs that I’ve added on the topic of sketchnoting:

Rohdesign and The Sketchnote Handbook 
Mike Rohde

Mike Rohde’s book, The Sketchnote Handbook, has helped pave the way for new sketchnoters. (Plus, Mike invented the term ‘sketchnotes.’) He also has a blog, some cool t shirts, and a forthcoming workbook to go along with The Sketchnote Handbook. Highly recommended. Check the blog for a series of videos about producing the workbook.

Verbal to Visual
Doug Neill

Doug Neill’s mission is to teach sketchnoting skills broadly, so people can apply it to whatever they are working on. Find sketchnoting tips on the Verbal to Visual blog and listen to Doug’s podcast series featuring visual thinkers. Doug is also working on a book on building your sketchnoting skills.

Sketchnote Army
Binaebi Akah, Mauro Toselli, and Mike Rohde

Started by Mike Rohde, Sketchnote Army is a showcase of sketchnotes from around the world. You can submit your own notes to be featured on the site, or just browse for inspiration.

Sketchnotesbook
Eva-Lotta Lamm

Eva-Lotta travels to conferences, takes sketchnotes, and publishes them in yearly books. She also teaches and gives talks about sketchnoting.

Not an exhaustive list by any means, but I’m easing in gently. Which sketchnoting blogs would you add?

Annotating Sketchnotes with Voicemap

Update, Feb. 2020: Voicemap is no longer available.

I’ve been playing with Voicemap, an online tool for adding audio and zooming points of interest to an image (like sketchnotes or a graphic recording). It hasn’t been easy. The instructions on the site aren’t very clear, and a lot of mistakes can’t be fixed without starting over. But I have finally completed my proof-of-concept Voicemap: An annotated review of visual notes I took during Doug Thomas’ TEDxUFM talk, “A New Culture of Learning” (link goes to the actual TEDxUFM talk).

(Voicemap no longer available)

Voicemap of my visual summary of “A New Culture of Learning” by Doug Thomas

Reflections

I really like Voicemap for the way it pairs audio with visual notes. Seems like it would be a great way to create a summary after a meeting: Upload the notes, then walk through them with a narration of the meeting’s highlights. Unlike the RSAnimate-style sketch movies, you don’t see the drawings being created in a Voicemap video — it starts with the image already finished — so it’s great for graphic recordings created during an event.

There are a few drawbacks. It looks like you have to publish the piece on Voicemap’s website, which means I can’t use it for many of my clients (too public). The format is better suited for pre-planned visual notes, or notes that are created after hearing the audio, so that you can walk through the image in a logical way. You’ll notice that I skipped around the page, following the flow of the talk rather than the visual structure on the page. That’s because I skipped around the page while creating the notes. Voicemap works better if you have a cleaner visual path to follow.

The most annoying thing is that the aspect ratio of the video when you edit it is different from the one you see when you view it (the editing one is 4×3, but the published one is closer to letterbox). The default embed code is also weird: it gives you a 640 x 640 viewer, which means your careful centering is shifted and everything is cut off on the right, with too much space on the left. The viewer above is actually cut off on the right side. If you want to see it more or less as it was meant to be viewed, try it on the Voicemap site.

Update: Voicemap contacted me and pointed out that I can change the width measurement to 640, which I did. This fixed the embedded display issue. To be fair, I did try that. I just changed it in the wrong place. Doh.

How You Do It

First, you start a project by entering some information about it (title, abstract, script, and so on). You can upload an audio file at this point also, although I had a great deal of trouble with that step. I tried several different formats (WAV, AIFF, MP3) and two different lengths (2:56 and 3:41). Eventually, the audio did load, but it took days in one case, and four or five upload attempts in another.

Once you get past that step, you can add a sketchnote image and set zoom points (points of interest, POI) that are timed to the audio track. You do this by listening to the track, pausing when you want to set a POI, then setting it and continuing. It really helps to have uploaded the script before you do this so that you can scroll through the script while you listen. When I did it that way, I found I could time the POI swaps better.

When everything is to your liking, you click Publish. From what I saw, publishing happens instantly.

Other Uses of Voicemap

It looks like graphic recorders can sign up with Voicemap, take a test, and become certified to do sketchnotes for audio clips that Voicemap sends them. Voicemap clients, then, can send in a script or audio clip and request a corresponding sketchnote video. The graphic recorders don’t get paid very much, but if you have an iPad or tablet, it looks like you could pick up a couple extra bucks illustrating Voicemap clips. I’m not sure how busy the service is yet.

Graphic recording of web meetings with the iPad – Yes, you can!

“So can I graphically record a web meeting on my iPad?”

That’s a question I get asked a lot, and historically, it has had a complicated answer. For a while, the answer was “Not if you want anyone in the web meeting to see your graphic recording while you’re doing it, no.” Then it was, “Yes, but only if they’re on the same wireless network you’re on, and even then it’s a lot of setup.” After that it was, “Technically, yes, but realistically, no,” because although it was technically possible to share your iPad’s screen to a desktop and then share the desktop’s screen in a web meeting, it wasn’t easy, smooth, fast, or reliable. As of last week, the answer has changed again.

That’s because last week, Squirrels released Slingshot, the first really workable solution that I’ve seen for real-time graphic recording in a web meeting using an iPad. Is it perfect? Nope. Is it good enough? Yes, for some situations. Is it for everybody? Nope.

Screenshot of iPad

My quick iPad drawing (screen shot from iPad).
I’m zoomed in a little, which is why it looks a bit fuzzy.

How Does It Work?

Slingshot lets you host a web conference in a snap from your desktop computer or mobile device. If you’re hosting from your desktop, you can use Airplay (built into your iOS mobile device) to mirror your device’s screen to your computer, where it is automagically screen-shared with everyone in the web meeting. Once I had downloaded and installed Slingshot on my computer, it took about five minutes to launch a meeting, connect my iPad, and share my iPad’s screen with someone in the web conference. I launched a drawing app on the iPad (Brushes in this case) and started drawing, just as I would if I were taking notes. My remote-viewing partner in crime (in this case my partner in many other things, Craig Smith) reported that the drawing was very smooth, no delay, no jumping around.

Squirrels also makes an app called Reflector, which mirrors your iPad screen to the desktop just like Slingshot. With Reflector, you have to join a web conference with something like Skype, WebEx, Connect, or Join.Me, and then share your screen. Slingshot skips all that by blending Reflector’s mirroring capability with an easy-to-use web conferencing tool, so you only have one thing to set up.

Photo of computer and iPad showing Slingshot

The iPad, where I was drawing, mirroring into Slingshot.
You’re seeing the Slingshot app floating over the Slingshot web page.
Don’t worry that the iPad is plugged in; it doesn’t need to be. I was just running out of juice.

Sounds Great! So Why Isn’t It Perfect?

First, because of how the mirroring works. Not only does your drawing get mirrored, but everything on your screen gets mirrored too — the palettes, title bar, whatever you can see. But we could live with that. The thing that really gets in the way is that the zooming gets mirrored as well.

To get good results and fit a lot of stuff on one screen, you need to zoom in when graphic recording on the iPad. Which is fine, except that when someone else is watching the screen and sees the zooming without any context, it’s very disorienting. I would be very careful about using this to record a web conference just because of the mirrored zoom. I wish there were a way to turn that off and just show the graphic recording unfolding without the zooming. That would be pretty darn close to perfect.

Second, you can’t do it just from the iPad, without the desktop computer. You still need to join the meeting on a desktop computer running Slingshot, and then you connect the iPad in order to mirror it. I really wanted to be able to join the meeting on the iPad and share the screen from there, but that’s not how it works.

The third reason isn’t particular to Slingshot. It’s just that live graphic recording on the iPad is not for everyone, regardless of how it’s shared in the web meeting. It’s slower than recording on paper and it requires more concentration, which means you can miss things. It’s much easier to get sucked into what you’re doing and forget to listen, especially if you’re not completely familiar with the drawing app.

Last but not least, both times I set up iPad sharing, Slingshot on my desktop crashed as I connected the iPad the first time. Once I relaunched and reconnected the iPad, all was well.

However, at long last, when someone asks if it’s possible to use their iPad to record a web meeting, I can say, “Yes! Yes it is.” Thanks, Squirrels!

Creating sketchnote joy with Inkflow by @Qrayon

Qrayon does it again! You may remember Air Sketch (which is still super awesome, by the way), the app that lets you wirelessly broadcast your iPad drawing to other devices on the same network while you draw it. This week, I happened upon another tool by Qrayon: Inkflow.

I am in love. Inkflow is a wonderful tool to blend digital and paper sketchnoting. You can use the app itself to take notes and organize them into books. You can also add typed text, images, and photos of notes you have taken on paper — which then become objects on the Inkflow page that you can move and scale with no loss of quality. Look at me, I’m so excited I’m jumping all over the place! Let’s get organized here and look at how Inkflow is for sketchnoting, the vector/bitmap comparison, a few key features, a list of what’s missing from my point of view, and whether or not I’d recommend it as a visual notetaking tool.

Sketchnoting in Inkflow

Writing and drawing in Inkflow is a beautiful thing. The flow is smooth, there’s no lag, and the canvas is large. Since I’ve only just begun to play with it, I’m using it as though it were Brushes, which is causing me some angst. But I can see that with a little practice I’ll get used to the way it works and do much nicer work. To test it out, I did a little visual notetaking while listening to the TED talk How Great Leaders Inspire Action by Simon Sinek.

Sketchnotes of Simon Sinek's TalkMy visual notes of “How Great Leaders Inspire Action” by Simon Sinek.
Click for a larger view.

Don’t let the non-white background alarm you; you can choose different styles. I just used the default for this one. You can actually change it after the fact, which rocks, and there’s a plain blank white one. It has a palm blocker too, so if you prefer a stylus you can pull up the palm guard to cover the bottom part of the screen.

One thing to note: A lot of the features I’m describing are only available in the paid version, which at the time of this writing costs $7.99. Definitely worth it.

Vector vs Bitmap

Inkflow is a vector drawing tool, which means that what you draw is stored as resizable objects. However, it behaves a little like a bitmap drawing tool (like Sketchbook Pro), which means that it feels like you’re painting with a brush. The lines are smoother and more even than I’m used to, and I can’t quite get the same variable quality of line that I love in Brushes (which is also a vector tool with a brushlike feel). The trail-off at the end of a stroke is different, too, which makes my lettering look a bit sloppy to my (self-critical) eye.

However, one of the coolest features of the vector-based Inkflow is that you can select, move, and resize parts of your drawing (or the whole thing). You can enlarge small things and they won’t get fuzzy, or shrink big things and they won’t get muddy. Oh, and if you need to rearrange your notes as you go, you can! File the selection tool under A for Awesome.

Adding Text or Photos

If you don’t feel like writing, you can type instead, and then draw or write alongside the typed text. You can also drop in photos or illustrations alongside your work, or annotate them. The stationery feature lets you pull in images to use as custom backgrounds (did someone say templates?).

Adding Paper Notes

I love this part. I have a bunch of notes I took on copy paper (you know, analog) for different meetings for whatever reason. I’ve been carrying them around in a folder and trying to decide what to do with them — I’m in an awkward place between using a paper notebook or my iPad at work, so I have notes in both places. Yuck.

With Inkflow (the paid version), you can take a photo of your paper notes and they get pulled into your Inkflow notebook. They become a vector image, so you can resize them up or down, move them around, select part of them, erase the little smudges around the edges… it’s totally cool. Now I have a work notebook that includes my loose notes, plus I can add as many pages as I need to for notes during meetings. Whoa.

What’s Missing?

The things that are keeping Inkflow from being absolutely perfect for my needs (I know, like it’s all about me, right?) are, in order of importance:

  • A lack of layers. This is the biggie, because I want to be able to draw outlines and color them in later, with the color underneath the outline. I also want to be able to experiment with stuff and get rid of it easily if it doesn’t work out. Update: Qrayon says they are working on a ‘draw-under highlighter’ that might help with this. Yay!
  • No quick way to zoom out to 100%. This was pretty frustrating while I was recording the sample. I do a lot of quick zoom outs to check size and placement of elements, and it’s annoying to have to do the pinch thing several times to make sure I’m looking at the right view.
  • Limited sizes and shapes of the brushes. Three brush shapes plus an eraser is actually okay; I can live without the airbrush. But the settings for tip size aren’t fine-grained enough for me. For instance, on the paintbrush, you can pick 24, 32, 48, 64… you get the idea. Nothing in between. I also miss being able to easily draw a dotted line. I use that a lot.
  • A limited active color palette. This is annoying, but it isn’t a show stopper. You have access to lots of colors, you just can only pick eight of them to use without mixing at any one time. Update: Qrayon responded to let me know that you can swipe the palette sideways for more colors, which I hadn’t realized. Definitely helps with setting up colorsets.
  • Zoom only goes to 12%. This bothered me a lot at first and then less as I learned to work with the app. I wanted to zoom in further, but I found that if I just worked at a slightly larger scale it was actually okay. I still would like a little more zoom action for that extra precision I like in my lettering. I love that the screen stays at full resolution even when I’m zooming.

So, Overall?

Overall, I love Inkflow and I’m looking forward to using it to take notes in my next meeting. It effectively combines several of my favorite features from other sketchnoting apps, it’s easy to use, and I love that it’s vector-based so I can move stuff around. Easily 4 out of 5 stars, and adding layers would kick it up to a 5. If you’re looking for a notetaking tool that’s simple but versatile, I can recommend it.

Updated 5-3-2014 with some news about color palettes and an upcoming draw-under tool.