Branding    •    Design    •    Mobile    •    UI    •    UX

BusyBus

For BusyBus I set out to create a very simple bus application. The user needed to be able to select the bus stop, and see which buses were coming, where they were going, and how often they were coming. A Mobile application minimum viable product was needed.

  • Bloc
  • Transportation
  • December 2018

Information Gathering

Competitive/SWOT Analysis

- Moovit -
moovit screenshot 1 moovit screenshot 2

Moovit SWAT

01.Strengths

Clean interface design, many features, widely adopted application (70 million registered users), crowd sourced GPS for accuracy, push notifications, bike routes, good customer service.

02.Weaknesses

Depends on cell service, difficult to report if train is delayed, store location search needs improvement, need to put a direction first.

03.Opportunities

Only Uber is included, possibly expand to Lyft and other ride apps. Improve usablitity for smaller towns/cities. Quicker access to nearby bus stops.

04.Threats

The market is saturated with transit applications. Popular applications are already widely adopted. Moovit is a feature rich app and well designed.

Moovit Observations

01.Positioning

Moovit is an application focused on providing accurate user sourced bus transit information. They are distributing their application by having a strong design with many useful features. They have great customer service and have secured themselves a solid place in the android play store. They know people will search for transit apps, and Moovit is so widely adopted, the user only needs this one application for any location they are in. Moovit uses the collective GPS locations of its users to help provide accurate information, instead of relying solely on transit information and times.

02.Differentiators

There will always be a need for transit times, Moovit has a large built in audience. City people without cars are their prime market, people who use public transportation regularly. They have provided a useful service with little profit on their end, likely targeted ads will integrate to make profit this application.

03.Opportunities

Since Moovit is so widely adopted and feature rich, an application that took the most useful features of Moovit and drastically simplified the design would appeal to a different audience.

- Transit -
transit screenshot 1 transit screenshot 2

Transit SWAT

01.Strengths

Simple, immedicatly accesses user's GPS and show nearby bus stops, crowdsources GPS similarly to Moovit, opens quickly and ability to use immediately faster than Moovit, can favorite lines easily.

02.Weaknesses

Favors a user that is familiar with the area, certain bug features like walking direction and knowing if you are on the bus, many features are lumped under "options", no easy to see alerts.

03.Opportunities

Some features are not obvious, like swiping left to get the opposite bus direction. Can add an easier to find alerts and news section. Map has room for design clarity improvements. The first screen allows for immediate use, a new user can start quickly.

04.Threats

Saturated market, large infrastructure for bus times already in place, bus is well laid out for 80% of use case needs.

Transit Observations

01.Positioning

Transit focuses more on the buses now/immediate area feature. Nearest location and times is quick access. For a regular bus user this is most of their needs, they know which stop they are using and need those times in a hurry.

02.Differentiators

Many bus users are people who don’t use cars often because they live in or around a city. These particular users also know where they are going most of the time, they’ve taken that trip many times before. They want to know if they need to take one bus over another, and quickly.

03.Opportunities

This app has the usefulness of finding your bus now but it’s easy to accidentally reposition yourself. Finding other features past the main screen feels a bit clunky. Their widget is not that great or customizable, but it’s useful in its simplicity. Creating an app that utilizes "the bus stops nearby" approach, while keeping the ultra simplicity, would serve a large audience of regular bus riders.

Initial app design sketches

These are my initial sketched designs for BusyBus. I wanted to focus on users who are taking the bus regularly for things like school or work. After user testing this design, I discovered the tabs were too small, and not clear in function. I needed to make my design more in line with common app designs, like the IOS standard. The bus stop was each bus line, I needed to put it one place and have it be clear that was the bus stop the user was at.

busy bus screens
Initial Figma screen designs

This was the first clean Figma design I had created for BusyBus. After testing and feedback I decided to workon the first screen only as a minimum project. I wanted to minimize each bus row. I wanted to add the bus direction.

busy bus screens
Figma to Code

This was the design after coding it in HTML and CSS. I went for a very basic design for testing. I needed to make it the design a little cleaner. I should remove the stars since that feature is not minimum. The logo on the main screen was not needed. Colors for different bus availability was needed.

bus mobile design 3
next coded mobile design

This is the next final design iteration fully coded

bus mobile design 4