transloc re-design

16
Transloc Re-Design Documentation & Process Work Kimberly Terese

Upload: kimberly-elbeid

Post on 11-Apr-2017

111 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Transloc Re-Design

Transloc Re-Design

Documentation & Process WorkKimberly Terese

Page 2: Transloc Re-Design

Project Synopsis

Transloc Re-Design Project

Adobe’s UX to UI Course

This was a project for a course I took over the summer. They challenged us to find an app that we liked and re-design it. I decided to redesign a popular app on campus called Rider by Transloc. At the time they were teaming up. Their union is summarized here. “ TransLoc®, a leading provider of transportation technology, is partnering with Uber to create a new standard in public transit and private technology collaboration. This milestone seeks to combine the best of private transportation and public transit for truly integrated mobility. By integrating the Uber API into the TransLoc Rider app, riders can incorporate multiple modes of transportation, including public transit, into commutes.

Thefirst-mile/last-milechallengeisapersistentandongoingproblemfacingtransitagenciesastheytry to increase ridership. Many potential transit riders say they would be willing to take public transit, butdonotbecausetheylackoptionstogetthemtoorfromtheirfinaldestinationaftergetting offthebusortrain.Instead,theydrivetheentiretrip.

Page 3: Transloc Re-Design

TransLoc Rider

Kimberly Terese

UX / UI Designer

Adobe’s UX to UI Course

- Redesigned home navigation page - Implemented card sorting and paper prototyping techniques - Featured globally online by Adobe for great persona - Worked through the User Experience process - Persona research and usability testing

Page 4: Transloc Re-Design

THE PROBLEM

Campus maps work separately from city maps on existing app

Page 5: Transloc Re-Design

EXISTING APP - CITY MAP

Page 6: Transloc Re-Design

MOODBOARD

Page 7: Transloc Re-Design

THE USERS

Page 8: Transloc Re-Design

USER 2

USER 1

Page 9: Transloc Re-Design

USER RESEARCH

Card Sorting, Contextual Inquiries, & Wireframes

Page 10: Transloc Re-Design

CARD SORT

Page 11: Transloc Re-Design

DESIGN SOLUTION

Gesture based home navigation dial for easy toggling between campus and city

Page 12: Transloc Re-Design

SITEMAP

Page 13: Transloc Re-Design

WIREFRAMES

Page 14: Transloc Re-Design

WIREFRAMES

Page 15: Transloc Re-Design

DESIGN MOCKUP

Page 16: Transloc Re-Design

FINAL DESIGN