designer • leader • collaborator • innovator • problem solver
FIRST RESPONDER NETWORK AUTHORITY
Redesigning the First Responders' Dashboard
My Role
UX Strategist – Conducted customer interviews and brain storming session with users and stakeholders, created the experience brief, concepts, wireframes and comps to assisted with the prototype for user feedback.
The Problem
The Premier flows do not support the needs of our First Responder sub-paid customers. The Premier pages and flows were designed to help large businesses service their accounts, view and pay their bills and shop. The paths to important information and task flows on the current dashboard were unclear and overly-complicated for a First Responder sub-paid user who, in essence, is a typical consumer who expects a simple account management and shopping experience. Overly long page-load times (minutes, in some cases) add to the frustration of the user and generate calls to Care.
The Solution
Designed a scalable, personalized modular dashboard experience with a holistic navigational structure. Increased proficiency on key tasks such as, pay single/multiple accounts bills, view wireless usage, upgrade device, ability to enroll in autopay and paperless billing, account management and more.
DISCOVERY
Key Activities & Findings
We looked at multiple data points to identify areas where we could improve.
Think Aloud Interview
-
Cannot find information or links in navigation
-
Layout is counterintuitive
-
Account setup was difficult
-
Purchasing process needs streamlinging
Expert Reviews
-
No easy way to make payments
-
No positive/negative AutoPay indicator, difficult to check status
-
User interface varies across platforms
Customer Feedback Survey (Opinion Lab)
-
"Billing and account set up are a real pain."
-
"it's probably a crucial service for government agencies, but the account site access and billing is sub-par."
-
"The website is not well laid out. There is no way to pay your bill online."
First Responder Customer Types
-
First Responder Subscriber-Paid Customer (65%)
-
First Responder, Agency-Paid Customer (35%)
Adobe Analytics - Top Tasks
-
Pay Bill (35%)
-
Setup Autopay (15%)
-
View Bill (13%)
-
Shop (12%)
-
Account Management (10%)
![CS_B_IMG_05.png](https://static.wixstatic.com/media/cc8f1d_2c29019e6ec841d88b7d98c1ec437dec~mv2.png/v1/fill/w_48,h_21,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_B_IMG_05.png)
Figure: Usability Problem Matrix and Opinion Lab
![personas.png](https://static.wixstatic.com/media/cc8f1d_2abde705e907423481d42ed5279d6aee~mv2.png/v1/fill/w_85,h_45,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/personas.png)
Figure: B2B Wireless Platform Personas
![dashboard-before.png](https://static.wixstatic.com/media/cc8f1d_aae3d5e40ab24864b5a3f073e0c038b0~mv2.png/v1/fill/w_49,h_37,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/dashboard-before.png)
Figure: Dashboard - Before
![billing-before.png](https://static.wixstatic.com/media/cc8f1d_aa3e09916b8541a68c84d35ef1117936~mv2.png/v1/fill/w_48,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/billing-before.png)
Figure: Billing - Before
![CS_G_IMG_01.png](https://static.wixstatic.com/media/cc8f1d_db94edebdfdb4888b567924851b7d06f~mv2.png/v1/fill/w_46,h_20,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_G_IMG_01.png)
Figure: Task Flow Analysis
STRATEGY & DESIGN
Creating the Minimum Viable Product (MVP)
We gathered our best ideas to create the right solution.
Approach
-
Bring information and tasks to the user
-
Only present content relevant to the user
-
Present a unified whole "single site" experience
-
Incorporate responsive design
Vision
-
Reduce page load times
-
Reduce the number of steps
-
Ability to pay single/multiple accounts from the dashboard
-
Add alerts to dashboard
-
Ability to view wireless information such as devices, plans, and usage
-
Ability to view information related to device, plans and features on the dashboard
-
Provide autopay opt-in/opt-out functionality to the dashboard
-
Provide Autopy Alerts
-
Ability to manage customer information from the dashboard
User Experience - Best Practices
-
Define the purpose of the dashboard
-
Choose the right representation of the data you want to display
-
Combine reporting with activities, but allowing users to interact with the report data to complete their tasks
-
Provide only relevant information and prioritize tasks so that users know what they need to do
-
Provide personalization rather than customization
-
The best dashboards tend not to include more than 6 cards in their initial view
-
Avoid making every element into a task that users need to complete
![unified_nav_05.jpg](https://static.wixstatic.com/media/cc8f1d_6f784e4737ba4b16bb6fa7a2ed7af6f2~mv2.jpg/v1/fill/w_139,h_62,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/unified_nav_05.jpg)
Figure: Site Map
![perms.png](https://static.wixstatic.com/media/cc8f1d_4636d221224c4b58817f621323cf37c7~mv2.png/v1/fill/w_49,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/perms.png)
Figure: Users & Permissions
![taskmap.png](https://static.wixstatic.com/media/cc8f1d_c5a6a5e5f7754561b6d08bea988ae793~mv2.png/v1/fill/w_88,h_57,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/taskmap.png)
Figure: Site Map
![CS_G_IMG_05.png](https://static.wixstatic.com/media/cc8f1d_1790547339704e609f5395b9a405f670~mv2.png/v1/fill/w_48,h_14,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_G_IMG_05.png)
Figure: Flow
![CS_G_IMG_02.png](https://static.wixstatic.com/media/cc8f1d_1a32ab41aa774495820096bf3481e3f9~mv2.png/v1/fill/w_47,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_G_IMG_02.png)
Figure: Sketch
![CS_G_IMG_03.jpg](https://static.wixstatic.com/media/cc8f1d_176790a6429847fb99abfbb728ad2dcb~mv2.jpg/v1/fill/w_135,h_153,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_G_IMG_03.jpg)
Figure: Strawman Wire
![CS_G_IMG_06.png](https://static.wixstatic.com/media/cc8f1d_e68f2cfc38874c298e5aff3d25a8dd03~mv2.png/v1/fill/w_48,h_49,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_G_IMG_06.png)
Figure: Comp
![CS_G_IMG_07.png](https://static.wixstatic.com/media/cc8f1d_c0d2fd8ce0ea40fb94344b0391688e25~mv2.png/v1/fill/w_45,h_55,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_G_IMG_07.png)
Figure: Comp
![CS_G_IMG_08.png](https://static.wixstatic.com/media/cc8f1d_c5394f8a77a8459fbcb0ac71a94554fd~mv2.png/v1/fill/w_49,h_20,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_G_IMG_08.png)
Figure: Comp
![CS_B_IMG_09.png](https://static.wixstatic.com/media/cc8f1d_8951e4302e8549d48536d13c5c2e3244~mv2.png/v1/fill/w_46,h_20,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CS_B_IMG_09.png)
Figure: Prototype