Ruby On Rails, Design, Simplicity, Web 2.0, Ajax, Mac and Tons of Pizza.

Jun 23

Web design is about designing

Posted by Massimo Sgrelli in Design - Web 2.0 - 2 comments digg this add to delicious

It seems pretty obvious, but it isn’t. I assure you that.
I’ve just read Amy Hoy article “Design is not about solving problems” on Slash7 and I agree with her. She focused on the proactive role in designing, blaming the reactive role that design could have. Design is not about solving problems.

But I’d like to go further, remarking the obvious: design is about designing. Understanding the domain language (as recalled by Ryan Singer ), sketching the whole project down, positioning objects on a surface to fulfill the need and then build a mock-up. That is design. Web design makes no objections to this rule, but for sure it adds some constraints to the general process: the format. If a web designer builds up the complete idea of a project, without worrying about the final format of his work, he will probably have to plan a big rework. That project must be implemented by a software developer, so the format of the designer’s final object is fundamental.

Too often people speak different languages:

They simply don’t fit and sometimes tools don’t help a lot. This is why the big challenge is to forget about Photoshop and start promoting tools closer to the bare HTML.

HTML is composed by simple shapes. You can easily draw a rectangle, a square, color them, even blur the background. And again, set the font family, the boldness. Adding some AJAX you can get awesome effects… in a simple way. They are good and easily implemented, but you must study the fundamental of web development, the fundamental of browser rendering dialect.

People can keep basing their design work on tools like Photoshop, but they have to keep in mind that software developers will need user interface design objects in bare HTML/CSS format

If you are use to apply your work through a specific set of tools, it’s very difficult to change your habits in a short time. To train myself in this way I change the tools I use quite often, but of course I have my favorite tools too. At the moment I love using office tools like Keynote or PowerPoint to design web applications. They help you draw simple shapes and words quickly, and they avoid you to design hard things to implement.

In any case, independently from the tools I like to use, I’ve learned to sketch my ideas on paper first. That’s absolutely faster and cheaper than any software tool on earth.
I make a drawing and then I take a picture of it with my (i)phone to record it on WhoDoes. The drawing phase starts days later.

Comments

  • Adult Ühler

    Posted on June 26

    Unfortunatly most clients and some so-called web gurus don't understand this.
  • Simone Avanzi

    Posted on June 27

    I perfectly agree with you, the design phase can't be left only in the hands of a designer. Not all designers know what can be done using Ajax and CSS, also many designers tend to focus on good graphic more than usability (or functionality) itself... not often I've seen page designs that 'forget' a simple 'return to home' button :) Developers MUST be involved since the design phase to have a good solution. Speaking about design tools, I've looking for a valid rapid prototyping/design tool for years, but IMHO nothing satisfying yet has come for helping interaction designers. I've tried Fireworks for this purpose, as some people suggest. Unfortunately it doesn't come with a pre-built set of 'elements' to put in page, such as dropdowns, input boxes, titles, etc., so most of the time is spent on 'creating' a library of common elements. Also too complicated for fast, simple web page layout design. Photoshop also is too graphics-oriented. So we (Project managers, interaction designers) still deal with the old and well-known Powerpoint and its limits (e.g. the fixed height of a page, while web pages have different heights one from each other).

Post a comment

Categories:

Tags:

Powered by Mephisto, Valid XHTML 1.1, Valid CSS - Supported by Wave Factory