top of page
allaccess_writeup.png

AllAccess helps AT&T customers monitor their data usage against their mobile plan to prevent going into overage. 

AT&T All Access 2.0

User experience goals identified:

 The app should help customers answer common usage questions like: How much data have I used on my plan and how much do I have left? How can I share my data with others? Which people or devices are using the most data on my plan? How can I set an alert for when data usage has exceeded a particular threshold or allotment? Does it look like I'll be within plan usage for this billing cycle?

Worked with two program managers, creative director, designers, copy writers, user research, and developers to align on the project vision, scope, and deliverables.

device_allaccess.png

Target audience: 

The AT&T All Access app was built primarily for users of tablet devices. However, the design also needed to be scalable to mobile phones. The design scope for this release was for Android. Preliminary research involved looking at the user feedback and usage data gathered on the older version of the app and thinking through how the app would work for 1 person, 3 person, 5+ person and their various devices in their home and work environments. Target audience was the consumer although the scalability to the needs of an enterprise customer were kept in mind. Design was validated in user testing lab with customers of different household configurations, ages, backgrounds, and experience levels on the phone  but who all cared about their data usage.

AT&T All Access Hotspot
AT&T All Access Hotspot

press to zoom
AT&T All Access Dashboard
AT&T All Access Dashboard

Alert Off

press to zoom
AT&T All Access Dashboard
AT&T All Access Dashboard

Portrait View: Alert ON

press to zoom
AT&T All Access Hotspot
AT&T All Access Hotspot

press to zoom
1/6

Created on iOS, Android,  and Windows tablets

Deliverables included user experiences for different service plans and usage states. Final mockups, redlines, styleguide, interaction specs, and source vector files. Deliverables handed to third party developer. Reviewed builds and communicated bugs for final polish.

AT&T All Access Widget
AT&T All Access Widget

Android Device

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Android Tablet (Dark Version)

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Windows Device

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Android Device

press to zoom
1/5
allaccess_widget_dark_visual.png
all_access_widget_windows.png

Widget Design:

Beyond updating the widget to a modern look and feel, the design involved looking at the different states that the user could be in and identifying what the customer needs the most. Deciding on whether the customer's mental model was data remaining versus data used was taken into consideration. Adding the ability to turn on the mobile hotspot on the widget was valuable time saver. Customer no longer had to fully launch the app to share their hotspot. Data accuracy was important. Overall data usage per plan was accurate at a top level but to provide accurate data usage per device, the customer needed to open the app and apply a refresh to sync the systems.

Created both a white and dark version for Android

AT&T All Access Widget
AT&T All Access Widget

Android Tablet (Light Version)

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Android Device

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Windows Device

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Android Tablet (Light Version)

press to zoom
1/5
AT&T All Access Widget
AT&T All Access Widget

Android Tablet (Dark Version)

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Android Tablet (Light Version)

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Windows Device

press to zoom
AT&T All Access Widget
AT&T All Access Widget

Android Tablet (Dark Version)

press to zoom
1/5

Design explorations:

The project was a redesign based on customer feedback, accuracy requirements, and the need for an updated modern look. Different ways to visualize the usage data were explored. Explored Bar Visualization approach versus Donut Visualization approach and how to depict data used versus data remaining. Looked at how to message the customer's usage trend and how to display the overage and data usage per user and per device. Investigated the usage alert interaction model.

Explored alternative visualization approaches.

allaccess_bar_exploration.png

Problem Space

Thinking through the different use cases and customer needs helped ensure the design created was scalable.

allaccess_household_map.png

Challenges

Accuracy of data usage displayed across all devices was a challenge as the backend systems for each device by default synced at different times. Predicting the usage behavior for the customer when it can be variable based on life events and context is tricky. Was it even worth offering the customer a recommendation when it may not be accurate? We needed to be accurate. Trust with the customer was important. When AT&T changed their data plans to include rollover minutes that also added another level of complexity. We needed to communicate that the total data on the donut for all their data across all billing cycles. It is not just their plan data for the given billing cycle which is not month specific.

Early Wireframe - Initial Concept

UX considerations:

Making sure that the design was scalable to work across all the user scenarios (non-overage, overage, data plan with rollover, limited plan, prepaid, unlimited plan, etc.) was assessed.

 

Preliminary concept introduced was the donut; it later was refined and expanded upon. The early idea of integrating the on/off mode switch on the donut was not feasible due to the rendering mechanism in the backend for how the donut would be built on the dev side. This caused a change in the design to have the mode switch appear as a slider affordance outside of the donut. Selecting the data usage threshold was able to remain as an interaction setting on the donut. 

Initial Exploration of Dashboard
Initial Exploration of Dashboard

press to zoom
Initial Interaction Exploration
Initial Interaction Exploration

press to zoom
Initial Interaction Exploration
Initial Interaction Exploration

press to zoom
Initial Exploration of Dashboard
Initial Exploration of Dashboard

press to zoom
1/3
Previous older design of All Access
Previous older design of All Access

press to zoom
Early Exploration of All Access
Early Exploration of All Access

Bar Visualization

press to zoom
Household Research Map
Household Research Map

How would All Access be used?

press to zoom
Previous older design of All Access
Previous older design of All Access

press to zoom
1/3

Future concepts:

Outcome was user experience planning for being able to track usage across different devices owned by different users on a shared plan. 

datalimits-dashboard.png

Interaction concept:

User ability to allocate data limits by interaction swipe.

datalimits-edit-limit.png
bottom of page