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!
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!"
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
10 Responses
Pro
Thomas Bishop
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
Pro
Zachary Burghardt
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!
about 1 year ago
Pro
Thomas Bishop
@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!
about 1 year ago
Pro
Patrick Haney
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!"
about 1 year ago
Pro
Thomas Bishop
Hey @Patrick Haney, also a good idea, something to think about. Thanks!
about 1 year ago
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
about 1 year ago
Pro
Sal
Like it very much. Maybe I also change the report icon. Nice work @Thomas Bishop
about 1 year ago
Pro
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. :)
about 1 year ago
Pro
ash bhoopathy
Wow @Thomas Bishop, This is awesome, how do you make these types of animations for Dribbble?
5 months ago
Pro
Thomas Bishop
Thanks @ash bhoopathy! I made it in Photoshop as an animated gif.
5 months ago