Frontpoint Security
Case Study of App Redesign
Focusing on a complete overhaul of the current interface, we improved the user installation process without sacrificing the same exceptional security.
Tools: Figma, Adobe Photoshop, Adobe Illustrator, Adobe Indesign
Role: UX/UI Designer, Art Director
Duration: 4 weeks, 15+ screens
Team:
Luzeana Alfonzo, Meghan Driscoll, Austen Kelsall, Alejandra Penas, Ever Williams
Problem
Frontpoint's mission is to provide safer, smarter, and simpler home security. With the rapid rise of more smart technology, their current app was in need of a refresh.
The goal of this project was to simplify the existing features into one dashboard, allowing for a quick view of every linked smart device.
OBJECTIVES
- Research and observe user behaviors with the current app.
​
- Develop a dashboard that allows users to access all their connected smart features without having to click on individual, separate devices.
​
- Design the features to be accessible, intuitive, and natural to the user's need and patterns.
GOAL
How might we aid Frontpoint users to maintain full control of their home automation system through an organized dashboard, optimized feature navigation, and access to automated features through the mobile app?
RESEARCH
NEEDS
User Interviews
- An easy to navigate dashboard.
- Instant notifications without live stream delay.
- Controlled sensitivity in motion detection.
- Immediate way to contact emergency services.
WANTS
- Simplified setup for new devices.
- Integration of all smart home features.
- A quick view of entire system.
Most users we spoke to shared
similar security concerns.
After our interviews, we assembled an empathy map to best understand our ideal user.
THINKS
FEELS
SAYS
DOES
After talking to users, we saw they tend to value home integration and convenience.
Miranda values the comfort and ease of her smart home devices but can also feel overwhelmed by all of the features and isn't confident she's using the app properly.
-
Smart home devices
-
Cozy and relaxing video games
-
Trying new foods
-
Movies with unique worlds and stories
INTERESTS
-
Her partner, Marley
-
Safety
-
Social Media
-
Convenience
INFLUENCES
MIRANDA NOBLE
AGE
OCCUPATION
27
Communications Manager
LOCATIoN
Atlanta, GA
STATUS
Married
EDUCATION
Bachelors
OPPORTUNITIES FOR IMPROVEMENT
- Unified Dashboard
A one stop control board for all devices the user wants to show. Activated smart devices can be pinned here or dragged and rearranged into place, allowing users full customization of their home.
- Simplified New Device Setup
A way to help new and existing users add and remove devices to their home network, eliminating repetition and unnecessary extra steps.
- Easy Additional User Activation
Allow the primary user to add members to their home network, customizing their access and control over the system and allowing for single use sign-ins.
KEY FEATURES
Simplified Home
Automation
Ability for users to access all of the automation through their mobile app and set schedules with ease.
Quick View
Dashboard
An organized dashboard for users to easily modify with drag and drop to easily customize.
Optimized User
Navigation
Intuitive new flow and streamlined setup process for all available devices.
WIREFRAMING
Low Fidelity
WIREFRAMING
Mid Fidelity
We needed to ensure everything was intuitive to find while adding high contrast to all actions, allowing for accessibility as we transitioned to the look of the new brand.
TESTING
GOALS
Usability and Iterations
- To understand and observe user engagement to gage success of the new dashboard and features.​
​
- To identify all pain points and areas of improvement.
​
- To ensure the highest quality of navigation, accessibility, and flow for our users.
Results
We had a 100% success rate with setting up a device and navigating to the home page. Users had an 80% success rate with activating the alarm and modifying the thermostat.
General comments were very positive, noting it was overall aesthetically clear and easy to explore.
ITERATE
NEXT STEPS AND PROTOTYPE
- Add in colors and implement style guide brand standards
- Finalize Thermostat home screen card
- Add a "Schedule" status indicator
- Add a thermometer with color indicator
- Bell icon should be added for notifications
- Font colors need to be addressed for universal legibility
​
Our updated prototype shows our user easily navigating through the new application, factoring in all the revisions.
KEY TAKEAWAYS
Overall, the user testing revealed a need for enhanced clarity and simplicity within the app. We want to provide improve the indicator of the current mode and status of schedules for thermostat homepage cards.
​
NEXT INTERATIONS
- Continue testing and developing other features and sequences within app to ensure the app continues to meet the needs of its users.
- Continue website redesign to keep up with changing user expectations, improve search engine optimization (SEO), and improve brand perception.
