Mad Flows

Eventually, you’ll have finished all the previous things and think you’re home free — then you literally start to go home for the day proud of how on the ball you are.

Then halfway home on your fixie, sipping kombucha from your camelbak, you remember development hasn’t actually started yet! #$%@

Once development starts, you’ll start realizing that just mocking up one screen doesn’t really tell the story (it’s cool, we all try to be lazy). Developers need you to actually break down how a user experience flows from screen-to-screen.

41. The “Change My Address” Flow

You know when you get a snazzy new apartment downtown and you have to change your address on EVERY CREDIT CARD YOU’VE EVER OWNED?

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

42. The “Add A Credit Card” Flow

Some people (ahem, me) like to keep like a hundred credit/debit cards on file so that thieves have lots of accounts to choose from. So make it easy to add cards. That’s really all I have to say about that.

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

It’s one thing to make adding an object into the system quickly, but it’s an entirely different thing to make adding a BUNCH OF OBJECTS into the system quickly.

Please sir, may I have some more?

44. The “Create a Custom Filter” Flow

If you allow for sophisticated filtering, it might be nice to add the ability to save this complicated filter for later. That way you don’t have to click a million times all over again.

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

It’s kind of funny to think that people forget about this flow, but you know…I’m one of those people. Shut up.

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

46. The “Share This” Flow

Sharing has become pretty ubiquitous online, but that doesn’t mean it’s already designed for you. All the more reason to spend some time on this one.

Tomek Kwiatkowski really knows how to get social.

47. The “Create from Existing” Flow

This is kind of like “Duplicate + Edit” all in one action. Basically the user is able to start from an existing object and update it as needed.

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

48. The “Invite Someone” Flow

There’s no better way to add some “virality” to your product than through invitations and sharing. Looking at you Dribbble. Make sure it’s easy, quick, and fun!

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

You know that guy Greg? You know how he kind of screws up everything he touches? Yeah, you might wanna revoke some of Greg’s privileges just so he doesn’t delete the entirety of the Internet. Silly Greg.

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

50. The “Delete and Recover” Flow

You know when you delete something SUPER important and need to get it back immediately? No? Alright.

Eric Tsai understands that we all make mistakes.

BONUS #51. Animations

Full disclosure, I actually forgot about these myself. Look, I love animations but I’m lucky if we have the luxury to build these when sales wants a prototype done yesterday, and development is pointing out something I completely missed in my 8th iteration of the landing page. And honestly if we get to animations at all, I just peruse Dribbble or CodePen and send something I like to dev and say, “Make it like that!” Kidding. Am I?

I’m not.