UX & APP DESIGN | 2018

mountain project.

UX & APP DESIGN | 2018

mountain project.

UX & APP DESIGN | 2018

mountain project.

UX & APP DESIGN | 2018

mountain project.

MP-LoadingScreen
MP-5Screen

THE CHALLENGE

Mountain Project is an extensive online rock climbing guidebook, offering users information on climbing routes, photos, guides, advice, weather information, and more. My goal in redesigning the iOS app was to improve user experience, intuitivity, and give the app a visual design refresh. 

While using the existing app, I identified several areas that could be refined including the addition of Google Map directions, the ability to find routes and areas by using location services, consistent navigation, filterable search results, prioritizing user interaction, and using swiping gestures to navigate between areas and routes.

 

 

USER NEEDS

To fully understand the problem space and determine if other users experienced the same frustrations, I conducted a short survey, questioning Mountain Project app users about key struggles, currect practices, task priorities, desired improvements, collecting qualitative and quantitative data. 

User suggestions for improvement included navigating nearby areas with more ease, filtering search results, GPS navigation, and the ability to add comments.

From the survey, I was able to create a hierarchy of user needs: search for new routes, find nearby routes, access favorite areas and to-dos, add new ticks (completed routes), access user profile.

THE CHALLENGE

Mountain Project is an extensive online rock climbing guidebook, offering users information on climbing routes, photos, guides, advice, weather information, and more. My goal in redesigning the iOS app was to improve user experience, intuitivity, and give the app a visual design refresh. 

While using the existing app, I identified several areas that could be refined including the addition of Google Map directions, the ability to find routes and areas by using location services, consistent navigation, filterable search results, prioritizing user interaction, and using swiping gestures to navigate between areas and routes.


USER NEEDS

To fully understand the problem space and determine if other users experienced the same frustrations, I conducted a short survey, questioning Mountain Project app users about key struggles, currect practices, task priorities, desired improvements, collecting qualitative and quantitative data. 

User suggestions for improvement included navigating nearby areas with more ease, filtering search results, GPS navigation, and the ability to add comments.

From the survey, I was able to create a hierarchy of user needs: search for new routes, find nearby routes, access favorite areas and to-dos, add new ticks (completed routes), access user profile.

THE CHALLENGE

Mountain Project is an extensive online rock climbing guidebook, offering users information on climbing routes, photos, guides, advice, weather information, and more. My goal in redesigning the iOS app was to improve user experience, intuitivity, and give the app a visual design refresh. 

While using the existing app, I identified several areas that could be refined including the addition of Google Map directions, the ability to find routes and areas by using location services, consistent navigation, filterable search results, prioritizing user interaction, and using swiping gestures to navigate between areas and routes.

 

 

USER NEEDS

To fully understand the problem space and determine if other users experienced the same frustrations, I conducted a short survey, questioning Mountain Project app users about key struggles, currect practices, task priorities, desired improvements, collecting qualitative and quantitative data. 

User suggestions for improvement included navigating nearby areas with more ease, filtering search results, GPS navigation, and the ability to add comments.

From the survey, I was able to create a hierarchy of user needs: search for new routes, find nearby routes, access favorite areas and to-dos, add new ticks (completed routes), access user profile.

THE CHALLENGE

Mountain Project is an extensive online rock climbing guidebook, offering users information on climbing routes, photos, guides, advice, weather information, and more. My goal in redesigning the iOS app was to improve user experience, intuitivity, and give the app a visual design refresh. 

While using the existing app, I identified several areas that could be refined including the addition of Google Map directions, the ability to find routes and areas by using location services, consistent navigation, filterable search results, prioritizing user interaction, and using swiping gestures to navigate between areas and routes.

 

 

USER NEEDS

To fully understand the problem space and determine if other users experienced the same frustrations, I conducted a short survey, questioning Mountain Project app users about key struggles, currect practices, task priorities, desired improvements, collecting qualitative and quantitative data. 

User suggestions for improvement included navigating nearby areas with more ease, filtering search results, GPS navigation, and the ability to add comments.

From the survey, I was able to create a hierarchy of user needs: search for new routes, find nearby routes, access favorite areas and to-dos, add new ticks (completed routes), access user profile.

THE CHALLENGE

Mountain Project is an extensive online rock climbing guidebook, offering users information on climbing routes, photos, guides, advice, weather information, and more. My goal in redesigning the iOS app was to improve user experience, intuitivity, and give the app a visual design refresh. 

While using the existing app, I identified several areas that could be refined including the addition of Google Map directions, the ability to find routes and areas by using location services, consistent navigation, filterable search results, prioritizing user interaction, and using swiping gestures to navigate between areas and routes.


USER NEEDS

To fully understand the problem space and determine if other users experienced the same frustrations, I conducted a short survey, questioning Mountain Project app users about key struggles, currect practices, task priorities, desired improvements, collecting qualitative and quantitative data. 

User suggestions for improvement included navigating nearby areas with more ease, filtering search results, GPS navigation, and the ability to add comments.

From the survey, I was able to create a hierarchy of user needs: search for new routes, find nearby routes, access favorite areas and to-dos, add new ticks (completed routes), access user profile.

LOW FIDELITY PROTOTYPES & WIREFRAMES

With the list of prioritized user tasks in mind, I sketched out several low-fidelity storyboard prototypes to address user pain points by adding navigation tabs, requested features, and designing a more intuitive layout.

To address the lack of intuitive navigation between nearby areas, I added swiping gestures. Similarly, I added a horizontal carousel of tiles to view each area's classic routes, viewable by using a swiping gesture.

Building from the sketched storyboards, I designed wireframes to solidify the layout and placement of different elements.

PROTOTYPING

With the list of prioritized user tasks in mind, I sketched out several low-fidelity storyboard prototypes to address user pain points by adding navigation tabs, requested features, and designing a more intuitive layout.

To address the lack of intuitive navigation between nearby areas, I added swiping gestures. Similarly, I added a horizontal carousel of tiles to view each area's classic routes, viewable by using a swiping gesture.

PROTOTYPING

With the list of prioritized user tasks in mind, I sketched out several low-fidelity storyboard prototypes to address user pain points by adding navigation tabs, requested features, and designing a more intuitive layout.

To address the lack of intuitive navigation between nearby areas, I added swiping gestures. Similarly, I added a horizontal carousel of tiles to view each area's classic routes, viewable by using a swiping gesture.

PROTOTYPING

With the list of prioritized user tasks in mind, I sketched out several low-fidelity storyboard prototypes to address user pain points by adding navigation tabs, requested features, and designing a more intuitive layout.

To address the lack of intuitive navigation between nearby areas, I added swiping gestures. Similarly, I added a horizontal carousel of tiles to view each area's classic routes, viewable by using a swiping gesture.

MP-Prototype
WF-FLOW-01
HF

HIGH-FIDELITY PROTOTYPES

Using Adobe XD, I created high fidelity prototypes to solidify the look and feel of the app as well as placement of different elements.

WIREFRAMES

Building from the sketched storyboards, I designed wireframes to solidify the layout and placement of different elements.

The final interface is similar to these wireframes, however, a few changes were implemented.

WIREFRAMES

Building from the sketched storyboards, I designed wireframes to solidify the layout and placement of different elements.

The final interface is similar to these wireframes, however, a few changes were implemented.

EVALUATION & FINAL INTERFACE

After observing users using the interactive prototype and a short survey, I was able to determine areas that were confusing or inefficient and make appropriate changes. 

Users were confused by the inconsistent navigation tabs. To remedy this, the primary navigation tabs disappear and a secondary menu appears below the featured photo on area and route pages.

Check out the interactive prototype! This is currently a work-in-progress.

EVALUATION & FINAL INTERFACE

After observing users using the interactive prototype and a short survey, I was able to determine areas that were confusing or inefficient and make appropriate changes. 

Users had a difficult time understanding the swiping gesture to view nearby areas and routes. My solution was to add an overlaid tutorial that appears until they dismiss it or the first 5 times that the user opens the app.

Users were also confused by the inconsistent navigation tabs. To remedy this, the primary navigation tabs disappear and a secondary menu appears below the featured photo on area and route pages.

Check out the interactive prototype! This is currently a work-in-progress.

View the interactive prototype here.

Explore More

Copyright © 2022 Shianne Zimmerman, All Rights Reserved