index  |  prev / next



LifeLock  |  Dashboard Redesign





PROJECT OVERVIEW

I was tasked with developing a new way to engage LifeLock subscribers to check their account on a monthly basis. Unless there is a problem such as a security breach or identity theft (which doesn't happen often), the user doesn't have a reason to check the LifeLock site on a regular basis. The goal was to ensure the user that the service is constantly working for them and to show the value of their subscription - thereby retaining their membership.

CHALLENGE

Create a Monthly Report to show what LifeLock did for the customer over the last 30 days
Key categories and statistics for those categories would be displayed in the report. Access to the report would be granted through an email sent to the consumer on the first of the month.

SOLUTION

After designing many wireframes and concepts of this report, and subsequent user testing of these concepts, I found that the user was getting confused between the LifeLock Monthly Report and the LifeLock Dashboard. There was too much overlap of similar information, and the customer was not seeing the full value of what LifeLock did for them over the past month.

Based on the feedback, I pushed to not have a Monthly Report at all. Instead, I redesigned the LifeLock Dashboard to incorporate the more relevant data points from the report. User testing proved this was the correct way to go.

• Combined the Monthly Report concept with the current LifeLock Dashboard
• Designed a cleaner layout that was more visual oriented, and organized the information by a new hierarchy
• Using larger text that was color coded, I highlighted one main data point per category for a quick status of that section

Roles

Lead UX Designer responsible for all concepts and final designs
• Designed all concepts and iterations for the LifeLock report card and LifeLock Dashboard redesign
• Suggested to change the entire focus of this project - this resulted in a better overall user experience for LifeLock customers

UX/UI Design  |  Visual Design  |  User Testing

Platforms

Desktop Mac & PC  |  Mobile Web

Years

2019 - 2020




REPORT CARD DESIGN CONCEPTS

High-Fidelity Wireframes / Layout Concepts
Explorations of various layouts for the LifeLock Report Card

These show a number of layout ideas I initially had for the report card concept for LifeLock. I experimented with various graphics, icons, colors, and type treatments trying to find the simplest way to give the user a clear presentation of the information.

Click image for larger view







USER TESTING

Initial User Testing of the LifeLock Monthly Report
Testing screens and scenarios were made to test the user's interest and comprehension of the monthly report concept

User testing was pivotal for this project. After multiple rounds of testing, the overall consensus was that the user was having difficulty in differentiating the monthly report card from the LifeLock dashboard. I designed and tested many versions to try and make the difference more evident, but there was too much overlap of similar information. It wasn't working.

I made a major decision and suggested to executive leadership that we eliminate the monthly report. Instead, I wanted to incorporate the objectives of the report into a revised LifeLock Dashboard. I got the approval of this concept after showing and testing a revised design. The final product tested very positively and we went forward with that design. This was a major decision as it was now considered a redesign of the LifeLock Dashboard - the entry point for all LifeLock customers.









FINAL DESIGN

Final LifeLock Dashboard - Desktop & Mobile Web Platforms
My new version of the LifeLock Dashboard

My intention was to catch the user's eye by highlighting one relevant data point per section. The use of large and color coded text allows the user to focus on the most important information quickly. I also improved the overall structure by having uniform sections, aligned button placement, and showing more relevant information to the user at first glance.

Click image for larger view





Email Template and Dashboard Conditional States
Final layouts for the email and various conditional screens and modals
Click image for larger view







BEFORE / AFTER COMPARISON

LifeLock Dashboard - Before and After
A side by side comparison of the LifeLock Dashboard, the original on the left, and my improved version to the right

Click image for larger view





NORTON 360 REPORT CARD

This was a second part to this overall project worked in tandem with LifeLock. A monthly report was assigned to the Norton 360 product line.







PROJECT OVERVIEW

The Norton 360 initiative was an effort to consolidate all of the Norton products into one application. The goal was to offer easier access and visibility to the features of the three categories of protection - Security, Identity, and Privacy. A Report Card was requested to show the value of the products the users subscribe to, and to keep the users engaged.

CHALLENGE

Develop a cross-platform Report Card for the Norton 360 Product line
For the Norton 360 cyber safety product, a monthly report card was needed for similar reasons to LifeLock - to keep current users engaged with the product, its features, and to remind the consumer that the product is always working for them.

SOLUTION

• Highlight an eye-catching graphic in each category to gain the user's attention
• Use minimal text so the experience would be more of an infographic feel
• Use of minimal text with a focus on major relevant statistics
• Cross-platform consistency for uniform access to statistical information

Roles

UX/UI Design  |  Visual Design

Platforms

Desktop Mac & PC  |  Mobile App

Years

2019 - 2020

This project was put on hold in the early stages for higher priority projects. The work shown are my early high-fidelity wireframes and design concepts of the N360 Report Card.




Norton 360 Report Card - Final Design Concepts
Click image for larger view





High-fidelity wireframes exploring various layout options of the N360 Report Card
Click image for larger view


index  |  prev / next


JASON SIMONS  -  Lead Product Designer | Design Manager