Working on my bachelor thesis—redesign of a community Web site signaly.cz—I have collected a bunch of methods and techniques I should learn, apply and finally mention in my work. Here are some “mind maps” describing what every Web designer should know.
Be aware of the fact, that this is just a list of Web site design process techniques. It could serve as a springboard for intermediate Web site designers. Try to:
- Read it.
- Check the Resources section in the end of the article.
- Study all the books and articles—I drew on just these resources.
Step 1: Briefs
Get a client brief from you business partner. Than form a creative brief and technical brief. Finally, try to figure out idea brief(s).
Step 2: Research
Here is a huddle of methods that can be performed during the design part of process.
Step 3: Ideas
Organize a strictly moderated idea session or try one of these utilities.
Step 4: Deliverables
Having collected all the necessary pieces of information, start creating deliverables—documents, that are useful in some way and describe the final design process product.
Tools
This utilities could be applied in any part of the design process. Try to figure out, if they are useful to you.
Resources
All the books and articles mentioned down there are stuffed with knowledge, describe techniques mentioned above and will help you with understanding them.
- Book Communicating Design: Developing Web Site Documentation for Design and Planning describes the deliverables.
- The Process Toolbox is a transcript of Simon Collison’s talk at @media 2009 conference.
- Mark Boulton’s book called A Practical Guide to Designing for the Web describes number of techniques mentioned.
- Interaction Design Association, a network dedicated interaction design.
- Getting Real, a book by 37signals focused on building Web applications.
- delicious.com/ondrejvalka/UI shelters bunch of another links related to the topic.
Jan Sládek
Interesting, thanks for sharing.
However it seems pretty complex and complicated to me. But maybe for really complex site it’s a good thing. Do you have some real experience with it?
January 3rd, 2010 at 00:29Ondřej Válka
I’ve applied a few of them recently (e.g. wireframes, mood boards and idea sessions). But I’m still discovering all the possible techniques, trying to figure out which techniques are useful and which are not.
Here’s the another thing: the larger project to do, the more techniques from each diagram you’ll probably use. I think in a project of any size will definitely be an idea brief or (at least) a quick-n-dirty wireframe.
January 3rd, 2010 at 08:16Filosof
Kurnik šopa chlape, nemůžeš s tímhle počkat až dopíšu diplomku
– vidím drsný vliv Browna a Boultona.. ale především proto, že je mám na stole a poměrně často cituju!
(ani jsi je nemusel dole přiznávat)
January 3rd, 2010 at 10:52