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

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

Frugal Innovation in Healthcare

I have been working on EVOCAM a low cost endoscopy system with my partners at Evolving Technologies. Using frugal innovation techniques we developed a light, portable endoscopy prototype for a fraction of the price of existing solutions. Recently Medicine for Humanity physicians used our system to operate in Uganda. To allow training to continue from afar, after volunteer physicians returned home, we are planning to add a tele-medical feature to our device. I joined the team after they already had a working prototype and focused on market research, creating a concise massage and preparing a parametric engineering evaluation that exemplifies how EVOTECH is positioned in the market place. Basically everything it takes to turn a good idea into a good business plan. I am currently working rendering another EVOCAM out of MIT’s hobby machine shop. Together we took EVOTECH into MIT’s $100K business plan semi-finals (still competing) and to a bunch of other competitions in MIT and out...
6 comments
Read more

10 Recommended Readings on Business and Policy

Piles of business and policy books are published every year. While almost any book has something worthwhile in it, only a small fraction are good. And for every profound idea there is a load of simplifications, unbiased assertions, after the fact reasoning and hype. When considering what to read I know what to avoid. For starters, I’d avoid anything with a title similar to this blog title – anything with a number in it: “365 days of success”, “8 new roles of money” (from the Kiyosaki who brought us rich dad poor dad) or “101 ways to turn your business around”. I also avoid biographies and autobiographies. They tend to present a simplified view where the fortunes of companies and nations are over attributed to one person. This view is misleading and even dangerous when people start believing in saviors and messiahs . Autobiographies have all the flaws of biographies and they are also biased and are too often just pure narcissism. Finally, I won’t read a book about a company written f...
3 comments
Read more