UX/UI I MARKETING I NEW MEDIA I ID (LOGOS) I ALL
SUP Route Finder/
Manager
Challenge
This is a personal project for a UX class I took at San Francisco’s General Assembly. The product idea stemmed from my passion for stand-up paddle boarding and desire to explore and solve for outdoor adventure challenges. This case study covers the broad strokes of research, strategy and early phase of functional design—the final goal being a proof of concept that would lay the groundwork for future development.
​
Duration: Phase 1 completion—3 months.
Roles
Creative Director
Work Session Facilitator
Art Director
UX/UI Designer
Prototype Developer
Interviewer
Methods
Interviews
Research
Competitive Analysis
Ethnographic Studies
Personas
Site Map
User Flows
Wire-framing
Card Sorting
Usability Testing
Prototyping
Tools
Sketch
Photoshop
Illustrator
Keynote
InVision
pencil/sharpie + paper
Interviews
My first round of interviews focused on surf and sports shops who sold and rented equipment and provide tours and lessons. In addition to selling products and services, these shops invested a great deal of time and resources toward promoting and sponsoring events and activities meant to spur the growth and cohesiveness of the stand-up paddle board community.
I then moved on to kayakers, sailors and other outdoors sports activities. These more well-established pursuits all had a variety of tools, best-practices and insights born from long histories of use and development many of which directly contributed to or influenced the final make-up of my final SUP apps.
The final group was a series of stand-up paddle boards—both beginners and advanced. We went into a great deal of detail or about their actual experiences and steps each person took in a variety of settings and environments, exploring any sticking points that occurred along the way. After concluding these interviews, I also did my own ethnographic studies, paddling myself in many areas around the Bay Area and noting observations and results.
Tools + Resources for Waterway Navigation
After concluding interviews, I did a deep dive into some of the tools and resources that were currently being used to navigate both waterways and other outdoor sports activities
Kayaking
The most popular organization for kayakers is BASK (bay area sea kayakers)— offers resources for sharing information and includes a Trip Planner that allows any user to easily access information about water and related environmental conditions and within the San Francisco Bay Area
Sailing
NavX™ is the leading marine navigation app and the only app that delivers thousands of charts and hundreds of features including the official and up-to-date high resolution NOAA RNC raster United States marine charts.
Analysis of features and functionality
-
Both of these tools/systems give basic information on environmental conditions.
-
iNavX has many additional tools but most are geared toward boat racers– not SUP.
-
The interface/information for both are geared toward super-users and requires the ability to read nautical charts and do little to help a user translate information i.e. answer question: Where and when should I ride?
-
Both focus on information– not practical trip planning like loop information.
-
Neither promote sharing, community information and competition.
Skiing + Snowboarding
Snow sport mountain maps offered some interesting examples of how to make data visual and accessible yet densely packed with information.
Running and Biking
Runner and bikers have access to numerous resources including some advanced online tools and apps for not only tracking performance but also sharing data with communities.
User Flows
The initial design phases involved establishing a framework of activities based on presumptive patterns. I circled back with my SUP interviewees with paper-prototypes to see how they would choose to navigate through the app to achieve various goals and solve for different experiences.
MAP/TRACK PADDLE
FIND ROUTE
Route Considerations
A central focus of the product was creating route designs that would be flexible, adaptable and easily accessible during a wide of environmental conditions and for any level of experience.
-
Loops (forward > back)
-
Start/End Points
-
Multiple Difficulty Route Levels
-
Alternative Exit Points
-
Midway Markers
-
Dynamically Shifting Options
-
Memorable/Fun Names
Design
I started with rough sketches and iterated through more detailed designs culminating in an animated prototype meant to be narrated in a live presentation. Although each app and various areas of functionality were at different levels of finish—the goal was to provide a high-level walk-through of the principle user engagement as a proof-of-concept.
Mobile Card Sort
Prototype
Wrap
This initial phase was shaped by an agile process of targeting specific functions and attributes that would eventually build toward a more homogeneous and fully considered series of apps in the future.
Thoughts, Learnings and Beyond
Next phases would include:
-
Spending more time paddling and charting out a broader range of routes
-
Evolving overall functional and visual design
-
Establishing brand and social strategy