SubTrack

Contributors: Bimata Harianto, Brian Dennis

Streaming Subscription Tracking App

SubTrack was a concept group project that was created as a subscription tracking application native to iOS devices. The design process included:

Contextual Interviews
Surveys
Personas
Context Scenario Story Boards
Low-Fidelity/Paper Prototypes
Mid-Fidelity Prototypes
Usability Testing
High-Fidelity Prototyping

Problem Context

Modern tech culture thrives on easy accessibility to products and services. Autopay has changed the way people sign up for services and manage their finances, providing an easy and convenient way to automate subscription billing. However, it has also created a new problem...

Lack of financial transparency in autopay subscriptions.
While convenient, many users end up spending more than they plan for due to that lack of transparency in their billing.

Project Vision

SubTrack was designed to make our spending habits more transparent through subscription use tracking on iOS devices.

The goal of this application is to give financial control of app subscriptions back to users without removing the benefits of autopay.

Design Process

Contextual Interviews

Interviews were conducted with several people to better understand what kind of subscription spending habits they have. From the data we gathered, we created the persona (Laura) to represent the motivations of users who may benefit from having an app to monitor subscription usage and payments.

- THE NORTH WOOD FACTORY -

Context Scenario

Using the insights we gathered from our user interviews, we created a context scenario to reference as we designed features and use cases for our application.

In this example, the problem we focused on was how we might provide users an easy way to locate a subscription and cancel within the application.

1/2

Illustrations: Brian Dennis

1/4

Low Fidelity Designs

My group created several low-fidelity design iterations that focused on the following features:

Ability to cancel subscriptions within the application
Focus on usage that breaks it down by application and/or device.
Ways to show how much you are paying, including subscription renewal dates and total amount spent on subscription fees.

Mid-Fidelity Wireframes

After reviewing feedback on our low-fidelity designs and establishing which features were most important, we created mid-fidelity wireframes to test with our users.

Using existing native iOS applications to reference for design aesthetics, we created a prototype and tested the following features:

Viewing usage of a specific application
Adding a video streaming subscription to be tracked by the app.
Canceling a subscription through the app

My first iteration of our mid-fidelity prototype

Reference images from other iOS native apps

Wireframe from Bimata H.

My first iteration of our mid-fidelity prototype

1/5

1/9

Usability Testing

Our team conducted several in-person usability tests with our mid-fidelity designs. During these sessions we asked questions to better understand the participant's use cases and motivations when managing their subscriptions, as well as observed them perform several basic tasks on the tool.

A key finding summary of this research can be found in the gallery to the left.

Final Design

After our second round of usability testing, we adjusted our design to more closely resemble existing iOS native applications. I used a UI toolkit for iOS and created the following high-fidelity mockup as the final iteration of our project.

1/4