Skip to main content

Things I Learned on Designing Products from Cartoons


I recently started drawing cartoon figures for my daughter, after years of not drawing. It occurred to me that the drawing skills I learned back in the day help in mocking-up user interfaces.

It’s about perspective and outline

Drawing a cartoon figure is simple, really. The trick is to find a distinctive outline (the shape Mickey-Mouse’s head, the curve of a horse’s body) and drawing it first. Then you lineup every other detail in relation to the outline while keeping perspective in mind. I do the same thing when drawing a mockup of a web page or dashboard. I start off by what should draw the user’s attention (usually in the top center of page) and then layout elements around it.

Use the least amount of material to convey a message

Cartoon figures are made from just a few lines. These few lines make up a shape (a dog, a bird) and also convey a character. Tweety’s beak is curved to suggest a smile, Road-Runner’s limbs tell us the Road-Runner is in motion. Picasso’s one line drawings are a famous example of how a living object can be abstracted down to just one line. In web design, just like in comics, minimalism improves usability. Google is famous for this approach. When I build forms, for example, I spend time to reduce many permutations and complex possibilities to as few fields as possible.  



Labels:

Comments

Post a Comment

Popular posts from this blog

AA Problem

AA stands for Attention Allocation not Alcoholic Anonymous. Sorry for the deceiving eye catcher. PTT presentation is work I did in 2005 in the purely abstract edges of Operation Research. I uploaded a PPT presentation. The presentation is lighter and more colorful than the actual article. Warning you have to be a bit of a geek to press the link above. For the super geeks I put a link to the full article. It’s called “Attention Allocation to Partially Observable Heterogeneous Customers – with Imperfect Treatment”, Catchy? Full AA Problem article
Post a Comment
Read more

Digital Life - Art of Display

TNS, a market research firm, conducted an extensive research on the use of mobile, internet applications and social media around the world. What's really cool about it, more than the findings themselves, is the way the findings are presented. Sometimes, visualization is what matters most. http://discoverdigitallife.com/
1 comment
Read more

SDM from up on the bridge

I am taking the first spring semester as a long distance student in MIT's System Design and Managment (SDM) program. The long distance option, which I am grateful for, poses some challenges. A month into the semester, I am still trying to improve the interaction with the classroom, faculty and fellow students and maintain a balance between school and work. Setting up a work station I am using my home office (/living room /dining room/ guest sofa) from which I connect to the ‘bridge’. I find it useful to work with two screens. One displays the class, the mike controls and my video (I want to see how I appear to people looking at me from the classroom). The other displays the presentation slides and notebook (OneNote). The webcam is positioned above the main screen and when I look at the other screen, I am not facing the webcam. Class participation The video and sound quality are good. Material is always available before hand on the web. So keeping up with the studies is eas...
3 comments
Read more