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

Thread: Review: itpicks

  1. #1
    New Coder
    Join Date
    Nov 2005
    Posts
    66
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Arrow Review: itpicks

    http://ushpaa.com/itpicks/itpicks.html

    I've been working on the design for this new site concept. The design should reflect the "Web 2.0" style seen at Vimeo.com, Facebook, and Digg.

    My aim was to create an abundance of mouseover-y effects and live "onclick" effects while maintaining workability.

    Comments, suggestions, and criticisms are welcome!

    I'm hosting it off of one of my other websites for now. That will be changed soon.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    First and foremost : tables for layout is stupid!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Well, table (and web 2.0) aside, your current design isn't very functional. Is it correct to assume that this is still being "roughed out?"

    Anyway, this is all going to come across more harshly than I mean it, but here goes:

    Mouseover effects for the last four items in your banner give the stats for the first item in your banner. The name changes properly but the number is not consistent with what is there before the mouseover. Also, the up/down arrows are not functional, though this may be because I am not a registered user. If that's the case then the arrows probably shouldn't show up at all until after I log in.

    Additionally, your numeric ratings plopped into the banner images are too large to clearly see what it is that is being rated. Without mousing over any partiuclar item to get the text for that item you'd need to rely on context clues in the outer edges of the image to tell what is being presented. I'd have guessed Chevy Chase rather than George W. Bush if it weren't for the American flag in the background. This feels more like a 3-2-1 Contact! challenge than anything (if you're old and sad enough to understand this reference).

    You might want to add something to help the user parse your "recent picks" a little more easily. What I see is "London Olympics" but what is actually listed is "London" and "Olympics." You could use spacing, punctuation, or the good old "|" vertical bar to separate selections without (again) HAVING to mouseover to get clarification.

    Then again, you ARE trying to create web 2.0... I have some personal distaste for that fashion so I'm probably biased from the start!
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #4
    New Coder
    Join Date
    Nov 2005
    Posts
    66
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Thanks for the replies.

    As for the false statistics on the four rollovers... the site is not live so I've just typed random stuff in. That's also why the up/down clicks don't work.

    Mainly I wanted people to look at the look and feel of the website.

    And... good ideas on the mouseover text size and recent picks bar.

  • #5
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    I think the most important thing is that once I first glance at your site, I have no idea where to go. I've been rereading an old classic lately ("Dont Make Me Think!" by Steve Krug) and there are a lot of things screaming for attention, and the ones that grabbed my attention the most (the images with huge numbers covering them so I have no idea what they are) gave me no relevent information about what I could do with the site or how to proceed.

    I challenge you to step away from the design for a little while, and try to forget everything about it. The best thing you can do is break away and try to grasp again what the focus of the site should be, is it to have people sign up, is it to voice your opinion, is it to display information, is it to educate first before they are members, etc.

    Overall I like the colors, its just needing something that makes it so dang obvious what the site is upon entering. I think the best thing you can do is reduce the obvious noise of those front/center images with numbers, putting the numbers below or in the corner instead.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #6
    Regular Coder
    Join Date
    May 2008
    Location
    Lost in Localhost...
    Posts
    702
    Thanks
    3
    Thanked 43 Times in 42 Posts
    I think it is missing a footer. Maybe a green strip that's at the bottom with the Copyright, terms of use etc?

  • #7
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by Millenia View Post
    I think it is missing a footer. Maybe a green strip that's at the bottom with the Copyright, terms of use etc?
    Footers are generally a required practice. Google did not need a footer: it's entirely pointless. But they included it after lots of testing (and Google does thorough testing) because it looks incomplete otherwise. There have been stories of people waiting for it to finish loading for ages, and I found myself doing that.

    (That means I concur.)

  • #8
    New Coder
    Join Date
    Nov 2005
    Posts
    66
    Thanks
    8
    Thanked 0 Times in 0 Posts
    All helpful hints... thanks!

    I'll be working on it some more and I'll post a re-done version soon enough.

  • #9
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by CyanLight View Post
    ...Google did not need a footer: it's entirely pointless. But they included it after lots of testing...
    Hmm... You know I never really noticed that until you mentioned it. In fact I had to check to make sure you were right!

    Anyway, I also notice that the additional categories (which I overlooked on the first read-through) pop out below the recent picks. This may be more logically placed just beneath the header where you have the category drop down control placed.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting


  •  

    Posting Permissions

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