5 Steps website layout design tutorial
Posted on September 8, 2009
“You can find part one of this article in the following link “Website Architecture Tutorial: 5 steps to design a website””
3. Define “How”
- Now It´s time to propose how’d you like all the “Whats” defined in step 2 to function.
- For this step is very important to let go your imagination and creativity. Don’t think of costs, development time or anything else that could restrain your creative power. Just brainstorm with your peers and come up with as many creative ideas as you can.
- The only restriction here is that you can only brainstorm about the things you defined in step 2, otherwise you’d end up losing focus.
4. Prioritize
- This is the part of the process where you have to decide what are actually going to implement, what are you going to leave for version 2.0 and what are you going to discard.
- You have to revise one by one all the suggestions made in step three and evaluate each one of them.
- At this point is very important to have some thecnical staff in the decision making process, because the most important criteria to go ahead or discard a suggestion is a basic “Cost/Benefit” Analysis. You might have a clear idea about the benefits but to have an accurate estimation about development time, software/hardware costs, maintenance, etc, you need the technical staff advice.
- In this step and the one before, it’s very important to separate the creative process from the analytic one. Starting to analyze your options too early, restrains creativity and you could end up with less alternatives or alternatives with lower quality if you do both processes at the same time.
- Always be focused and doublecheck if what you are actually approving, is directly related to solve the problems defined in step 1.
5. Design
- Finally… after all these steps, you design.
- The objective here is to translate everything you’ve stated and prioritized so far into a graphic interface. It will not be very difficult because you already know What you need to include (and what not) and have an idea of How you want it to function.
- Everything you’ve put into your design comes from a specific objective and solves a specific problem. There will be no “useless” features here, no ”wasted” screen space and no time invested in programming code that will not be used
- Iteration. Check if your first layout is what you really need and you haven’t leave anything important out of it. If that’s the case, repeat steps 2 – 4 one or two more times until you’re comfortable with the end result.
- After you have your basic layout (in a piece of paper or basic HTML), maybe the two or three most important screenshots, you call your programmers and design team and start developing your website/application
Source: MBA Internet Marketing Manager
Tags: allqoo, web design // Category: Internet Marketing.



December 13th, 2009
Thank you for the great post!
December 14th, 2009
You wouldn’t believe this but I have lost all day scrounging for some info about this. I wish I knew of this site earlier, it was a great read and has helped me out to no end.
January 16th, 2010
Nice post mate
January 21st, 2010
Hey man, my name is Brian–I like to browse the site and am looking to make my first offering here real soon.
January 30th, 2010
wonderful themes on here. Thanks
March 3rd, 2010
Nice post. My friend Sarah told me about this blog a few weeks ago but this is the first time I am visting. I’ll positively be back.
March 8th, 2010
You know, I gotta tell you, I genuinely enjoy this webpage and the great insight. I find it to be refreshful and quite instructive. I wish there were more blogs like it. Anyhow, I finally decided to write a comment on 5 Steps website layout design tutorial | allQoo.com :: Chinese SEO Services Baidu SEO China SEO – I just wanted to say that you did a great job on this. Cheers dude!
March 8th, 2010
Beginners at internet marketing are for sure doomed to failure if they try to start out an internet marketing business without a serious plan or strategy. |Internet marketing is not very much different than marketing an offline business. Marketing online uses the internet to advertise a product or service to a vast audience through websites, blogs or paid advertising just like a business owner would market their business through the Yellow Pages, TV Ads, Billboards, etc.
March 10th, 2010
Ohh nice post nonetheless really??