Brianhoff-new

Stars

by Brian Hoff Pro Jun 10, 2010
in WordPremier
Shot_1276189419
Shot_1276186131_teaser Sider Sliders June 10, 2010

This shot is a Rebound of...

Sider Sliders

by Brian Hoff Pro

5 buckets
Tweet
3,004 views
http://drbl.in/jOq
Icon-colordrop

Tags

  1. 18
  2. 9
  3. 6
  4. 3
  5. 2
  6. 1
  7. 1

15 Responses

  1. Pro Brianhoff-new Brian Hoff

    Showing the star rating upon click the tab

    almost 2 years ago

  2. Twitter_head Christopher Webb

    Interesting approach! One thing I notice is that the star is much closer to the end of the tap in the unclicked stated than when it's expanded. That said, great job!

    almost 2 years ago

  3. Pro Ryanavatarv1 Ryan Scherf

    What @Christopher said. Also, I'm not sure it's obvious to a user that clicking a half-yellow-star shape thingy is for "ratings". Perhaps a grayed out full star, or even some text?

    almost 2 years ago

  4. Pro Brianhoff-new Brian Hoff

    Christopher,
    Good call... I'll shorten that little tab :)

    almost 2 years ago

  5. Img_0002_1-medium Adam Michela

    Interesting approach. Pretty. I wonder how "obvious" it is though?

    Biggest concerns would be that you can't quickly scan the ratings, and if this is used to give ratings as well then it's a bit cumbersome to drag then click.

    Also if keeping the "grip lines" they should be on the left I'd think, since that's where you're most likely to drag on the slider.

    likes

    almost 2 years ago

  6. N732340202_6481 Sean Connell

    Really like this! I think click or drag would be a barrier but as mentioned in your related shot, touch devices would be left out...

    with the alt row colours, the lighter row has a frame around the image but the blue row doesn't. does it look too "blocky" with the blue darkened around the image as well? Hard to say without seeing the full element in position!

    almost 2 years ago

  7. Pro Squaredeye_336x336 Matthew Smith

    I wish I could trippple heart this thing!

    likes

    almost 2 years ago

  8. Pro Vin-avatar Vin Thomas

    I love the concept. I wonder if it would work better on hover instead of on click. That way it might be more obvious.

    almost 2 years ago

  9. Pro Avatar-5 Luke Seeley

    Yeah, @Adam makes a good point: you can't scan ratings.

    This could be solved with a small star rating inline with the item rows that can't actually be interacted with. Though at that point, you might as well let people rate items in the inline ratings, which seems to be the standard at this point.

    almost 2 years ago

  10. Pro Brianhoff-new Brian Hoff

    Actually the secondary nav menu allows those to sort by rating. The rating system isn't a huge part of the sites objective, however something that looks visually different or out of the ordinary makes people want to click it. In full context it might make more sense :) I appreciate everyones helpful input though.

    almost 2 years ago

  11. 16240_173503326777_583696777_2942134_1572461_n Michael Nobblett

    Wow, I really love your work. Beautiful, functional, and usable. I'm a fan.

    almost 2 years ago

  12. Pro Afd-newlogo-forum Aurélien Foutoyet

    beautiful :)

    almost 2 years ago

  13. Pro Img_2731 Drew Yeaton

    "...however something that looks visually different or out of the ordinary makes people want to click it" Not trying to be contrarian, but I would challenge this assumption. Though, we need to leave it up to you to decide what problem this interface element is solving. Because, as you say, in context it makes more sense.

    almost 2 years ago

  14. Pro Sunglasses Jake Przespo

    I can see others' concerns.

    I don't have any ideas at the moment for how it would work on a touch interface, but how about the stars pop out on hovering the entire record? It would be much more obvious to the user that there is something there. I think that will be more transparent for them.

    almost 2 years ago

  15. Pro Dribbble Jesse Gardner

    I absolutely LOVE this UI.

    almost 2 years ago

keyboard shortcuts: ← previous shot → next shot L or F like