Minjong Lee

Identity Monitoring Product Revamp

UX Designer

Web

2015

Identity Monitoring Service

As the business grows, the team decided to separate their identity monitoring service as a stand-alone product. I was focusing on below three key items for this product revamp. This included participating in the development of new branding and style guide, conducting usability testing, providing high fidelity mock-ups and supporting engineers for development.

Checkout Flow

Motivating users to complete activation with frictionless flow.

Member Dashboard

Allowing direct access to alerts by understanding what users care about.

Landing Page Restructuring

Informing the visitors about the service and show the value proposition.

Landing Page Restructuring

The landing page needs to explain the value of identity monitoring service and how the users can actively utilize the service, therefore, we closely worked with the content team to convey the right message using the suitable visual elements. Below is finalized landing page wireframe after redesign.

Website user Flow

Designing Checkout Flow

Version A: Combined activation and payment flow

As soon as the user finishes the payment step, activation completion was required for the full service coverage. The first version was designed so that the user provides the information before the payment gets completed.

Checkout Flow
Checkout Flow
Checkout Flow
Checkout Flow
Checkout Flow
Checkout Flow

To provide smoother experience, I came up with a set of interaction that will help users to digest forms in smaller chunks.

Input Field Prototyping, Objectives

View the types of information to fill in at a glance.
Input fields are grouped into related chunks.
The label is always visible, even after they finish typing in.
Show the current section, invalid values, and successful submission to convey the concept of progress.

This prototype is created using HTML/CSS and Javascript. *Individual input interaction was referenced from Google Material Design.

Version B: Separated activation and payment flow

In this version, service activation and payment step were separated. First, users create accounts, then submits the payment method. After this, they can complete the activation so that the full coverage can be started.

Checkout Flow
Checkout Flow
Checkout Flow
Checkout Flow
Checkout Flow
Checkout Flow
Checkout Flow

Member Dashboard

Enabling Prompt Reaction on Alerts

In previous dashboard, data were presented separately in multiple pages based on the types. Users could only view the total number of alerts from the dashboard. They were unfamiliar with the difference of some types, but strongly reacted to their credit score or social security number alerts which could be associated with their financial losses. Therefore, we decided to include types as part of the alert table.

Dashboard Redesign Objectives

Make alert details accessible from the dashboard.
Provide the next step for the alerted users.
Reorganize navigation bar.
Actively provide supporting information.

Dashboard Prototyping and Usability Testing

I created an interactive prototype to test a few different approaches on the interaction of the alert table. I used the bootstrap framework for this prototype and tested internally.

Tested iterations and observations

Tab implementation for archived information. This helped testers to find previously archived alerts.

Notifying users when alerts archived. Testers were ignoring most of the notification.

Providing category of the alerts. Testers paid more attention to noticiations related to SSN than Email breaches.

Organizing the alerts from the latest to the oldest. Testers valued more when the information was organized by risk rather than by time.

View Prototype

This prototype was created using HTML/CSS, Javascript and Bootstrap Framework.

Side Project

Administrator's Portal

To help business owners get prepared for data-breaches, the team decided to build Administrator’s portal, which allows them to purchase a number of services to their employees and customers.

Administrator's Portal UI Administrator's Portal UI Administrator's Portal UI Administrator's Portal UI Administrator's Portal UI Administrator's Portal UI

While designing for this project, I implemented the brand new style guide being developed as we go. Here, I introduced and suggested a new secondary color so that we provide additional information on the chart without overusing the primary color or a set of grays. Implementing this secondary color helped us to emphasizing action items that primary color was utilized.

Using this Portal, business owners can request for PIN Codes from Administrator's portal, which can then be distributed through their preferred methods. Then the end-users will be able to activate the service on the redemption page. There were two flows designed to serve both scenarios.
1. Administrator’s dashboard
2. End-user’s PIN redemption

Administrator’s dashboard

1. Following information is required to enroll: company name, email address, phone number, name, portal URL, pre-generated 1st password
2. The service charge will be billed to the administrator's email based on the number of redeemed accounts.
3. System will require matching PIN code with address to remove any abuse cases.

End-user PIN redemption

1. The value of subscription should be explained in this flow.
2. By submitting correct PIN Code and account information, service activation can be started.
3. The user will be notified before expiration about continuing the service.

Next

Rig-it Project