The last post was pretty basic. It stated what I was doing, but didn’t really cover what I intend to fix about the design of the Xna site. Let’s go over that now:
Pros
- Layout - The layout is good. A mix of two columns and three columns can get a ton of information across without too much scrolling.
- Images - The art quality is good and the abundance of art is great. The site is about creating games and as such should be colorful and exciting. We aren’t writing a 2000 page thesis.
- Differing Information - One thing my sites generally lack from is the difference in information presented on one page. The Xna site excels at this, bringing all the top information to the front page. This introduces the reader to many concepts without them having to dig too deep.
Cons
- Contrast - As mentioned before, the lack of contrast can hurt the eyes and confuse the reader. I have no idea where my eyes are supposed to go.
- Spacing - Even with three columns, not much information makes it onto the first visible part of the page. Why is this?
- Beta this, Beta that - Beta is the new final release apparently. Why would you ever put it out that the site is a beta? This is a production website as far as I am concerned. Keep the logo area clean and simple. A logo states what the site is ultimately about and nothing more.
- Randomized Locations - Information is all over the place! It makes it very hard to read when there is very little notion of lines. Humans are accustomed to reading lines of text, don’t make our eyes jump vertically or over great spaces.
So, how am I fixing this?
Contrast
By standardizing how headers and text are managed and then increasing contrast levels through more vibrant colors, I can focus a reader’s eyes exactly where I want them. Big, bright, orange elements grab your eyes more than dull tones and light grays. Big, black elements are secondary but still eye catching. I use bright colors for links so you know immediately where to click. I use bigger text in a smaller range so that the eyes do not have to refocus as much.
Spacing / Locations
I have removed negative space in the main body because I feel it can often cause a person’s eyes to jump over just to find more information. Additionally, I have added uniform spacing between elements to quickly define columns and lines of text.
So, on to step two which is to start refining the theme; incorporating what has already been mentioned. Here I have brought the most important information straight to the top and on the first visible section. Any scrolling gives the user only secondary information. I have kept the logo clean and made a simple box for user information.
