Designing the UI of an Electric Scooter Dashboard

Goal: To make the information display in the dashboard simple & efficient.

Dashboard Study: Existing scooty dashboards

1. Hero Pleasure: Analog Dashboard

Features: Speedometer, Fuel Meter, Left/ Right Indicator, Long light indicator, Side Stand Indicator

Measurements: Length- 21cm, Breadth- 11.5

2. Honda Activa 5G: Analog & Digital

Features: Speedometer (Analog), Fuel gauge (Digital) ,Left/ Right Indicator (Analog), Odometer (Digital), Service Due Indicator (Digital), Clock (Digital)

Measurements: L- 24.5 cm, B- 6 cm, Indicator Screens : (5X4X3)cm, Mid Screen:(4X3)cm

Dashboard of Existing Electric Scooter

Ather Dashboard

Features in Existing Electric Scooter Dashboard:

Motor On/Off Indicator, Time, Park Assist, Mode change options, Eco- Mode, Battery life (percentage & KM’s left), Odometer, Ongoing trip time/dist, Average Speed in the ongoing trip, Efficiency Indicator, Air Pressure (Ideal), Document Upload, Navigation, Voice based Navigation.

User Survey: For Primary User

1. User Persona

2. Empathy Map

User Survey: For Secondary User

1. User Persona

2. Empathy Map

User Flow Analysis

Insights: Needs & Wants of the Users

After the user interview, a few features required for the dashboard that are not yet available came into the picture. This includes a Helmet reminder in the pre-driving stage & an in-built tire pressure gauge.

The need for some features that are already present in modern-day electric scooters was also highlighted by the users as their current scooters lack them. This includes Clock for estimating reach time when running late, Navigation, Traffic Monitor, Bluetooth to see if they have to take an important call.

The old school features present in their current vehicle may not be enough but it definitely gives the user necessary information in a simple fashion. This includes Speedometer, Fuel Meter, Left/ Right Indicator, Long light indicator & Side Stand Indicator.

All Features & Widgets: Speedometer, Odometer, Milometer, Left/Right Indicator, Fuel/ Charge Gauge, Service Due Indicator, Clock, Weather,Side stand indicator, Parking assistance, Bluetooth, GPS Navigation, Mode change options, Speed limit warning, Safety/Traffic rules reminder for risk management, Upload license /documents, Music, Ongoing trip time/dist, Average Speed in the ongoing trip, Voice based directions, Efficiency Indicator.

Impact Effort Matrix

Impact Effort Matrix

Content Prioritization

The content has been prioritized according to the user interview, User flow analysis & Impact- Effort Matrix.

User flow analysis: Some features like helmet reminder (optional) are only required pre-driving stage. The features like clock, battery gauge, side stand indicator, mode change options are required at all stages. Speedometer, Left-right indicator, Light indicator, mode change options are required only while driving.

Pre Driving Stage:

1. Welcome, Please put on your helmet!
2. Clock
3. Battery Estimation
4. Side Stand Indicator
5. Mode Switch
6. Location Check In
7. Bluetooth Connection Automatic with paired device
8. Service Due indicator if required

While Driving:

1. Speedometer
2. Battery Estimation
3. Mode Switch
4. L/R Indicator
5. Light Indicator
6. Ongoing trip time & distance left and taken
7. Google Maps
8. Call Screen
9. Efficiency Indicator (What should be the speed so as to finish the trip without the battery getting over)

On Reaching:

1. Park Assistance
2. Clock
3. Time & distance taken in the trip
4. Odometer
5. End Screen

Some Features that will be available after a few clicks: Profile, Documents (Upload & uploaded), Voice control according to preference, Music etc.

Design Methodology: Atomic Design by Brad Frost

Typography

Playfair Display | Nunito Sans

Colours

Different colours for eco-mode & standard mode.

Splash Screen: #FF0009 ; #F0F1F2

Eco Mode: #CCFACF ; #31FD8C ; #11452E (Hues of Green)

Standard Mode: #2F35CB ; #FF7876 ; #2F35CB (Hues of reds & purples)

Final Designs

Click here to see the prototype.