Image for post
Image for post
Sorry for your bleeding eyes, but these are important.

Methodology

50 Things You [Probably] Forgot To Design

Every PM: “I’m not mad, I’m just disappointed…”

Jon Moore
Jon Moore
Aug 31, 2017 · 13 min read

Login & Signup

1. The Splash Screen

Image for post
Image for post
Here’s a beautiful one by James Jackson

2. The Forgot Password Flow

Image for post
Image for post
Majo Puterka doesn’t leave his users locked out of the house in the rain.

3. The “Thanks for Signing Up” Page

Image for post
Image for post
What’s Next? Ask Hayley Cattlin.

4. The Welcome Email

Image for post
Image for post
iReally like this. By Brian Golatka.

5. The Terms of Service & Privacy Pages (ugh)

Image for post
Image for post
I really appreciate how Marko Prljic tried to make the Terms & Conditions more approachable.

First Experience

6. The User Onboarding

Image for post
Image for post
Delightfully helpful, by MuNa.

7. The Out-of-the-Box Empty State(s)

Image for post
Image for post
I get the feeling Veli-Johan Veromann likes superheroes.

8. The Help Docs

Image for post
Image for post
Maya Gao is very helpful. Be more like Maya.

9. The Default User Profile Image/Avatar

Image for post
Image for post
Hermes Strange makes cute stuff. These are cute AF.

10. The Logout Button

Image for post
Image for post
I’m guessing Kristofer probably stole Henrik’s lunch money. Let him log out and flee the scene.

All The…Small Things

11. The App Footer

Image for post
Image for post
Ash Schweitzer might be lost in the woods somewhere. Someone help her.

12. The Browser Favicon

Image for post
Image for post
Michael Flarup made an awesome favicon template you can download.

13. The 404 Page

Image for post
Image for post
Rizvan is stuck in that hole. Go help her.

14. The Default/Hover/Focus/Pressed/Disabled/Etc. Input States

Image for post
Image for post

15. The Tab Order

Image for post
Image for post
Ahhh, the days of writing 80-page specs and waterfall development.

16. The Scrolling Behavior

Image for post
Image for post
Oh man, Peter Blazej, this feels smooth. Nice!

17. The Intercom Button

18. The Pagination Buttons

Image for post
Image for post
Borunda did a nice job. Love that yellow, Borunda!

19. The Cursors

Image for post
Image for post
Jeff Broderick LOVES clicking on stuff. He also made a freebie.

20. The Table Sort/Filter/Search Mechanism(s)

Image for post
Image for post
Eugen Esanu has an exceptional eye for filtering mechanisms, and purple/yellow combos. Nice.

21. The “No Results” Empty States

Image for post
Image for post
Reiner Wendland pretty much covered everything for Zendesk.

22. The Error States

Image for post
Image for post
Mike Stezycki really had me thinking that email got sent. Then he was all: 😦

23. The System Notifications

Image for post
Image for post
This is from Google Inbox. The “Undo” is really convenient when you “accidentally” delete an email from your mom.

24. The Empty Autocomplete Dropdown

Image for post
Image for post
Apparently Jurriaan van Drunen didn’t have “Bra” in his contacts already. Probably for the best.

25. The Loading State

Image for post
Image for post
Not the best pan flip form, XPLAI. Keep practicing. But this is still painfully adorable.

Launch Materials

26. The Friggin’ App Icon

Image for post
Image for post
I’m willing to bet Eddie Lobanovskiy changed all of his icons to breakfast foods. Delicious.

27. The App Store Images

Image for post
Image for post
Daniel Beere didn’t forget the app store images for his app. High five, dude.

28. The Open Graph/Social Images

Image for post
Image for post
Kristy T is officially carless. SF will do that to ya.

29. The Website Marketing Images

Image for post
Image for post
And if you’re a designer at Redkix, you’ll have to make sure that image works on crimson.

30. The Sales Deck Images

Image for post
Image for post
Oh and sales will probably cover up all your mockups with other stuff, so prepare for that.

31. The Pitch Deck Images

Image for post
Image for post
Here’s a trade secret, always put dashboards in your pitch deck. 🦄 This is not a joke.

32. The Product Hunt Images

Image for post
Image for post
I still miss Medium 2.0 but every 👏 I 👏 get 👏 helps 👏 me👏 move 👏 on.

33. The Facebook/Twitter Ad Images

Image for post
Image for post
It took some digging to find an ad that WASN’T for a Casper Mattress. Y’all killin’ the game, Casper.

34. The Social Media Profile Images

35. The Launch Email Banner

Image for post
Image for post
Triple points if you make it an illustration. Current.

Profile Stuff

36. Notification Preferences

Image for post
Image for post
Slack didn’t become an $8 billion company by slacking on notification settings!! Nailed it.

37. The Billing Page

Image for post
Image for post
I don’t know what any of this means, but it was easy to get here!

38. The “Delete My Account” Option

Image for post
Image for post
Pssst, Mr. President, you can de-activate your account here.

39. The Profile Photo Cropping Tool

Image for post
Image for post
He couldn’t even get past this screen to show how it cropped a photo. 2 out of 10 stars. Would not put a ring on it.

40. The “Upgrade My Account” Option/Flow

Image for post
Image for post
Buffer has a menu item to upgrade then a pretty simple form. Bam. You’ve got my money. Way to go, Buffer.

Mad Flows

41. The “Change My Address” Flow

Image for post
Image for post
Dhaval S. Gandhi wants to make sure his Aloe Vera is shipped to the right place.

42. The “Add A Credit Card” Flow

Image for post
Image for post
This looks way too real, Carlos Medina. Unrelated, I just bought some new shoes and it didn’t cost a dime!

43. The “Bulk Add” Flow

Image for post
Image for post
Please sir, may I have some more?

44. The “Create a Custom Filter” Flow

Image for post
Image for post
Oykun Yilmaz could take this one step further by allowing the user to save this filter. Do it, Oykun!

45. The “Add to Shopping Cart” Flow

Image for post
Image for post
Apparently Alberto Conti needed 4 chairs and 4 side tables. Must be a big house…

46. The “Share This” Flow

Image for post
Image for post
Tomek Kwiatkowski really knows how to get social.

47. The “Create from Existing” Flow

Image for post
Image for post
Kyle Johnston is writing a LOT of scripts. Maybe secretly Christopher Nolan?

48. The “Invite Someone” Flow

Image for post
Image for post
I think Paula Pintaric and Christine are going on a flight. Or they’re working on a project and watching other people fly. That’s worse.

49. The “Change User Permissions” Flow

Image for post
Image for post
Matt Shwery, on the other hand…much less of a knucklehead than Greg.

50. The “Delete and Recover” Flow

Image for post
Image for post
Eric Tsai understands that we all make mistakes.

BONUS #51. Animations

Summary

UX Power Tools

A publication for designers, written by designers.

Jon Moore

Written by

Jon Moore

Principal Design Partner at www.innovatemap.com in Indianapolis, and co-founder of www.uxpower.tools. Contact me at 1jonmoore@gmail.com.

UX Power Tools

A publication for designers, written by designers.

Jon Moore

Written by

Jon Moore

Principal Design Partner at www.innovatemap.com in Indianapolis, and co-founder of www.uxpower.tools. Contact me at 1jonmoore@gmail.com.

UX Power Tools

A publication for designers, written by designers.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store