Error messages. Those little things everyone hates to see. As designers, we like to design the best possible experience for getting users through the task at hand. But it’s our job to put as much consideration into error states as we do the success flow. Any error messages we show to users should provide helpful … Continue reading Sending the right message with form validation
This post was originally published on the new Automattic design blog. Have you ever signed up for a new site or product, forgotten about it, only to remember later when you check your inbox and see the welcome email? What if that email looked nothing like the service you signed up for? It would lead … Continue reading Don’t forget the emails
“Improve the payment experience with animations” by Michaël Villar This article is a few months old but it’s great at illustrating the importance of subtle animation in web and app design. It outlines some of the animations Stripe Checkout uses to improve user understanding and experience. With the right animations, you can make things clearer, … Continue reading Improving user experience with animation
After I redesigned the “How Does Akismet Work” page, I realized the spam sorter graphic was just itching to be animated. Converting the main machine box into a gif with some flashing lights was easy enough. The conveyor belt is what gave me some trouble. I’m posting my solution here because the bug I came across was something so simple to fix and I just didn’t see it.