Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder nomanic's Avatar
    Join Date
    Feb 2009
    Location
    United Kingdom
    Posts
    255
    Thanks
    9
    Thanked 33 Times in 33 Posts

    according to reviews this is too cluttered and complex, please review/improve?

    Hi

    I've showed this to a few people, they say its too cluttered

    http://www.nomanic.biz/esi/product/index.php?id=0001

    I've cut it down a bit since then
    is it still to cluttered?
    how would you improve it?

    click the links to other products, and change currency

    Grateful for any feedback/suggestions
    Many thanks,
    Neil
    <DmncAtrny> I will write on a huge cement block "BY ACCEPTING THIS BRICK THROUGH YOUR WINDOW, YOU ACCEPT IT AS IS AND AGREE TO MY DISCLAIMER OF ALL WARRANTIES, EXPRESS OR IMPLIED, AS WELL AS DISCLAIMERS OF ALL LIABILITY, DIRECT, INDIRECT, CONSEQUENTIAL OR INCIDENTAL, THAT MAY ARISE FROM THE INSTALLATION OF THIS BRICK INTO YOUR BUILDING."
    <DmncAtrny> And then hurl it through the window of a Sony officer
    <DmncAtrny> and run like hell

    Portfolio, Tutorials - http://www.nomanic.biz/

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,784
    Thanks
    6
    Thanked 1,022 Times in 995 Posts
    It is indeed a little crowded there.

    1. Leave the sections more room, give them some space. E. g. the customer reviews section can have more space above it and each review should have more space in between. Likewise, the related items section should have a litte space above. Also, the big heading could use some space below.
    2. It is not clear what these two empty blue rectangles in the header are supposed to do. Remove the dummy text there and make the menu horizontal with the search below.


    These are the first things that come to mind.

  • #3
    Regular Coder nomanic's Avatar
    Join Date
    Feb 2009
    Location
    United Kingdom
    Posts
    255
    Thanks
    9
    Thanked 33 Times in 33 Posts
    thanks stephen, I'll try and implement what you have suggested.
    When you login there are 6 buttons, not logged in there are 4, the 2 blue are placeholders for when you are logged in.

    I've made your changes, can't really change the buttons, horizontally there isn't enough room unless I make them smaller, feel that would make it more cluttered not less.
    Last edited by nomanic; 12-05-2011 at 01:30 PM.
    <DmncAtrny> I will write on a huge cement block "BY ACCEPTING THIS BRICK THROUGH YOUR WINDOW, YOU ACCEPT IT AS IS AND AGREE TO MY DISCLAIMER OF ALL WARRANTIES, EXPRESS OR IMPLIED, AS WELL AS DISCLAIMERS OF ALL LIABILITY, DIRECT, INDIRECT, CONSEQUENTIAL OR INCIDENTAL, THAT MAY ARISE FROM THE INSTALLATION OF THIS BRICK INTO YOUR BUILDING."
    <DmncAtrny> And then hurl it through the window of a Sony officer
    <DmncAtrny> and run like hell

    Portfolio, Tutorials - http://www.nomanic.biz/

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by nomanic View Post
    thanks stephen, I'll try and implement what you have suggested.
    When you login there are 6 buttons, not logged in there are 4, the 2 blue are placeholders for when you are logged in.

    I've made your changes, can't really change the buttons, horizontally there isn't enough room unless I make them smaller, feel that would make it more cluttered not less.
    The reduction in size would make them less cluttered.

    Consider extending the width of your page. This would allow some of your elements room to breathe. It looks like you're cramming too much into too small a space. Check out Etsy and Amazon for inspiration.

  • #5
    Regular Coder nomanic's Avatar
    Join Date
    Feb 2009
    Location
    United Kingdom
    Posts
    255
    Thanks
    9
    Thanked 33 Times in 33 Posts
    page wider. will mess with buttons.
    <DmncAtrny> I will write on a huge cement block "BY ACCEPTING THIS BRICK THROUGH YOUR WINDOW, YOU ACCEPT IT AS IS AND AGREE TO MY DISCLAIMER OF ALL WARRANTIES, EXPRESS OR IMPLIED, AS WELL AS DISCLAIMERS OF ALL LIABILITY, DIRECT, INDIRECT, CONSEQUENTIAL OR INCIDENTAL, THAT MAY ARISE FROM THE INSTALLATION OF THIS BRICK INTO YOUR BUILDING."
    <DmncAtrny> And then hurl it through the window of a Sony officer
    <DmncAtrny> and run like hell

    Portfolio, Tutorials - http://www.nomanic.biz/

  • #6
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Well, since you used images with defined widths, you can just make the page wider.

    You also used positioning for ALOT of your elements, when you should have used floats.

    Your wrapper uses position absolute with top and left positions and negative margins...all to get it "centered"?

    A width and margin: auto was all you needed to center your page. And of course a valid doctype.

    One more thing worth mentioning is you have 71 coding errors. Most are not defining the alt attributes for your images, but some a bit more serious and can break your layout.
    Last edited by teedoff; 12-05-2011 at 05:34 PM.
    Teed

  • #7
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    It does look a fair bit better now. Adding a normal line-height (e.g. in the environment of 1.6) makes it took a lot more sane and clean. Just a touch more padding to the left and right and I think you'll be okay. It was a nice concept to begin with.

  • #8
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by Apostropartheid View Post
    It does look a fair bit better now. Adding a normal line-height (e.g. in the environment of 1.6) makes it took a lot more sane and clean. Just a touch more padding to the left and right and I think you'll be okay. It was a nice concept to begin with.
    ok I dont know what you're seeing Apostro, lol but here is what I see in IE9. Maybe I've missed something?
    Attached Thumbnails Attached Thumbnails according to reviews this is too cluttered and complex, please review/improve?-nomanic.jpg  
    Teed

  • #9
    Regular Coder nomanic's Avatar
    Join Date
    Feb 2009
    Location
    United Kingdom
    Posts
    255
    Thanks
    9
    Thanked 33 Times in 33 Posts
    I was still messing with it then, its changed now. Changing line height now.
    I make it valid right at the end teedoff, just mess with it til it's all done, then make it valid markup.
    <DmncAtrny> I will write on a huge cement block "BY ACCEPTING THIS BRICK THROUGH YOUR WINDOW, YOU ACCEPT IT AS IS AND AGREE TO MY DISCLAIMER OF ALL WARRANTIES, EXPRESS OR IMPLIED, AS WELL AS DISCLAIMERS OF ALL LIABILITY, DIRECT, INDIRECT, CONSEQUENTIAL OR INCIDENTAL, THAT MAY ARISE FROM THE INSTALLATION OF THIS BRICK INTO YOUR BUILDING."
    <DmncAtrny> And then hurl it through the window of a Sony officer
    <DmncAtrny> and run like hell

    Portfolio, Tutorials - http://www.nomanic.biz/


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •