The Lost Art of Sketching

I've been working with computers, lo these last 20 years. I've always gravitated toward the crowd that liked pencils with their digital tools. I've been an advocate of the low-fidelity prototype since the early days. As an Internet industry worker, I recommend drawing in a journal/sketchbook at least a few times a week. Lately I've forced myself to do it every day. The results are extremely beneficial to me...I work out problems conceptually before I implement them in my professional life. Plus, it's just therapeutic to draw a dragon, skull or robot at least once a day.




Please see some of my recent sketchbook doodles by clicking on the thumbnails above. I've removed most of the text and words, but I wanted to collect these pen & pencil sketches in a digital way. I also posted them to my Flickr page. If you have a Flickr account, you can see the super hi-res versions of these.

It seems sketching is enduring a bit of a resurgence. Sketching comes back into fashion. I love it. Below are some examples of these concepts.

For ages, people in power have used simple pens and pencils to work out complex problems. Check out the great book called Presidential Doodles: Two Centuries of Scribbles, Scratches, Squiggles, and Scrawls from the Oval Office from the creators of Cabinet Magazine. See a great excerpt and samples in The Atlantic.

The Back of the Napkin by Dan Roam is a fun, prescriptive book which helps you "solve any problem with a picture".

Sketching User Experiences: Getting the Design Right and the Right Design by Bill Buxton is a must-read. Earlier this spring I had the pleasure of seeing Mr. Buxton speak in Las Vegas at the Microsoft MIX conference. Check out my post from that event for more links concerning lo-fi prototyping and design sketching.

Learn about mind mapping, graphic facilitation and sketchnoting in the great post, "The Joy of Sketch: explorations in hand-crafted visuals" by Kate Rutter of Adaptive Path.

LISTEN: Hear the NPR story "Bored? Try Doodling To Keep The Brain On Task" by Alix Spiegel. There are also some of President Obama's doodles on the website.

Next year, don't forget National Doodle Day.

See these helpful tips and tutorials: Drawing Tips - Top 10 Mistakes Beginners Make.

My Deep Zoom Comic and a Busted Narrative Structure

How is Narrative Structure Influenced by Presentation Format?

I just drew a comic about something that happened to me in the dot com days. I've posted it online in three different formats, partially because I wanted to see how different forms of presentation might change the overall feel of the story. I like the Silverlight Deep Zoom version the best by far. It allows the reader to scroll left and right and up and down. Plus it allows the reader to zoom deep into the image, seeing all the detail and even finding images within images. This "resolution independence" has allowed authors and creators to create unique new modes of storytelling.

Does it destroy the integrity of the story line and plot? You tell me. Perhaps our scattered, divergent, web-era minds crave stories where multiple plot paths intersect and overlap. It's often how we read the web, leaping from story to link to picture and back. Are these narrative asides just bad habits of an internet-infected mind? I actually think that, done well, these techniques can free creators to tell a multi-dimensional story like never before.

Above is the Microsoft Silverlight Deep Zoom version. This allowed me to tell the story the way I really wanted to. It allows for the best resolution and easiest user controls. Hover over the image and you'll see the controls to zoom in and out. You should also be able to use your scroll wheel. Go Full Screen!

Don't miss the hidden images. Some are easy to find, but some are much harder. The whole "resolution independence" of Deep Zoom allowed me to overlay images. If the reader zooms into a tiny spec on a photo, that spec may reveal a full-resolution photo that itself can be zoomed into. Theoretically infinite.

Find the following hidden images:

1. A Thai food menu.
2. Three pictures of Hawaii.
3. Another entire comic.
4. A pixel farmer farming pixels.
5. A spreadsheet.
6. Tripod.com home page.
7. A picture of me during the dot com days yelling at a phone.

You'll need the Silverlight plug-in which is a very quick install.

Sorry, I can't get it to work on the Mac yet. Silverlight is totally cross-browser and cross-platform, but the Deep Zoom composer tool is still a young product and the output is not fully optimized (which means a lot of tweaking of the XAML which I'm not an expert with.)

This is the Flash version. I bet with a little extra work I could simulate the Deep Zoom effect, but I'm just not a Flash guru. I want to spend time making stories and not doing multimedia development. This version works pretty good, but it forces the reader into one linear path.



This is the HTML version. This is so old school! Just some big-ass JPEGs stuck in a table (about 4.5 meg). I like this because it is simple and it works cross-browser, but ultimately it's kind of a pain in the butt to scroll around using the browser controls...too much effort.


All this makes me think about traditional narrative structure and the "The Freytag Pyramid." Gustav Freytag was the German writer who described a system for dramatic structure back in 1863. It's a mighty nice structure and I use it often. But, I also strive to bust that sucker up.



Check out the recent Wired magazine article by Scott Brown called "Why Hollywood Needs a New Model for Storytelling" to learn about Freytag deviants.

If you like this stuff, then check this out:

Video Below: Scott McCloud, graphic novel guru, talks about infinite canvases and digital comics at the TED conference.


This is an ancient interactive story I made back in the mid-90s. I was experimenting with the choose-your-own-ending storybook concept.



Download Microsoft Deep Zoom composer and make your own infinite canvases.

Learn how Deep Zoom works here and here.

View more of my dot com comics.

Comic: Make it Orange

Digital Handel's Messiah, 1994

In 1994 my company won a contract to broadcast the the annual Kennedy Center Handel's Messiah performance live on the web with video. We'd barely just started our company, MediaZones, and the only reason we got the gig was because very few companies were doing live internet video. We'd had some cursory initial success with local Seattle events and that made us the default experts. So, we loaded all our digital gear into travel cases and headed to Washington, DC to try and make it work.

We were hired by a company associated with the Paramount Theatre in Seattle. They'd made all the arrangements to get our crew from Seattle to DC and all we needed to do was make a postage-sized flicker of video appear on their webpage while the live event was going on. We used a now-defunct software-hardware combo called Xing Technologies that required we lug a giant server with us, along with 4 desktops and a laptop. Not to mention our cameras, microphones and cables.

In those days we felt lean and mean when it came to equipment. When we were at events, the TV crews would gawk at us and be amazed that we could broadcast from just seven suitcases. They couldn't take us seriously because we, in their minds, had barely any equipment. We didn't even have a van. How could we be professionals? How indeed.

Back in 1995, I sketched this comic rendering of the whole adventure and I have recently posted it online.

In comming weeks, I'll post some photos of this trip...I just uncovered another box of media from those old early days of the web. Stay tuned!

Comic: Digital Bear Bot

Comic: Making a Cybercast 1997

Back in 1997 I owned a company called MountainZone.com. We published outdoor sporting information on the web. We didn't know it at the time, but we were building a community.

We traveled from Seattle to Stratton, VT to broadcast the US Open Snowboard Championships. Since we were posting our audio, text, pictures and videos to the Internet, we called it "cybercasting" which sounded even sillier in the 90s than it sounds now.

We finagled ourselves into all-access media passes and we bartered a free room in exchange for a banner graphic on the event page. We were doing everything for the first time...breaking ground. Media folk and journalists rarely asked for web connections in the early 90s when we started our cybercasts, but by the late 90s it was becoming more common for press rooms to offer Internet. Although the connections were thru 28.8 modems, definitely not high-bandwidth.

We were serious about the sport and our team knew the riders, event planners and other professionals. By the end of the weekend there was underwear on the lamps, beer on top of the computers and silly string hanging from the ceiling. How we ever published anything is beyond me.

But it worked...and the visitors to the website started streaming in. First there were dozens, then hundreds, then thousands. By the time we sold MountainZone in 1999 we had millions of visitors pouring into the site to learn about mountain biking, skiing, snowboarding and climbing.

Above is a comic I drew on the plane ride home (click it for the full story). The photos are provided as proof (to myself) that it all really happened and it was not a dream. Watch this blog for more of my personal Internet history. I’ll be digging up some great dirt.

Comic: Digital Power Overload

Comic: Rumor Mill On Internet Time

Comic: Stealing Office Supplies

Comic: Well Oiled

My Personal Internet History: Mae Phim

Back in the late 1990s, me and fellow Internet junkies in Seattle would occasionally take time away from the computers to eat. A little Thai place in Pioneer Square was always packed with dozens of high-tech knowledge workers. Mae Phim was the place to go if you wanted to pick up secrets, spot entrepreneur rock stars or spread rumors. It is still there today. Order the garlic chicken. Three star.

No Schmooze, You Lose

Schmooze to Live, Live to Schmooze. Ultimately, all business is about relationships. Those who are good at making and keeping contacts are the winners in the end. Those who are creepy and dishonest can only survive for a short time before everyone stops returning their calls. The slime gets weeded out, the sincere rises to the top.

Schmooze. To Schmooze. To idly blather in pursuit of gains. Press the flesh. Grab and grin. Meet and greet. Going to the Meet Market. This is a necessary aspect of a successful life in the internet business, be you a designer or salesperson. You need to get out from behind your desk and gab with other people from your industry.

In other contexts, the term is sometimes used to describe getting out of a sticky situation, like talking your way out of a parking ticket. However, in the business world it is used to describe what has become an art and a craft. The fine art of slick networking.

For further research, don't miss Guy Kawasaki and his Theory of Schmoozing version 1.0.

Also, back in July I blogged about business networking sites, which could be considered "virtual" schmoozing. Although these sites cannot compare with real, flesh-n-blood schmoozing.

There are many events that allow digital media professionals to practice their schmoozing. Check out Meet Up, NetParty, Toastmasters, The Rotary Club and various Chamber of Commerce events in your city.

A wise friend once said to me that a main goal of any businessperson should be to create a list of 100 people who will take your call...and enjoy it. You don't want folks to sigh heavily when they hear that you are on the phone, you want them to feel relieved that you called.

Some Books you might want to check out:
Mr. Shmooze: The Art and Science of Selling Through Relationships by Richard Abraham
It's Not Your Smarts, It's Your Schmooze: How to Succeed Without Being Brilliant by Ty Freyvogel
The Art of Schmooze, Vol. 1: The Confident Schmoozer by Beth Mende Conny
How to Make People Like You in 90 Seconds or Less by Nicholas Boothman
Life's a Pitch!: From Hosting to Toasting...from News to Schmooze by Soni Dimond

Now get out there and GRAB-N-GRIN!