Scratch your New Year itch with some comic relief
Use the principles from the funny pages to make your interface flow and your icons pop,or to show off your ideas for user experiences
So you're back at work, raring to get on with your job if only you didn't keep tripping up over those things that get in the way. Or you're nursing a hangover and wishing it was still the holiday break and cursing the things that make your job harder than it has to be to get things done. Either way, hacking together something that makes work easier, more productive or less frustrating is what this column is all about - but your own solutions don't have to look home grown.
If you've made a new year's resolution to spend a little more time on the look and feel of your tools, how about taking comics seriously?
We mentioned Scott McCloud's "Understanding Comics" briefly before; this is an excellent and in-depth guide to the principles of graphic storytelling, which turn out to be just as useful for how to make an application easy to understand and use.
It isn't just that icons are kind of cartoony, although the more you think about how to visually represent the tasks and tools you're abstracting as icons and buttons, the better your controls will work. It's also much better to understand how 'telling a story' on a page works by drawing the eye through the different panels rather than blindly sticking to menus and toolbars at the top or strips of controls down the side.
The same techniques you use to make a story move along on the page can also help you put together a program or a website where the flow to complete a task is natural rather than confusing. And that's what "Understanding Comics" is all about, which is why it's become one of the best web and application design books that never mentions programming or the web. (The sequel, "Reinventing Comics," talks a lot about web layout specifically for comics and is an interesting discussion of different approaches to telling stories online, but for design principles, start with "Understanding Comics.")
Another good resource to consider is Bill Buxton's "Sketching User Experiences," which you expect to address how to approach drawing user interfaces and offer up loads of examples. You'll certainly get both, but that's just a fraction of what's in this fascinating introduction to the whole world of design. It covers everything, from design elements of physical products like mountain bikes, orange squeezers and mice to case stories of the impact of design on Apple and Adobe's approach to coming up with new software products.
You'll learn as much about laying our your notes and ideas as you will about how to draw touch gestures so people can understand the interface you've come up with. There's a section on visual storytelling that sums up some of what's in "Understanding Comics," but you'll want to read both. Again, this is a beautifully designed book - especially the section reproducing several pages from the Moleskine notebook of Microsoft researcher Richard Banks - and you'll come away thinking about design in a completely different way.
(Buxton is a principal researcher at MSR and has been involved in the design of Windows Phone, but he also has decades of experience in touch interfaces and he founded the research lab at Autodesk.)
Customers have taken control of the buying process, and gone are the days of the carefully crafted marketing message. That means you have to deliver relevant, quality content in the proper context of the customer's situation and device they are using -- and that's a huge challenge for most companies.
Four months after Quip launched on iOS, the company delivers on its promise of an Android app for its eponymous word processor. Today's release comes on the heels of a major update to its Web and iOS apps that finally lets you import Microsoft Word files, a feature the Android version lacks for now. Still, with these two updates, Quip edges closer to its ideal of being a collaborative cross-platform word processor.