# data[].attributes.body
https://www.figma.com/proto/aIW7dMBuchSNqfC9si7imS/Scooter-Dashboard?node-id=217%3A835&starting-point-node-id=134%3A595&scaling=scale-down

To enter the ride mode, click on the economy or power button twice.
In the ride mode, click on the sides of the screen to turn on and off the indicators.
You can click on the center of the screen to go back to static mode.

# data[].attributes.body
The background is very subtle, yet still visible, and the shapes have a 1-point, semi-transparent white outline to simulate the glass edge.
Experimented with glassmorphism in the interface, adding a transparent outline to every element while playing with the transparency of the fill. Also added background blur to layers for dimension (menu screen)

# data[].attributes.headline
Using competition to drive user engagement

# data[].attributes.subject
Using competition to drive user engagement

# data[].attributes.body
Arguably the biggest thing that makes a game — competition. Having the riders compete with each other for points or just bragging rights can work wonders.

# data[].attributes.body
everything in the design must fit the user’s intended experience

# data[].attributes.body
The my profile page in the menu gives each user profile their total ride distance, average speed, and points. Weekly stats gives each rider their average speed, ride distance, and ride time for their journeys that week.
The stats provide a sense of accomplishment for the riders. Although it is a feature that is not absolutely required, it is a nice-to-have feature that can show riders their achievements for the week.

# data[].attributes.body
Similar to Netflix's "who's watching?" feature, the dashboard can have different user profiles for different members of the family that use the scooter. Since the user persona is a middle class family of four, each member can have a separate profile with their own license in the documents menu, saved locations, ride distances, weekly and monthly statistics, etc.

# data[].attributes.body
A feasible option, but makes the interface more playful; not in line with the stylistic strategy.

# data[].attributes.body
e.g., time constraint, speed constraint, etc. Not a feasible option as it will influence the ride which is dangerous.

# data[].attributes.body
A few added messages along the interface journey like start & stop ride, points earned at the end of each ride, gives the rider a sense of accomplishment.
In the ride mode, making the entire screen a speedometer adds a gamified touch to the ride mode.

# data[].attributes.body
A feasible option for an electric scooter. Users can connect with friends who also use electric scooters, and can compare odometers, points, etc. User can connect with friends by entering their usernames in the mobile app and sending them a request. Different profiles using the same scooter can also compare statistics

# data[].attributes.body
Not a feasible option for riders as it will get in the way of regular activity and may prompt unnecessary trips, etc.

# data[].attributes.body
Another feasible option for the electric scooter interface. Riders can be rewarded with points after each ride for not exceeding speed limit, efficient charging, attending to error messages on the dashboard, and annual servicing. Riders are also rewarded with points for uploading their documents to the app--license, registration, and insurance.

# data[].attributes.body
The major point to consider is that the product shouldn’t become too playful if it’s not expected according to the general stylistic strategy and brand image.

# data[].attributes.body
Gamification is a design technique that requires using various game mechanics referring to the interactive UI elements. The main task while applying gamification is not to turn the product fully into a game.

# data[].attributes.body
from feedback received from a few riders, the frame did not look as simple as I was aiming for. The ride details had the potential to create confusion, and the numbers could seem intimidating to riders who are not comfortable with technology. Therefore, moved the ride details to the left corner so as to not crowd the center of the screen
Menu bar navigation made easier by removing sub menus under each category

# data[].attributes.body
"Cognitive load theory has been designed to provide guidelines intended to assist in the presentation of information in a manner that encourages learner activities that optimize intellectual performance"

# data[].attributes.body
Resolution: 1280x800

# data[].attributes.body
18” breadth
Handle length 4.5”
Middle console length 7.5”
End. Console length 3.5” (display: breath 7.1” length 3.7”)
Circumference of handle 4.5”
Length of scooter 45"

# data[].attributes.body
Rider might forget to wear a helmet
Soln: Helmet indicator icon on dashboard, blinks if not detected (infrared waves?), can be disabled
Rider cannot see if headlight is on or off during the day
Soln: Headlight indicator on dashboard

# data[].attributes.body
Since the most used scooters in India--Activa, Pleasure, Deo, Scooty Pep, etc have dashboards that prioritise the speedometer, the ride mode of this dashboard will also show an arc to represent speed, to make the rider feel a sense of familiarity.
The estimated range of the battery however, will be given more priority.
The ride mode screen will be kept quite simple, and will have only the date and time, estimated range, speedometer, and right and left indicators.

# data[].attributes.body
The menu icon will be the same as used in most websites, represented by three line, for familiarity, and the menu will have sub-sections similar to that of a smartphone.
Icons like headlight, error, and navigation will also be represented by the ones commonly used in scooter dashboards already (headlight icon), or in smartphones.

# data[].attributes.body
For the scooter dashboard, I used the principle of natural user interface, as it works best with the selected user persona-- a family with people having different comfort levels with technology.
The dashboard will have elements that resemble those that are commonly seen on websites, and the a few elements that resemble those of smartphones as well.

# data[].attributes.body
Convey instant expertise to take advantage of the user’s existing skills.

Use progressive disclosure to lay out a clear learning path to the users, one that allows them to start with basic skills and move on to something more advanced in small increments.

Create direct interaction through the direct correlation between user action and natural user interface reaction.

Limit the cognitive load.

# data[].attributes.body
In design, natural user interface (NUI) is effectively an invisible user interface that remains unseen as the user continuously learns increasingly complex interactions. Natural user interfaces give the sense of instant accomplishment to the user. A NUI should fit the user’s context if the design is going to feel natural to them.

# data[].attributes.body
headlight
ride time
ride distance
average speed
network
documents
software version
errors
model number
motor on/off
odometer
dark/light mode
indicator sound

# data[].attributes.body
time
helmet indicator
screen brightness

# data[].attributes.body
speedometer

# data[].attributes.body
battery indicator
right and left indicators

# data[].attributes.body
will not include

1. average speed

2. headlight indicator

# data[].attributes.body
nice-to-haves

1. time

2. navigation

3. power mode/economy mode

4. ride time

5. ride distance

6. documents

7. indicator sound on/off

8. error messages

# data[].attributes.body
essential but not vital

1. helmet indicator

2. motor on/off

3. screen brightness

4. network

5. odometer (for servicing)

6. software version (servicing)

7. model number (servicing)

# data[].attributes.body
non-negotiable needs

1. fuel indicator

# data[].attributes.body
Speed
Battery indicator
Right and left indicators
Odometer
Headlight
time
navigation
Power mode/economy mode
motor on/off
ride time
ride distance
average speed
network
documents
screen brightness
dark mode/light mode
indicator sound
scooter model number
software version
errors
helmet indicator?

# data[].attributes.body
At any given point of--during, after, or before--the ride, the user should feel well informed of his vehicle's current status.
Fuel indicator, speed, right and left indicators, and odometer are mainstays in every scooter dashboard--these are the features that an average scooter rider expects from their dashboard

# data[].attributes.body
Speed prioritized above all other features

# data[].attributes.body
Ather

# data[].attributes.body
Gogoro

# data[].attributes.body
Etergo

# data[].attributes.body
Honda Pleasure

# data[].attributes.body
Honda Dio

# data[].attributes.headline
Features currently included in a scooter dashboard

# data[].attributes.subject
Features currently included in a scooter dashboard

# data[].attributes.body
Primay: Speed
Secondary: Fuel indicator
Tertiary: Total distance covered
Left and right indicators
Headlight

# data[].attributes.body
1. Use of scooter: Almost Daily

2. Average trip distance: 3-4kms

3. Main Purpose: Errands, temple visits, visiting friends and family that are close by

4. Looks at dashboard extremely rarely while riding, checks the dashboard only for left and right indicators

5. Most important feature: Fuel indicator

6. Would like features like distance that can be covered with fuel

7. Would not prefer audio/voice commands in a scooter

# data[].attributes.body
1. Use of scooter: Daily

2. Average trip distance: 3-4kms

3. Main Purpose: Travel to and from work

4. Very rarely looks at dashboard while riding to check speed  and petrol

5. Most important feature: Fuel indicator

6. Would like features like distance that can be covered with fuel, tire conditions

7. Would not prefer audio/voice commands in a scooter

# data[].attributes.body
Jakob’s Law states that because users spend most of their time on other sites, they expect your site to work in the same way as other sites they’ve already visited.

# data[].attributes.body
Scooty Pep+

# data[].attributes.body
Honda Activa

# data[].attributes.body
1. Use of scooter: Almost Daily

2. Average trip distance: 6-7kms

3. Main Purpose: Travel to and from college

4. Looks at dashboard while riding to check speed and time

5. Most important feature: speed, indicators

6. Total trip time is unnecessary

7. Would like features like find my scooter, sensor camera for traffic

8. Uses navigation very rarely, for places far from locality

9. Would not prefer audio/voice commands in a scooter

# data[].attributes.body
1. Use of scooter: Almost Daily

2. Average trip distance: 4-5kms

3. Main Purpose: Errands

4. Looks at dashboard while riding to check speed and petrol, and to check if indicators have turned on/off

5. Most important feature: Petrol

6. Very rarely checks the total distance covered by scooter

7. Would like to navigation feature, to check for nearest post offices, etc

8. Would not prefer audio/voice commands in a scooter

# data[].attributes.body
47 year old homemaker (uses Scooty Pep+)

# data[].attributes.body
22 year old college student (uses Honda Activa)

# data[].attributes.body
21 year old college student (uses ather)

# data[].attributes.body
53 year old software engineer (uses Honda Activa)

# data[].attributes.body
Interacted with 4 people who use scooters for transport on a regular basis

# data[].attributes.body
Both children use the scooter for helping out parents with errands and grocery visits, visiting friends in the evenings and the weekends. Occasionally used to travel to and from college
Student
Tech knowledge: 4.5
Uses a OnePlus

# data[].attributes.body
Works (9-6 job) at a tech park in Bangalore, uses the car for daily transport to and from office. Uses the scooter in the evenings if any errands come up, on weekends to go to banks, post offices, etc
Education: M.Tech
Tech Knowledge: 4
Uses an iPhone 6s

# data[].attributes.body
She has time for herself once her children are off to college and husband is off to work. She has an active social life. Uses the scooter for visiting friends, groceries, errands.
Education: B.Sc Nutrition
Tech Knowledge (1-5): 2
Uses a Redmi Note phone

# data[].attributes.body
primary mode of transport is by car
scooter is used primarily by the mother and children during the week, and by father occasionally on weekends, etc

# data[].attributes.body
In one single family that owns a scooter, there are 3 personas:

Mother- Homemaker
Father- IT professional
2 children aged 18 and 21
upper-middle class family of 4
Location- Bangalore