Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Everlane iOS App Design Critique

Wird geladen in …3

Hier ansehen

1 von 108 Anzeige

Weitere Verwandte Inhalte

Ähnlich wie Everlane iOS App Design Critique (20)


Aktuellste (20)

Everlane iOS App Design Critique

  2. 2. Hi! I’m going to walk through Everlane’s app “as a user” and reveal my insights so you can learn how to think like a designer and design better.
  3. 3. Oh, who am I? Four years as a visual and interaction designer at Google. Before that, I started a mobile app company with some friends that was acquired by Google. Now I teach design at DesignFieldGuide.com PS props to useronboard.com for coming up with this awesome format for teaching and sharing.
  4. 4. Let’s walk through a situation that a person downloading Everlane might have... “I want to buy a gift for a friend who loves Everlane.” (mini-me)
  5. 5. First I have to find the app on the App Store.
  6. 6. Interesting. They’re promoting things that aren’t clothes in the image carousel. It made me wonder for a second “Is this the right app for buying clothes?” I see a bike and something about inviting friends… ?
  7. 7. If you have a lot of organic downloads (like, people just find you on the App store randomly) make sure your app store images clearly explains what your app is. I *think* that Everlane did this because most of their users download the app after already making a purchase on their website, so its OK to feature “non-clothes” since their customers already know what Everlane is.
  8. 8. The App Store listing is like their home page because it’s the first experience I have with the app.
  9. 9. My friend recommended Everlane to me, but I still want to read the reviews.
  10. 10. Oh jeez, lots of 1 stars. I’ll forgive the app if they’re old reviews, but these are recent. Looks like it’s buggy.
  11. 11. This is a fantastic description of the benefit of shopping with Everlane. It would have been helpful to read this on one of the screenshots because I’m not familiar with the brand like my friend is.
  12. 12. Whaaat! Real-time weather wardrobe recommendations! Cool. I’ve never seen this from a clothing company. I guess this is what they were hinting at in the App Store screenshots.
  13. 13. This is cool. It’s an example of how their mission statement of being transparent plays out in an unexpected aspect of their work.
  14. 14. Ahh. I can breathe.
  15. 15. Their logo reminds me of something...
  16. 16. B A T M A N
  17. 17. B A T M A N ...nailed it.
  18. 18. Asking for permission to send me notifications is a nice way to prime me before the iOS modal pops up unexpectedly.
  19. 19. ..but to make it even more likely I’ll hit OK, I would swap these two bits of copy. Always start with the benefit.
  20. 20. Be the first to know about new product launches and announcements. How? Receive Everlane Notifications by hitting OK on the next screen.
  21. 21. OK back to the real app..
  22. 22. Signing up with email
  23. 23. Whaat? After logging in, I was dropped into my account page. You should definitely drop me off where I can browse…
  24. 24. Let’s try logging in with Facebook instead to see what happens.
  25. 25. Logging in with Facebook
  26. 26. Facebook never filled with any real content, but you can see that blue, so it’s recognizable. The transition was super quick.
  27. 27. This time it dropped me into Home where I could browse clothes.
  28. 28. OK, now I’m actually buying a sweatshirt.
  29. 29. Lots of stuff that is not “buy clothes” in this app. I guess they are more interested in building community and a brand than letting people quickly buy stuff. Is there even a search? OK time to find that sweatshirt.
  30. 30. This is the gift I’m going to buy her. Let’s choose a color...
  31. 31. Visually this page is beautiful and functional The photos are square (like Instagram) so they feel well-balanced. There’s a light, airy feeling to everything on this page. The combination of serif and san-serif feels refined. Serif for the products, and sans-serif for the navigation. It’s subtle, but makes a difference for a company like this.
  32. 32. Nice, big call-to-action here makes it easy and obvious what to do.
  33. 33. They kept the price with name of product (like the last screen). The price could also go next to ADD TO BAG. I would guess that distancing the price from the call-to-action leads to more clicks. It feels less expensive to hit that button :)
  34. 34. This “loading” state is nice. Its VERY clear, and gets me to pause for a moment and not do other things on my phone that could potentially crash the app in the middle of a purchase.
  35. 35. Looks like the bag has been updated with my one item… super subtle.. also it’s super subtle that is in fact a “bag.” The bag icon is better than a cheesy shopping cart, but I think the icon designer can get it a few notches closer to looking like a familiar bag.
  36. 36. Nice! This is a great time to teach me something, right after I bought a product. Im in a good mood, and done with the task I had earlier. Let’s try it out.
  37. 37. (long-pressing)
  38. 38. A small circle appears...
  39. 39. OK, this is familiar. Cool.
  40. 40. OK, this is familiar. Cool…
  41. 41. … but no thanks.
  42. 42. Let’s checkout
  43. 43. Apple Pay is a default, so I dont even have to type in a credit card. Something tells me I might be back to this app to buy more stuff...
  44. 44. Using Touch ID… Touch ID is so cool..
  45. 45. ...and we’re done!
  46. 46. This is it? There is so much opportunity to do something cool here. ● A list of what I bought ● A photo of the team or factory that produced my clothes thanking me ● A little bit more about the Everlane brand ● How long I can expect it to take for me to get my stuff
  47. 47. Unrelated to Everlane, but that notification is great because I have confidence that I was charged the right amount.
  48. 48. After purchasing, exploring the real-time wardrobe recommendation feature.
  49. 49. I’m done with what I needed to do, so let’s poke around. Here’s that thing that impressed me in the details of the App Store.
  50. 50. Another prep screen before the iOS notification. They did a better job here leading with the benefit, but still could improve it.
  51. 51. Get morning outfit suggestions based on your local weather Turn on Location Services so we know what the weather is like where you are. Hit OK on the next screen.
  52. 52. Great copy here. Very clear.
  53. 53. Not bad. Unlike other weather apps, there’s a big photo of what I should wear. Great!
  54. 54. So that’s Everlane! Sign-up for more app design critiques at DesignFieldGuide.com

Hinweis der Redaktion

  • Then I always check reviews. These aren’t great reviews.
  • Then I always check reviews. These aren’t great reviews.
  • Then I always check reviews. These aren’t great reviews.
  • Ok. I’ve signed up and I am taken to the account page instead of landing on home where I can explore. interesting.
  • A small popup