UX/UI Case Study: Roamer
Responsive Location Based Application
Project Overview
Roamer is a location based responsive web application. It’s designed to help users locate outdoor activities based on their location or travel destination. This could include places for hiking, camping, biking, paddle boarding, or any other activity that can be enjoyed outside.
Role
UX/UI Designer
Tools Used
Sketch, Invision
Context
“7.1 million more Americans participated in outdoor recreation in 2020 than in the year prior.”
-2021 Outdoor Participation Trends Report
Problem
Outdoor activities have been growing in popularity. Finding and planning these activities often involves using many different apps and websites.
Goal
An all in one application for outdoor hobbyists to help them plan, locate, and experience their favorite outdoor activities. A streamlined user experience by having all the information needed in one application.
User Research
Five user interviews were conducted to get a better understanding of my user base, their process, and their needs.
Research Goals
- Learn how users research, locate, and navigate to outdoor activities
- Gain insight into any difficulties they come across in this process
- Discover potential opportunities
User Wants
- An app for all types of outdoor activities
- Reviews of locations and activities
- Comprehensive descriptions and photos
- Filter for specific attributes
- Location accessibilities
User Personas
EMMA
Age: 22
Education: Bachelor’s in Psychology
Status:Single
Location:Portland, ME
Scenario:“I needed an outlet from school and took up hiking last semester. I like easy going trails and love bringing my dog along for the adventure!”
Goals:
- Find entry level activies
- Find activities that allow pets
KATE
Age: 31
Education: Bachelor’s in Advertising
Status:Has a Partner
Location:Brooklyn, NY
Scenario:“My partner and I are planning a trip upsate for the weekend. We only have a limited amount of time and like to plan our trips accordingly.”
Goals:
- Find activies that fit with her limited schedule
- Find weekend getaways for her and her partner
ROBERT
Age: 43
Education:MBA
Status:Married
Location:Sacramento, CA
Scenario:“My kids just got let out of school for the summer. I like to take them on trips to experience the great outdoors.”
Goals:
- Find a activites that his whole family can enjoy
User Flow
Low Fidelity Usability test
A low fidelity protoype was created and three users were recruited to test the usability. They were asked to complete seven tasks using the prototype. During each task they were asked to explain any difficulties they came across.
Goals
- Find any pain points in the UI
- Test usability of user flows
- Gain insight to any additional user needs
Findings
- Users preferred to sign in with Gmail or Apple
- Browsing banner blocked view of certain functions
- Users wanted more detailed filters including handicap accessible and time required for each activity
Mid Fidelity
Changes from the user testing were incorperated into the design and mid fidelity frames were made using Sketch.
Style Guide
A style guide was created for the app's typography, color palette, input fields, button styles, and additional elements. The typography includes text sizes and weights for small, medium, and large screns.
High Fidelity
The style guide was applied to the mid fidelity frames, copy text was added, and location images were included to create high fidelity frames.
Responsive Design
A column and grid stucture was added to the high fidelity frames for a responsive design on all devices.
A column and grid stucture was added to the high fidelity frames for a responsive design on all devices.
