Avatar

Sent

by Jonno Riekwel Pro Sep 9, 2010
Shot_1284034909
Shot_1283348204_teaser Sending What do you think? If you know web apps, you know how this will work :) September 01, 2010

This shot is a Rebound of...

Sending

by Jonno Riekwel Pro

Tweet
1,316 views
http://drbl.in/tPq
Icon-colordrop

Tags

  1. 63
  2. 60
  3. 53
  4. 21
  5. 4

18 Responses

  1. Pro Avatar Jonno Riekwel

    When you're done uploading :)

    Oops. Forgot to remove the cancel button.

    over 1 year ago

  2. Pro Screen_shot_2010-03-11_at_22 Jord Riekwel

    What are you sending me?

    over 1 year ago

  3. Pro Mister-pickles Prekesh Chavda

    This is really nice Jonno :)

    over 1 year ago

  4. Pro Img_00761 Edgar Leijs

    Great stuff really, I also saw the other shots. Commenting this one: have you tried to remove the stripes in the progress bar? To me it still appears 'progressing'. What do you think?

    over 1 year ago

  5. Avatar Andy Birchwood

    the progress bar looks like a button in this shot...

    over 1 year ago

  6. Pro Miro_guitarist Miro Keller

    I'd say leave the stripes, but they shouldn't move. If you remove them, it would look even more button-like.

    over 1 year ago

  7. Pro 429652_10150668038046358_839366357_9140695_1097370179_n Dalton Hurd

    @Andy I doubt anybody will confuse a progress bar for a button lol.. No need to worry.

    over 1 year ago

  8. Pg Michael Pons

    Pixel perfect as always. I do wonder if the names should have more of a graphite or monotone look. Especially if it would help bring more attention to the button and the progress bar.

    over 1 year ago

  9. Pro Avatar Jonno Riekwel

    It's hard to imagine how it looks when it's moving. But I'm leaving the strips and they indeed won't move :) It's so much sexier in motion :)

    over 1 year ago

  10. Avatar Andy Birchwood

    It's not clickable right? it uses exactly the same graphic style as the (clickable) tabs. I think it's a poor UI design decision. The rest I like and looks good.

    over 1 year ago

  11. Pro Avatar Jonno Riekwel

    It is. But it's so much sexier!

    over 1 year ago

  12. Pro Dsc_0263 Sergio Alvarez

    I'm with Andy in the thing about the progress bar. Also you could change the color to orange until the file is 100% sent.

    over 1 year ago

  13. Pro 429652_10150668038046358_839366357_9140695_1097370179_n Dalton Hurd

    @Andy It comes down to usability. Would any user wonder if it's a button when it's sliding across the screen while loading? Probably not. In this case, there's no reason that it will ruin the user experience.

    On the other hand, users only take an action when they need to. Why would they choose to click a progress bar even if they believed it to be a button, if they didn't know what the function was, or what the benefit would be.. Either way, since it's not a button, even if they do click it, then there will be no consequence.

    @Sergio To suggest a color right off the bat is not design at all. Colors must serve a purpose. Simply using orange because it's not used elsewhere would be a poor solution, and also just make the design more confusing to have a single orange element on the page.

    Sorry to flood your shot, Jonno. It just bothers me when people get nitpicky about stuff that doesn't even need fixing.

    over 1 year ago

  14. Photo-cropped Kolin Krewinkel

    Perhaps maybe 'Completed' or 'Finished' on the bar?

    over 1 year ago

  15. Pro Avatar Jonno Riekwel

    Dalton

    Thank you. That's exactly what I was thinking.

    over 1 year ago

  16. Lua Dean Janssen

    On a different note — have you considered removing the progress bar entirely when the upload is done? Maybe add “Done!” or “Upload completed”, but leave the small check mark?

    Many (web) apps follow this principle, as progress bars serve purpose while things are in progress. When things are done, it makes more sense to explicitly tell that things are done. Progress bars have this sense of “there’s stuff going on” about them. I don’t think you want that when you’re actually trying to say that the waiting is now over.

    over 1 year ago

  17. Avatar Andy Birchwood

    @Dalton "Either way, since it's not a button, even if they do click it, then there will be no consequence"

    Correct me if I'm wrong... isn't that the textbook antithesis of usability? A user shouldn't have to click it to know it's not a button.

    http://americanthings.files.wordpress.com/2009/07/the-far-side-by-ejblog-files-wordpressdotcom.jpg

    over 1 year ago

  18. Pro Dsc_0263 Sergio Alvarez

    @Dalton using the color is not for fun. Orange can reflect "in progress" / "incomplete" and green can mean "complete" / "it worked good".

    But... come on, take it easy! It's constructive dude!

    over 1 year ago

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