EXOS Apps Redesign and Design System
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Problem
Usability issues and outdated UI resulted in complaints and a decrease in user engagement.
Solution
Completely redesign App UI to fix usability issues and overall enhance user experience
Impact
redesigned and launched 2 mobile apps which impacting 6K+ users, Reduced 50% cycle time, founded mobile design system.
My Role
Lead product designer of the team, UX, UI, Visual Design, PrototypingOverview
2020.6 - 2021.3I led the design of EXOS Appraisal across, iOS, Android, since the outset of the project in June 2020.
Up until March 2021, I led efforts to evolve the App and address user pain‐points related to the schedule and check-in and check-out experience.
- Audit legacy App and identify major usability issues
- Redesign for increasing user’s engagement
- Modernize the entire UI for EXOS Appraiser App and EXOS Signing Agent App on iOS and Android
- Build and Iterate a design system to accelerate work efficiency
Context - why App matter?
As a property appraiser, I spent half of my time analyzing data on my desktop,
and another half time on my way to the properties that I’m going to inspect.
Problem Statement
Major usability issues and outdated App interface resulted in complaints and a decrease in user engagement.
Through the auditing of the legacy App, I identified and synthesized six major UX issues that is harmful for the business.
Issue 1: When in Doubt Just Throw it in the Hamburger Menu :)
- Mixing features and it feels identical less important feature easiest to reach, key feature hard to reach and notice
- If there are more feature, there is no space in the hamburger menu
From- Business perspective, people can’t quickly find the function that already built-in, so they limit themselves, either call the support team or just use desktop
version, leaving the feature we built unused.
- Hamburger button, hard to reach, certain features are using frequently
Issue 2: Information Architecture Issue
1. Tasks on tab, not necessary, waste of screen real estate, already have the same thing on the main page
2. Critical Feature that buries in the Base schedule already. The calendar sync buried in the base schedule Business impact, waste of space, confusing Calendar Sync, where to find? confusing
Issue 3: Check-in & check-out
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Issue 4: Funky Appraiser Action Dropdown
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Issue 5: Accessibility Flaws
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Issue 6: Design Flaws and outdated UI
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Design Research
Building the case and getting buy-in
As a design team we knew that the future was in bottom navs, but we needed to convince our business and tech partners.
It’s easy to just keep throwing stuff in there, and “Amazon has it”, so it must be good, right?
To get everyone on board, we built a case that centered around these key points
Bottom Navs Boost Discoverability & Help Users to Quickly Form a Mental Model of Your App’s Stuff
With a hamburger menu, everything is hidden.
With a bottom navigation, users can see where they are, where they can go, what the app’s main features are.
Bottom Navs Are Easier to Reach
Key UX Goals
Main goals:
Reorganize the information architecture around the user
Migrate to a bottom navigation
Personalize wherever possible
Secondary goals:
Drive engagement with non-shopping features like Community & Store Services/Classes
Update app styling (visual housekeeping)
All while keeping in mind this was not a whole app redesign (things like category, product, and checkout pages were not in scope).
Design Principles
- Form follows function - Design features that work robust, beauty came from the reliable function/ and function first, beauty second.
- MAYA - Most Advanced yet acceptable for the design, the user already familiar with the existing way of doing things/ user familiar with native, so respect the platform guideline, based on this to explore the anesthetic
- Aesthetic-Usability Effect, people feel the beautiful UI more usable, attractive things work better
- Keep Design Consistency
- Make it personal
- Make feature discoverable
- Encouraging user to enable App’s feature by nudging them
* * *
Redesign Highlights
Security Enhancement: Multi-factor authentication
Dream it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Build it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Setup Flow: Make the value stand out
Dream it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Bottom Nav Tabs: The Winning IA
Dream it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Home Tab: Get a Snapshot of your day
Before
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
After✓
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Order Details: easy-to-use quick actions
Before
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
After✓
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Enhanced Check-in & Check-out Notificaitons
Before.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
After✓
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Inbox Tab: All New Stuff in One Place
Before.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
After✓
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Profile Page Redesign - A Home for Secondary, Non-Appointment Features
Before
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
After✓
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Base Schedule
Before
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
After
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
A Desired Future Feature - EXOS Voice Assistant
Dream it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Build it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Process
User Interview & Tech Survey
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Customer Journey Map
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Facilitating design discussion
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Feature Workflow diagramming
Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.
Design QA
Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.
Building EXOS mobile design system*
Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.
The Launch
[mockup screens]
Impact
Reduced 50% cycle time
App reducing appraisal cycle times by as much as 50%.
Impacting 6,000+ Users
Appraiser impacting
Founded 1 Design System
Whatever it is, the way you tell your story online can make all the difference.
800+ Screens Worked On
Redesigned 2 Apps
Reflections
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
Dream it.
Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.
Build it.
Be clear, be confident and don’t overthink it. The beauty of your story is that it’s going to continue to evolve and your site can evolve with it. Your goal should be to make it feel right for right now. Later will take care of itself. It always does.