Outside Vision
Outside is a new interactive app / guide to all local parks and U.S. national parks with points of interest from Gettysburg battlefield to Old Faithful to Tilden Regional Park.
Project Overview
It utilizes the OpenStreetMap.  An open source mapping project to allow hikers, bikers and campers to modify and update unexpected changes during their journeys. 
Competitor Assessments
Competitor assessments allow me to find out the users’ past experience with U.S National Park Service and Mountain Hub apps to further understand their pain points. I have done five one-on-one interviews with regular hikers and campers, 3 males and 2 females, in their 20s to 30s along with app reviews from existing users. The users’ feedback, interviews and reviews - set the core principles of our new app and their current pain points helped us to develop an original product to set us apart from a saturated app market.
Users’ reviews on competitor apps
U.S National Park Service and Mountain Hub
Mountain Hub App
Mountain Hub App
National Park Service App
National Park Service App
Pain Points
    -   Users state most maps are not up-to-date     
    -   Fear of getting lost once service is dropped     
    -   Most outdoor apps rely on mobile service / WiFi     
    -   Users want P2P support - reviews, photo sharing     
    -   Users feel frustrated and ultimately abandon apps
​​​​​​​
​​​​​​​Market Segment
    -   Our target market 18 to 55 years old     
    -   Intermediate to advance hikers and backpackers 
    -   Looking to learn and share their knowledge
    -   Tech savvy professionals, enjoy the outdoors     
    -   Enjoy from local hikes to camping to long road trips
Storyboard
Heidi Snow, a regular camper persona, 27 yrs old planning her camping trip from home.  She encounters a fallen tree on a trail.  Heidi updates her location to OpenStreetMap with a photo.  OpenStreetMap sends her an alternative to safety.

Click to enlarge

Design Inspiration
Nature / Sun / Forest / Shades of green / Light and Airy
Outside Solutions
OpenStreetMap would allow users to navigate trials from pre-loaded maps with GPS enabled and can update maps in real time.  The app has original content to National Geographic & U.S National Park Service apps.
    -   Users can input destinations in advance on maps          
    -   We partner with OpenStreetMap for live updates           
    -   Downloaded maps can be edited with GPS  
    -   Pre-loaded maps can be used in cache mode     
    -   Features: trail reviews, photos and live video sharing
Design elements and tools 
I wanted a simple UI design with colors that can be found in nature.  I used Adobe Illustrator to create my logo and the mountain background as the core of my UI.  I imported my design elements to InVision to create my prototype.
User Experience Design - Outside app  design - Logo Design Evolution
Wireframing
     -   Left: create a new account manually.
     -   Right: create new account with Facebook / Google+

Click to enlarge

User Testing Deliverables
     -   Prototype was tested by 30 users     
     -   Valuable feedback contributed the overall design     
     -   Users' participation identified needs and ideas     
     -   Data analytics helped to better the product flow   
 
V1 - “The dark bar on top looks heavy and distracting".
V1 - “The dark bar on top looks heavy and distracting".
V2 - "Facebook and Google sign in should be a standard”.
V2 - "Facebook and Google sign in should be a standard”.
Final Version
Final Version
Solutions
     -   Minimized and lightened up the overall UI.
     -   Reworked the colors and made the font more legible. 
     -   Added Facebook and Google+ as sign in options.
V1 - “Users are already in dashboard so the option dashboard is redundant”.
V1 - “Users are already in dashboard so the option dashboard is redundant”.
V2 - “The buttons are too small”.
V2 - “The buttons are too small”.
Final Version
Final Version
Solutions
     -   Created a hamburger menu with buttons nested inside.
     -   Removed less important items to streamlined the UI.
V1 - “The satellite map and the direction icon are hard to see”.
V1 - “The satellite map and the direction icon are hard to see”.
V3 - “This search screen should be the landing screen”.
V3 - “This search screen should be the landing screen”.
Final Version
Final Version
Solutions
     -   Made this the landing screen with cleaner UI.
     -   Simplified map and increase contrast for icons. 
Future Developments
     -   Designing / engineering
     -   Extended review of the app
     -   Marketing campaign
     -   Release app
     -   Monitor app performance
     -   Iteration / improvement

You may also like

Back to Top