WORKING... FINALLY!
Is it possible to build a web application that really fits people needs? Of course you can: to know what people need you must ask them. This is how the idea of WorkOutLoud - a new product built with ruby on rails - was born. WorkOutLoud will share its construction process on the web with the users.
Do you want to know what WorkOutLoud is all about?
 

The right tool to design for the Web

Don't write a single line of code before having clearly defined how your application will behave and look like. I really believe that!

The good news of using Ruby on Rails is that design your application is the most difficult part of the entire project. Some years ago I would have used Photoshop among  all the tools to draw effective web interfaces, but when I met Rails I began gradually to  change my mind. Rails drives you to the basics, teaching you that simplicity wins. Photoshop is awesome, but its simply  the wrong tool to design for the web; it's the right tool if you need to draw cool buttons or small details to include in your pages, it's probably the wrong one for the most part of the job. Then I tried to approach web apps design using bare HTML and CSS. It can work if you have already defined all the metaphors you would use in your application, but this design practice assumes that you have some good abilities in prototyping on paper and, most important of all, that you would be your own customer. 
In the case you need to show your work to other people, and they must agree on the direction you are taking before you can go farther, then you need a way to sketch for the web. HTML and CSS are good but you definitely need something different to try your ideas in seconds. This is especially true if you are in the business of consultancy: your customers need to be convinced by your visual analysis. 

Keynote, part of Apple iWork package, is definitely the best tool I've used right now to design for the web. While you design for the web you need something that avoids you dangerous art-like distractions. To design a web application you don't need to be an artist, you need to be an engineer.  Good taste helps of course, and probably is something you can improve during the years.

Keynote has everything you need: you can draw lines, draw squares and rectangles, use colors and shading. It's absolutely very good to work with fonts and text, and this is the quality I appreciate more than any other. It's really simple to get in, and it's cheap. 

Recently I found this wonderful tool has a way to lock shapes position on the slide pressing COMMAND-L, similarly to layers locking on Photoshop (this is something I couldn't found on Power Point). 

I really think this is all you need to accomplish quickly and effectively your job as a designer.

Comments:
This has been for years a big question for every project manager/designer/interaction designer that works with web.
What should we use to get rid of the odd Powerpoint? I'm happy that you found a good solution in Keynote.
Speaking from the other side (PC), I tried many softwares in those years for the same purpose.
The best prototyping tool I've found is AXURE (www.axure.com), very mockupdesign-oriented, and easy to use.
Another good solution (and also free) could be SERENA Prototype Composer (www.serena.com) but it's a little more complicated and more based on process definition rather than design.
Anyway, I'm curious to test Keynote for this kind of work, as soon as I can get a Mac ;)
Making web app design is a lost art, and that's why companies like 37signals are making fortunes on that . You don't need sophisticated tools: you need a whiteboard or some paper, and something to help you to fix the visual metaphors you are going to use in the application. If you are in the consulting business, you need a way to get your customer to approve the visual design before starting to code. I'm convinced that something basic like Keynote can be the right choice. If you have a PC, PowerPoint is pretty good, especially in the 2007 version. It's enough, remember that designing a web application is something typically better accomplished by an engineer not by a web designer.
Post a Comment

Archives

2008.09  
2008.10  
2008.11  
2008.12  
2009.02  
2009.05  
2009.06  
2009.08  

Subscribe my rss feed

This page is powered by Blogger. Isn't yours?