TransLoc Rider puts you in control with real-time updates and tools to get you where you need to go.
It is a well curated transit app which lists the top Schools, Universities and a few local areas across United States.
TransLoc Rider
Product Manager
Ios App Design
Adobe Xd, Adobe Photoshop, Pen & Paper
Problem : Transloc rider gives you live updates of the transit but it lacked a few features. While we have a new user and he isn't aware of the surrounding places but only knows his destination. The app had no such feature where in the user could enter his destination and find a way to it. Instead he needs to be aware how the app works and has to manually find his destination among all the routes.
The Existing application didn't provide us with the overall transportation schedule . It also failed to help us with the current transit schedule. The interface needs to be easy to use. New users often take time to understand it.
To cut down the problems short :
1. No destination feature present
2. It lacks current bus schedule and transportation schedule
3. Confusing Interface
Solution : I re-designed the application in such a way that the user will be able to easily navigate through app. Have included a "where to" feature where he will be able to enter his destination. There is inclusion of a tab called schedule in the menu bar. Have also included a tab for current bus schedule. Have redesigned some logos in menu bar .
Age : 18-50 Years
Gender : 3 Males, 3 Females
Nationality : American, Asian, African
"Find and get to destination"
"Lower app time or may be better app interface"
"Swift and efficient features"
"Schedule for current as well as all the transits during the day"
I identified the key specs that had to be included in the website in order to build the MVP, then mapped out user flows based on those specs (a lot of white-boarding was involved). At this point in the process, I found participatory design to be extremely helpful. I actually had end users mapping out their ideal flows, which I was then able to incorporate into my design.
.svg)
Based on the user flows, I constructed the Information Architecture such that there was a minimal level of difficulty to immediately accessing relevant information. After all, the goal of this product is to enable users to quickly and easily find treatment and send us inquiry.
.svg)
The main components of the overall User Interface are the Home Page, the destination, Choose Transit/ Select Bus Stop/ and the Menu Bar. I have illustrated some of them below.
1. Home Page
2. Enter Start point / Destination
3. Choose bus stop / Transit
4. Choose Bus
5. Select Bus stop
6. Menu
This was the first project where I not only worked as an Product manager but also an UI Designer. I learned that every problem looks difficult initially, but with right approach and design mindset we can solve any issues and achieve great results. Designing effectively means bridging business needs, technical constraints and finally providing user satisfaction.
Creating a design language which clearly communicates the form and function, and is also aesthetically pleasing which encourages the users to often use the app was a tough nut to crack. Got to learn new collaborative design tool Adobe XD for brainstorming and wire-framing.
