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

MBA Internet Marketing Manager @ MBAInternetMarketingManagerSource: MBA Internet Marketing Manager

Tags: , // Category: Internet Marketing.

Other Posts

    20 SEO Tips for 2010

    Personal finance site Mint eyes U.K., Canada for international expansion


    Mark Zuckerberg on how to build hacker culture inside a company

    Panjiva: Using government data as a platform for international trade


9 Responses

  1. Andrew Peltzer
    December 13th, 2009

    Thank you for the great post!


  2. Audio Visual Installations
    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.


  3. Brittany
    January 16th, 2010

    Nice post mate


  4. Jeannetta Dews
    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.


  5. Kathie Hann
    January 30th, 2010

    wonderful themes on here. Thanks


  6. Tamiko Dini
    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.


  7. Sadie Nooman
    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!


  8. datafeedr download
    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.


  9. Dominick Trentinella
    March 10th, 2010

    Ohh nice post nonetheless really??


Leave a Reply

You must be logged in to post a comment.

Ad Ad Ad Ad

Translator

Permission error: Please make your 'plugins/global-translator' directory writable by Wordpress


Skype Online Status

Call me! - allQoo Customer Service: Offline

Categories


Get Adobe Flash playerPlugin by wpburn.com wordpress themes