RetailMeNot Mobile On-boarding Teardown

53
RetailMeNot Mobile On-boarding Ian Schoen @icschoen

Transcript of RetailMeNot Mobile On-boarding Teardown

Page 1: RetailMeNot Mobile On-boarding Teardown

RetailMeNot!Mobile !On-boarding

Ian Schoen!@icschoen

Page 2: RetailMeNot Mobile On-boarding Teardown
Page 3: RetailMeNot Mobile On-boarding Teardown

Nice! I immediately know!how the app is going to !help me.

Page 4: RetailMeNot Mobile On-boarding Teardown

Nice! I immediately know!how the app is going to !help me.

Playful graphics that also!primes the user for what !RetailMeNot can help!them buy

Page 5: RetailMeNot Mobile On-boarding Teardown
Page 6: RetailMeNot Mobile On-boarding Teardown

Another nice primer. Simple !iconography that will be !used later in the app

Page 7: RetailMeNot Mobile On-boarding Teardown

Another nice primer. Simple !iconography that will be !used later in the app !

Unfortunately, users will !find that the iconography!is actually inverted in the!app!

Page 8: RetailMeNot Mobile On-boarding Teardown

Another nice primer. Simple !iconography that will be !used later in the app !

Unfortunately, users will !find that the iconography!is actually inverted in the!app!

Example #1

Page 9: RetailMeNot Mobile On-boarding Teardown

Another nice primer. Simple !iconography that will be !used later in the app

Unfortunately, users will !find that the iconography!is actually inverted in the!app!

Example #1

Example #2

Page 10: RetailMeNot Mobile On-boarding Teardown
Page 11: RetailMeNot Mobile On-boarding Teardown

A nice way to !establish trust

Page 12: RetailMeNot Mobile On-boarding Teardown
Page 13: RetailMeNot Mobile On-boarding Teardown

This icon is typically!used for text !messaging, not!notifications… right?

Page 14: RetailMeNot Mobile On-boarding Teardown

This icon is typically!used for text !messaging, not!notifications… right?

Nice work emphasizing!preferred action

Page 15: RetailMeNot Mobile On-boarding Teardown

This icon is typically!used for text !messaging, not!notifications… right?

Nice work emphasizing!preferred action

The button style also mimics!the ‘Continue’ button the !user has encountered and !used in the previous screens.!To avoid dissonance, users!are likely to select this button

Page 16: RetailMeNot Mobile On-boarding Teardown
Page 17: RetailMeNot Mobile On-boarding Teardown

Cool feature and the copy!explains why the user !might like to enable it

Page 18: RetailMeNot Mobile On-boarding Teardown
Page 19: RetailMeNot Mobile On-boarding Teardown

Clear call to action

Page 20: RetailMeNot Mobile On-boarding Teardown

Clear call to action

Nice! I love personalization :)

Page 21: RetailMeNot Mobile On-boarding Teardown

Clear call to action

Nice! I love personalization :)

Also provides a !great introduction to !the diversity of !companies!that RetailMeNot!partners with

Page 22: RetailMeNot Mobile On-boarding Teardown

Clear call to action

Nice! I love personalization :)

Also provides a !great introduction to !the diversity of !companies!that RetailMeNot!partners with Hm, I do wonder how!

RetailMeNot decided !to order these companies!though…

Page 23: RetailMeNot Mobile On-boarding Teardown

Clear call to action

Nice! I love personalization :)

Also provides a !great introduction to !the diversity of !companies!that RetailMeNot!partners with Hm, I do wonder how!

RetailMeNot decided !to order these companies!though…

Hm, Why is this not!the real Pizza Hut logo?

Page 24: RetailMeNot Mobile On-boarding Teardown
Page 25: RetailMeNot Mobile On-boarding Teardown

I’m a big fan of !the hearts — a!delightful little!animation when!tapped!

Page 26: RetailMeNot Mobile On-boarding Teardown
Page 27: RetailMeNot Mobile On-boarding Teardown

Okay! I could !be into this…

Page 28: RetailMeNot Mobile On-boarding Teardown

Okay! I could !be into this…

Seems like they’re !trying to sneak this in.!Not sure I like !newsletters… :-/

Page 29: RetailMeNot Mobile On-boarding Teardown

Okay! I could !be into this…

Seems like they’re !trying to sneak this in.!Not sure I like !newsletters…

Nice job clearly promoting !preferred sign up!

Page 30: RetailMeNot Mobile On-boarding Teardown

Okay! I could !be into this…

Seems like they’re !trying to sneak this in.!Not sure I like !newsletters…

Nice job clearly promoting !preferred sign up!

I chose to put in a false email!to see what would happen…!([email protected]). There!was no error message and I!was passed on to the next!screen.

Page 31: RetailMeNot Mobile On-boarding Teardown

Okay! I could !be into this…

Seems like they’re !trying to sneak this in.!Not sure I like !newsletters…

Nice job clearly promoting !preferred sign up!

I chose to put in a false email!to see what would happen…!([email protected]). There!was no error message and I!was passed on to the next!screen.

There was also no call to!action once I had signed up.!Helpful tips like “check your!email” or confirm address” !could have been nice

Page 32: RetailMeNot Mobile On-boarding Teardown

Our Best Feed

Page 33: RetailMeNot Mobile On-boarding Teardown

Love the multiple !feeds — great for !user engagement

Our Best Feed

Page 34: RetailMeNot Mobile On-boarding Teardown

Love the multiple !feeds — great for !user engagement

Not sure what I would!be buying exactly…!Needs a better!description

Our Best Feed

Page 35: RetailMeNot Mobile On-boarding Teardown

Love the multiple !feeds — great for !user engagement

Not sure what I would!be buying exactly…!Needs a better!description

Some descriptions are !better than others…

Our Best Feed

Page 36: RetailMeNot Mobile On-boarding Teardown

Love the multiple !feeds — great for !user engagement

Not sure what I would!be buying exactly…!Needs a better!description

Some descriptions are !better than others…

Cool scrolling interaction. !Nice that users are !able to preview other !deals as they scroll!

Our Best Feed

Page 37: RetailMeNot Mobile On-boarding Teardown

Bottom of Our Best Feed

Page 38: RetailMeNot Mobile On-boarding Teardown

Bottom of Our Best Feed

Nice. Leading the!user towards other!app engagement

Page 39: RetailMeNot Mobile On-boarding Teardown

Bottom of Our Best Feed

Nice. Leading the!user towards other!app engagement

Awesome graphic! Love!how the arrow leads !right down to Favorites!in the Nav bar

Page 40: RetailMeNot Mobile On-boarding Teardown

Nearby button

Page 41: RetailMeNot Mobile On-boarding Teardown

Nearby button

Good copy. Reminds!user how feature!can help them

Page 42: RetailMeNot Mobile On-boarding Teardown

Nearby button

Good copy. Reminds!user how feature!can help them

Preferred action!nicely highlighted

Page 43: RetailMeNot Mobile On-boarding Teardown

Nearby button

Good copy. Reminds!user how feature!can help them

Preferred action!nicely highlighted

Good way of not forcing!user to make a decision!immediately

Page 44: RetailMeNot Mobile On-boarding Teardown

Nearby button

Good copy. Reminds!user how feature!can help them

Preferred action!nicely highlighted

Good way of not forcing!user to make a decision!immediately

Allows user to dive !deeper for details

Page 45: RetailMeNot Mobile On-boarding Teardown

Nearby button

Good copy. Reminds!user how feature!can help them

Preferred action!nicely highlighted

Good way of not forcing!user to make a decision!immediately

Allows user to dive !deeper for details

Important to have !a way for users !to bail out if they!don’t want to activate!Nearby

Page 46: RetailMeNot Mobile On-boarding Teardown

Nearby button

Good copy. Reminds!user how feature!can help them

Preferred action!nicely highlighted

Good way of not forcing!user to make a decision!immediately

Allows user to dive !deeper for details

Important to have !a way for users !to bail out if they!don’t want to activate!Nearby

Interesting use of teal !as a secondary color. !Aren’t RetailMeNot’s !colors purple and red?

Page 47: RetailMeNot Mobile On-boarding Teardown

Favorites Button

Page 48: RetailMeNot Mobile On-boarding Teardown

Favorites Button

Suggesting more stores!I might like… :)

Page 49: RetailMeNot Mobile On-boarding Teardown

Favorites Button

Suggesting more stores!I might like… :)

Aeropostale? I think!that’s a store for middle!school girls… Not sure!how that was suggested!from Lyft!

Page 50: RetailMeNot Mobile On-boarding Teardown

Categories Button

Page 51: RetailMeNot Mobile On-boarding Teardown

Categories Button

Clear and simple!layout with friendly!icons

Page 52: RetailMeNot Mobile On-boarding Teardown

Categories Button

Clear and simple!layout with friendly!icons

I like the grid iconography but!the section is not organized!that way. A little confusing

Page 53: RetailMeNot Mobile On-boarding Teardown

RetailMeNot!Mobile !On-boarding

That’s it — !Thanks for taking a look!