THAT Agency Design Studio Blog

Selecting appropriate web site color is critical, as it increases readability, makes the navigation clearer and spurs emotions that may impact the popularity of a site.  A study commissioned by RightNow Technologies and conducted by YouGov Plc in end 2007 indicates that trouble in searching for information related to products and delivery frustrates consumers, resulting in them abandoning the shopping cart.

Read the rest of this entry »

Share this article

Web design trends for 2009 seem to hint that, while advancements on certain fronts will give way to novel designs, many of the old favorites will be back in fashion.

Read the rest of this entry »

Share this article

There is a popular commercial on television for a company that claims to “move at the speed of business.” As anyone who owns a small business can tell you, time truly is money, and sometimes, it helps to have a system for web design that cuts down on the mistakes and maximizes the number of people you can reach with your site. The 960 Grid System is named for the web design idea of having 960 lines per web page.

Read the rest of this entry »

Share this article

Most people know that the first step to creating a website is planning. What might be a little more unclear is how is the best way to go about planning a site.

Your 1st step should be to find websites that are serving a similar purpose as the one you want to build. Next, you should asses the strengths and the weaknesses of those sites. Use the sites to get ideas of what you would like to incorporate and what needs work.

For the second step get out a piece of paper and a pen (you can also you a pencil). On this paper jot down all your ideas about how you picture your site. Answer the following questions:

• “What are your goals in creating this website, what overall information do you want to convey?
• Who is your audience? Students, prospective students, faculty, staff, community, or a combination of two or more of these? What will be their goals in using your website?
• Are there different goals for different audiences? If so, what are the goals for each?
• Does the written content for your site already exist, or will someone be creating it?
• If the content exists, how and where is it currently stored?
• How often does the content change?
• Are there constraints on the information you want to display? For example, a page on this website should only be visible to students enrolled in a specific course.
• What interaction do you need between your site and its users? Do you have a database from which you want to extract and display information? Do you have forms that site visitors will need to complete?”
From: http://west.wwu.edu

Once you have answered all these questions and have written down all your thoughts it is time to make an outline. Think of this outline as a sort of table of contents of what will be found on your site.
From this move on to the 3rd step; a flow chart. This will allow you to have a visual representation of your site. You will be able to see clearly which pages link to each other and how your users will go through the site.
Finally make actual sketches of how you want each page to be laid out. Now this does not have to be perfect but it will allow you to have a good idea of what the final page will look like.

Now you are ready to get on the computer and actually make your site. Enjoy and don’t forget to check some of the design rules that I often talk about!

Share this article

Page design can be much easier if you apply these 4 basic principals: proximity, alignment, repetition and contrast.

Proximity:
The principal of proximity tells you to put related items close together. Things that aren’t related should be farther apart. The amount of separation between items or groups tells your reader how the material is organized.

Alignment:
The principal of alignment tells us one thing: Each item on the page should align with another item. The alignment of items creates organization and stability. How you align things can also draw attention to different parts of the page.

Repetition:
Repetition, or consistency, means you should repeat aspects of the design throughout the project. Good repetition ties your work together. I consider this principal to be my secret weapon. Establish good design elements and then reuse them – it not only speeds up the process it is what separates good design from bad design.

Contrast:
Contrast is the best way to add impact to your page. Create contrast by using type headings, photography, textures, or color. Figure out what the focus of the page is then use contrast to exploit that focus.

These principals represent the foundation of good design. When applied correctly, you’ll be surprised at how they not only improve your page but also increase your productivity.

Share this article