Comments animation for a web app that is in progress. If the user wants to comment on an item, the comment form slides down, and can be hidden to cancel. Feedback is appreciated, both good and bad!
about 1 year ago
Nice work. Love the comment animation. What caught my attention though is the report button. I think the spacing between report and the trashcan is a bit too much. Is the button to report the image above? If so, I think having it grouped with two commonly used buttons gives it too much emphasis. You want people to have the option of reporting an image without making it obvious they can do so. Just my too cents. nice work!
@Zachary Burghardt Yea, it is used to report the image above, and you make a very good case. I think to combat that, we will float the report button right, and maybe lighten the font color. Thanks for the feedback!
I agree with @Zachary Burghardt on the Report button, and I like your reply about aligning it to the right. I might even swap out the trash can icon for something like a warning (triangle with !) instead.
As for the animation, I love it. There's really nothing I can think of to say except "nice work!"
Hey @Patrick Haney, also a good idea, something to think about. Thanks!
Love it! Only change I would make is to not shrink the textarea on mouse out. Could be annoying if you're reaching for cancel and have to adjust your mouse
Like it very much. Maybe I also change the report icon. Nice work @Thomas Bishop
@Nouman Saleem – the textarea only changes states when clicked on/off, not just on mouseout. That definitely would be ultra annoying :)
@Sal – Thanks buddy. I agree w/ you guys on the report icon. I changed it to a warning sign. :)
Wow @Thomas Bishop, This is awesome, how do you make these types of animations for Dribbble?
5 months ago
Thanks @ash bhoopathy! I made it in Photoshop as an animated gif.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter