Unroll.Me iOS App Design

Unroll.Me iOS app

UI/UX • MOBILE DESIGN

Clean up your inbox from anywhere! Instantly see a list of all your subscription emails and unsubscribe easily from whatever you don’t want. You can also choose to combine emails you’d like to still keep getting (but just not clutter your inbox) into a daily digest email called the Rollup and it’ll get sent out to you daily at your preferred time. No more distractions or inbox chaos.

Unroll.Me iOS App

Goals

Unroll.Me has been around since 2011 and its presence has always been on the web. A mobile app, especially an iOS app had always been the #1 requested item from its users. In 2015, we finally took on that task to give its millions of users what they wanted. Our goal for this app design was to improve upon the existing web app. We wanted to still stay true to the simplicity of the product, in helping users clean their inbox of unwanted email subscriptions, but also bring the experience of email editing up a notch in mobile by adding more context to what they may be editing with more visuals/imageries and adding a bit of delightfulness to the experience. We felt that if we can execute this well, we can gain more users and satisfy our existing users’ needs and give them another way to declutter their inboxes on the go.

My Role

The team consisted of 2 product managers, one iOS engineer and myself. We also worked with an outside agency on the redesign of the Unroll.Me logo and a mobile app consultant, to help us get featured by Apple upon launch of this mobile app. I led the design of this entire app design, working with all stakeholders, coming up with various flows, iconographies, color palettes, wireframes and visual/interaction designs before finding the right combination to make everything work.

editing email subscriptions on Unroll.Me

Making the most use of some of the interactions one can do on mobile, this mobile app features a new editing interface very similar to that of the popular dating app, Tinder. Users are presented with a card view of each detected subscriptions, helping give them context as to what it is they’re editing. Editing subscriptions on your mobile device is as easy as a swipe left (to unsubscribe from that email), swipe right (to keep that email in your inbox), or swipe up (to add that email to your Rollup, a consolidated daily digest of all your subscriptions, delivered when you specify). There is also a list view (carried over from the existing web app) on the card editing screen should you prefer a list view over the card view. To edit, simply touch the subscription or swipe left or right to uncover the editing options. There is also the ability to toggle between the card and list view screens. If at any point you change your mind, you can simply hit the edit (pencil) icon and a list of previous edited subscriptions will come up. You can simply make your changes there, similar to the list view of editing subscription. It took several iterations until we found something that worked. Having both the card view and list view gave users more ways to edit their subscriptions, which in turn helps them achieve a cleaner inbox.

Unroll.Me Rollup screens

The Rollup is a once-daily digest containing all of the selected subscriptions you receive each day. The subscriptions you add to your Rollup will no longer be sent to your inbox but will be included in this once-daily email, delivered at the time of your choosing: morning, afternoon or evening. Utilizing in-app browsing, users can browse through the Rollup and act on any email without having to leave the app, while assuring all links and attachments are live and actionable.

Unroll.Me onboarding screens

Onboarding

I think one of my favorite moments of this app design was coming up with a creative solution to keep users engaged and educated (on how to use the card-like editing interface) while we scanned their inbox looking for email subscriptions. We gave users with a quick interactive tutorial of the app’s main action: editing subscriptions (unsubscribe, rollup, keep) while we scan their inbox in the background. The hope is that by the time they’re done with the interactive tutorial, the scanning would also be done, moving them right into the app and take action on their subscriptions. In the event scanning takes longer, users can choose to get notify via push notification and/or email. See UserOnboard.com’s review of this onboarding design

Early wireframes, explorations and in-progress designs

early app wireframes for Unroll.Me
early app wireframes for Unroll.Me
Unroll.Me app wireframes
color palette, text, illustrations/icons and screens explorations
early app screen explorations

Results

Upon launch it was featured as one of Apple’s Best New Apps in the App Store, as well as in the Productivity category. The app also reached #1 in Productivity and #7 overall. Over 527,000 new users signed up in the first 3 months after launch and to date, there are over 2 million downloads on iOS.

See the app video

Published
Categorized as ui/ux