Free Web Design, Development and Programming Training and Tutorial Resources




    



June 21, 2008

Web Design Process Guide

Here is a quick 7-page Web Design Process Guide, from the University of Texas at Austin. This guide explains the six phases of designing and developing a web site. It will help you to do, or at least consider, these important aspects of web design.


Project Definition

The most critical step in the web design process is creating an accurate project definition. A project definition includes a project brief and a project plan. The client survey is used to gather the information needed to develop the project brief and plan. How do you create the project definition?


Site Structure

Good web design requires a solid site architecture based on the site’s goals and target audience established in the project brief. The deliverables from this phase are:

   1. Content Outline
   2. Site Diagram
   3. Wireframes


Visual Design

Review the project brief, sitemap and wireframes with the designer(s), then give them free reign to brainstorm solutions and develop the different visual designs. The designer(s) should also review any branding guidelines as well as the technical requirements for screen resolution, browser compatibility, download time, web standards and accessibility.


Site Development

Now it is time to actually build the site. There are two major steps during this stage:

  1. Technical/Functional Plan
  2. Build and Integrate the Site

Testing

The Quality Assurance person’s priority is to create a realistic QA plan, manage the testing process, prioritze issues, insure that high priority issues are solved and conduct the final review and release of the site.


Launch Plus

   1. Document your Style Guide
   2. Launch your web site
   3. Maintenance


Resources

Popularity: 5% [?]




Related Posts:
  • 2 Web Design and Development Training Guides
  • Website Design Lectures
  • Web Style Guide, 2nd edition
  • CSS Guide
  • Web Design Reference Guide

  • Tags for this post>>

    No Comments »

    No comments yet.

    RSS feed for comments on this post.

    Leave a comment

    You must be logged in to post a comment.