What u think of my site layout?

Question

Srry there is no stuff because I want to know if the site layout the great before adding stuff to it.

http://singhgagand.brinkster.net/main.html

Answer 1

It's pretty good. However, I see a few issues:

1. You have two featurettes in the primary pane. These need to be aligned vertically, not centered. The user's eye expects a grid flow, but the left featurette disrupts it because it is hanging below the top of the right featurette. Both featurettes need to be "hanging" from the same line, equidistant from the bottom of the primary content area above.

2. There is no demarcation between albums along the right column. There is no way to tell whether the "Buy" button goes with the item below or above it, unless the user starts at the top of the list and moves down, to see that the button corresponds with the picture above it. I recommend either wrapping each album (including description and Buy button) in a subtle frame and spacing them out a bit more, or just removing the Buy button altogether and maybe adding a smaller Buy text link below the description to the right.

3. The scroll bar in the right featurette is confusing - most people will not realize that is a scroll bar because there are no visual hints as to its purpose. All of the hard work has already been done for you - users know what to expect when they see up and down arrows next to a block of text. So, take advantage of that.

4. I am not sure about the pattern you use to separate the main and right columns - there is no other stylistic cue for it anywhere in the design. It evokes a film strip, which subconsciously or consciously implies there should be video clips nearby, or a video/film-related theme somewhere on the page. But, there's not. So it's just out of place.

5. The text in the left featurette is not antialiased. The text in the right featurette is. Pick one or the other and stick with it (typically I favor non-antialiased type for copy and antialiased for headers and design elements).

6. The main navigation texts are not consistent. Ultimately, the impression left on the user is first, "hm those don't line up. I wonder if that's a mistake." Then, the realization that you tried to move the text around a little bit to give it that wacky-and-crazy feel ("whoa, look out! We're not afraid of misaligning text! Who knows what we might do next!") but it just comes across as lame.

7. Your type is not consistent from section to section. For example, the left featurette is normal in one section, but bold in another. Also, your padding and leading need some work. Copy needs extra leading to make it easier to read (leading is the amount of space between lines, for those who aren't sure). You need a little more padding between the copy and the bounds of the container. Especially in the featurettes. Your headings don't always line up with the copy below - that is a problem. You need to pick consistent paddings between the bounding box and the copy; between the headings and the copy below, and between the top of the heading and whatever is above that (previous section copy or the top of the bounding box) and stick to it. Measure it out in every place that has text and be consistent.

Positives: good color scheme; you clearly have a grasp of color relationships. Pretty good use of fonts, too. Typeface makes or breaks a site. The design and layout of the site fall away from the content, so it is easy to scan and filter information without getting distracted by design elements.

Answer 2

Well done, a professional look. Brinkster seems to have some nice options for web design.....

Answer 3

LOL u r so wrong ... (wrong as in an "expression" not that you are wrong lol)

;-) ;-p ;-)


Duh, any flash site looks COOL (but not all users will be able to view your site if you use flash ... I know that much)

Answer 4

impressive keep up the good work..

Answer 5

tiz good mate

Answer 6

good layout....like the colours!!!!!!!!!