Messages

Error

Use simple, clear language. Explain the problem and suggest an action to move forward.

Provide a solution. The example below is the original iteration shown when an entry doesn’t satisfy 2 rules. In addition to using technical terms, the rules aren’t explained. The user won’t know what’s gone wrong or how to fix the issue. The second iteration was released after writers requested more clarity for users. The user will know what to do but the copy could be simplified.

My rewrite and redesign, the third iteration, emphasizes clarity and practicality. Unnecessary punctuation is removed from headers and the explanation is simple.

404

Explain, be empathetic, and guide. Keep users engaged even following a botched link or chasing a nonexistent page. Before they go back or leave altogether, grab their attention with a simple explanation. To relieve disappointment, add a dash of personality and finish the mini experience with helpful links. View my site’s 404

Reassurance

Define concerns, address needs, offer more. A product trial inevitably ends. Users can feel anxious or uncertain as they’ve arrived at an important decision. When notifying the user of the trial end, reassure them that there’s no pressure either way. Use the opportunity to be caring and respectful while continuing engagement.

Tooltip

Offer immediate, accessible answers. A customer-facing form uses many product-specific terms the user may not yet know. To foster certainty within the user, I added tooltip copy. This screen created a learning opportunity that helped customers and the team understand the product better.