Avatar

Upload Modal

by Daryl Ginn Pro Feb 12, 2012
Upload-dialog
62 buckets
help 1 rebound
Tweet
5,329 views
http://drbl.in/daxY
Icon-colordrop

Tags

  1. 37
  2. 28
  3. 10
  4. 7
  5. 1
  6. 1
  7. 1

31 Responses (page 1 of 2)

  1. Pro 80px Haziq Mir

    The cleanness is killing me on the inside.

    likes

    4 months ago

  2. Pro Avatar2 Sandeep Prabhakaran

    Love the progress bar!

    likes

    4 months ago

  3. Pro Alpis-new-avatar Alpis Design

    Nice :)

    4 months ago

  4. Pro A5d54fa911d3c9e237ef450481a19d6b Muhammad Bilal ☁

    It looks really good. the progress bar is sexy. :)

    4 months ago

  5. Pro 578856_663049092976_83504142_31964175_692682295_n Caleb Royce Lummer

    right on man. great stuff, super clean.

    4 months ago

  6. Pro Twitterface Alex Parker ⇢ ☁

    So fresh feeling. Love it.

    4 months ago

  7. Pro 1d82e2e Mads Ejsing

    Pure sex right there.

    likes

    4 months ago

  8. Yogaperdanalogo Yoga Perdana

    Nice simple!

    4 months ago

  9. Pro 3d-block Timothy Achumba

    That progress bar is awesome! Great work! I love a good UI in the morning :)

    likes

    4 months ago

  10. Pro 1 Suthan S.

    Where do I start? this is killer! Love the progress bar. :)

    likes

    4 months ago

  11. Pro Profielfotovierkant Dennis Covent

    Wow great!

    4 months ago

  12. Jan214142 Jan Markeljc

    Very nice Daryl ;)

    4 months ago

  13. Pro Logo Joel Helin

    Lovely!

    4 months ago

  14. Me Vitaly Ishkulov

    Daryl, that looks nice, especially gradient on the progress bar. But what do buttons "Cancel", "Done" and "X" do? Does Cancel stop all the uploadings? Does "X" do the same, or just closes the window? What about "Done", it's not clear what it does at all. If it closes the window and proceed uploads in background it would better called "Close" or "Hide".
    Also trash icon removes uploaded file from the server of just from the list? If the first, how to clean the list (and the whole list) not to see all of the files ever uploaded?

    PS "|" is usually unnecessary between buttons ("Cancel" and "Done").

    likes

    4 months ago

  15. Pro Avatar Daryl Ginn

    @Vitaly Ishkulov Great comment.

    'x' - Would simply hide the modal.
    'cancel' - Cancel/Delete all uploads.
    'trash' - Delete selected upload.

    The reason for the '|' separator is to help prevent the accidental clicking of Cancel.

    On another note, while this may not be that relevant, I actually only made this one for fun, it has no place in any current projects of mine ;)

    But yeah, i'm glad you took the time to really dig into the UX side of things.

    likes

    4 months ago

  16. Pro Dribbble Bady

    Did this man :) But IMHO the Done button better has the same width for better visual weight, because to me the cancel button attract more even the done button has stronger color.

    4 months ago

  17. Pro Avatar Jack Bingham

    That's really rather good!

    4 months ago

  18. Pro Doble_s Manu Gamero ☁

    This is amazing, really. Now I feel so lame man :(

    4 months ago

  19. Pro Transparant_bubble_avatar Yummygum

    Sweet stuff. The size difference between the trashcan and the 'x' does bother me a little. But overall, insanely nice shot :)

    4 months ago

  20. Pro 1d82e2e Mads Ejsing

    @Daryl & Vitaly

    Regarding the issue of a missclick, an obvious workaround would be to split the buttons apart like this:

    http://i.imgur.com/wU9Yn.png

    The original structure is a bit more out of the box though, while this comes off as a bit traditional (it does feel a bit more calm, though). In terms of UX it might be a better choice. Although I suppose you'd have to be a parkinson victim in order to really be influenced by it. :-)

    4 months ago

  21. Pro Sumo av Nigel Evans

    Incredible shot man, very nice indeed, love the softness of the tone and colors :)

    likes

    4 months ago

  22. Pro Img_0637 (1) Guillaume Gaubert

    All of this is beautiful except the loading bar, I don't really like when there is a horizontal gradient on it.

    4 months ago

  23. Pro Avatar Daryl Ginn

    @Mads Ejsing Had that structure originally, I don't think it was that appealing mainly due to the tightness of the spacing so I opted with center.

    likes

    4 months ago

  24. Pro 1d82e2e Mads Ejsing

    Well, I agree that the centered version is less strict and in that sense a refreshing change. :-)

    likes

    4 months ago

  25. Twitter_img_sml_new

    Alignment_teaser Alignment Adjustment So I hate to do this type of stuff sometimes, since I really do like this. But 2 things about this were bothering me (contrary to the "cancel" button dilemma... February 13, 2012

    Rebound

    Alignment Adjustment

    by Mike Puglielli

    So I hate to do this type of stuff sometimes, since I really do like this. But 2 things about this were bothering me (contrary to the "cancel" button dilemma, I actually don't mind it).

    I think you should align all the buttons. It is just strange otherwise and really disrupts flow.

    In terms of UX, I think the 'X' button (top right) should be MUCH smaller. It is too inviting :) It is very pretty but, its too big and confuses the issue of playback like some users might have mentioned.

    Anyways I think this is really pretty and is very cool. While I understand you did it for fun, just thought I would drop a few cents. The load bar is really fantastic.

    4 months ago

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