Project

Summary

Area of work

STRAVA APP REDESIGN

Map based app redesign, in a span of two weeks

Primary research

Audit

Usability testing

Information Arch

Interaction design

Wireframing

Visual Design



Elements of UX/UI

2 Weeks | Academic | Guide: Mamta Rao

OVERVIEW


A 2-week intense project on elements of UX Design as a part of the NID coursework, the objective is to redesign a map-based application, by auditing, researching, and finding its ux mishaps


I worked on redesigning Strava, a social media/fitness tracking app, which has an existing map which was under-utilised (based on research)


Final Visual Design of the strava app, lets scroll down to see the process of arriving here

"Now,how did we arrive at the above prototype? why to do a Re-design, and how do we validate the design decisions ?"

Framework used

Elements of UX Design - Jesse Gerret


THE SCOPE OF THE PROJECT FOCUSED ON


  • STRUCTURE - Information Architecture, Interaction


  • SKELETON - Interface, Navigation & information


  • SURFACE - Visual Design


Elements of UX Design

01

02

03

04

Design

Conceptualisation

Analysis

Evaluation &

Optimisation

USER CENTERED DESIGN PROCESS

Existing key screens

HIGH fidelity SCREENS

Persona

With my interviews and usability testing I was able to boil down to one specific persona

  • Route function is unused by all the candidates

google maps is preferred.

  • Uses google maps instead to plan rides.

Routes

  • Maps/Segments are viewed only after the ride

  • To see elevation and record such as Kudos

Maps

Next project

PRODUCT DESIGN INTERNSHIP

BUILDING DESIGN SYSTEM OF TITAN SMART APP & SMARTWATCHES,

STANDARDISING UI/UX.

A dynamic project with complexities and constraints with regard to multiple smart product lines

© 2023 toastdesign.

Built for speed 🚀

END-LESS

IDEATION

AUDIT

Audit

The Audit was done on all key screens to understand areas of improvement on Visceral , Behavioural & reflective levels of the app

Findings

No navigation

tools

App usage

drains

cellphone

battery.

Too many

contianers

Placement of

buttons

is distracting.

Kudos can be

motivational

& de-motivational

at the same time

Strava lacks

options for

multiple modes

of workout

Unnecessary

extra steps

within app.

Excessive

white

space

could be

put to use.

Training plans

are only

accessible from

desktop.

Interaction

while cycling

is an issue

Social aspect

of the app makes

it heavy

Map functions

are restrictive

No indication

when the app

stops

When GPS

disconnects

no data or

inaccurate date

is recorded.

There is

no offline mode

when going

for long rides

Areas of improvements that have been observed during the study where as follows, which will be taken forward to form the design decisions after validation

LEARNABILITY:| MEMORABILITY | ERRORS | SATISFACTION:

USABILITY tESTING TASKS & SCENARIOS

USABILITY

EMPATHY MAPPING

Says

Says

Says

Thinks

Feels

Does

• Athletic
• Enjoys running

Enjoys biking

Too many different apps for fitness.

Fitness data wouldn’t share between all apps.

App won’t automatically recognize

when the workout starts and ends.

•Goes for regular rides and runs.
•Records activity data using Strava

and other fitness apps.

•Posts accomplishments on social media.

•Annoyed when the app stops working during the ride and tracking stops in the middle.

•Can share accomplishments with peers on Strava.

•Can post to instagram to show off athletic abilities.

•Should get best athletic gear to have in pictures that are posted.

ECOSYSTEM MAPPING

Sensors

Carriages

Smart watch

Navigation

Hydration

Attire

Scenarios

Final Direction

Scenario 02

Scenario 03

Scenario 01

SOME CYCLIST LISTEN TO MUSIC WHEN THEY RIDE

SOME CYCLIST PUT THEIR PHONES IN THEIR PRODUCT

SOME CYCLIST PUT THEIR PHONES ON THEIR FRONT SADDLE

3 Design Directions to consider

An Audio Navigation system

A light app that focuses on Nav with in built maps

Google map + Starva sync

Information Architecture

Wireframes

REVALIDATING