Architecture The IA is always developed first for it drives the entire experience. How can a visual design be effectively done when something as simple as the number of buttons on a page is not known? Failure to do IA first results in the "oops we need to add a button here" or "were forgot about this entire site section" or worse yet "How do we get to there from here?" IA is critical to the success of a web project - I do it first and do it correctly.
Content With the site architecture defined, I begin working with the content - determining how it will be displayed - typically through the use of wire frames. These wire frames often grow into style writing guides and visual style guides. Once these guides are completed, the content writers can begin producing written content and the technology team can begin developing Content Management templates. Experience has taught me that IA and Content need to be defined prior to designing. Otherwise, the design may be flawed. It may not account for required written copy, images, navigational requirements, and Content Management needs.
Design The next step is where most Clients want to start. Understandably, they want to SEE something. They want you to produce designs - now. Communication, early and often, with the client is critical in order to set expectations and reduce this pressure. I have found that when the client is involved with the IA and Content stages at a tactical level they support the visual design far quicker and to a much greater extent. Inevitably, the client's eyes light up with joy when they see the first design comps based upon their input on the IA and Content sections. The inevitable questions such as "Why is this here?" or "Why is it called MyHome instead of Home?" or "Why did you use this font?" or the infinite number of other client concerns evaporate when they understand what drove the design. Lastly, a client that has been provided an opportunity to participate will become your greatest supporter. I have developed several tools that focus the client and produce real direction for the design team. These tools are critical to success for clients need a way to express themselves to designers. I believe clients are smart - they are smart about their business and what they want to achieve. These tools grew out of a need to assist clients in expressing what they are seeking in a site and the visual / experience design. For example, the Digital Tone Board gives clients an interactive tool to narrow down the type of site they are interested in. This tool greatly reduces what I call the "Amazon.com" effect, whereby any e-commerce site should be exactly like Amazon.com. While Amazon does an amazing job, their approach is not appropriate for all clients.
Technology With the IA, Content, and Design processes either completed or well on there way, it is appropriate to begin client side technology development. This is the point where everything begins to come together - quickly. The IA drives the directory structure, the design and content flow into the wire frames. The wire frames then are converted into HTML templates for Content Management or static content display purposes.
|