Process Document for development of UI of connected bike tech application

1. HUD/Instrument Cluster
Design for Bikes
Utkarsh Srivastava | BD20BDes11018

2. Problem Statement
• To create a Heads up Display for bikes, along with a redesigned
Instrument Cluster and a phone app to control the both

3. Initial Research

4. Current Market
• There are very few options of HUDs for bikes in the current
market.
• These options are usually expensive even though convenient to
use.
• They are extremely rudimentary pieces of technology, which do
not provide much more than basic information on an HUD.

5. Drawbacks of current market
• Expensive.
• Difficult to install
• No advanced connectivity features, such as the connected apps
for cars.
• Delicate products, prone to damage.

6. Questions asked to users and
the inference

7. How often do you
use
navigation/driver
apps?
People are using
navigation apps/driver
apps even while using
frequently and most of
them use it by stopping
at the side of the road or
having a passenger
access them. Other
methods listed all have
one or the other safety
flaw as they are kind of
incoveninient.
Never Occasionally Sometimes Often Always

8. How do you use the app
while driving a 2-wheeler
The various methods mentioned
by the users in the survey are
found to be a safety hazard in
one way or the other, thus the
requirement for a new
technology is required

9. Do you feel that a
heads up display would
be useful?
Yes No Maybe
People seem to be open the
idea of a heads up display but
some still have misgivings about
it. It seems that since there is
not such product in the market
as of now, they are unsure
about how useful the product
would be as compared to the
distrative element introduced by
the display.

10. Would you find a heads
up display distracting
while driving
Yes No Maybe Other
A majority of the people believe
that a HUD would be distracting
while driving, however some are
still unsure as it is a new
technology and not many
people have tried it out yet

11. At what location would
you prefer the heads up
display?
Sides Bottom Top
People want the position of the
display to be according to their
preference thus the choice of
position should be given to the
users

12. Would you prefer a
display near the
instrument cluster
rather than a HUD?
Yes No Maybe
People seem to prefer a modern
instrument cluster rather than a
HUD, however this could be due
to suspicion of new technology.
Thus both should be provided
to the user, putting primary
focus on the instrument cluster

13. Misgivings of Users

14. Inference
Users are curious about new technology; however they will still be
conservative about big change, therefore it is important to
provide a slight update over current tech along with the HUD as
an option, providing them with an opportunity to get aquatinted
with it.

15. Updated Problem Statement
• To created a connected bike app along with a redesigned
Instrument Cluster and add in an optional Heads up Display for
interested users

16. User Study

17. Arjun Agarwal
Age
Occupation
Status
Location
Archetype
Convenience
Journalist
Single
Delhi, India
The Explorer
Curious Driven
Bio
Arjun is a journalist who has lust for travel. He prefers
to go to different places to further his professional
life. He loves to ride bikes and sometimes finds it
difficult to navigate on one due to bad directional
awareness.
Goals
• To further his professional career.
• To visit more and more places and
understand cultures more properly.
• To explore places ranging from
metropolitans, to the most isolated
villages.
Frustrations
• Bad navigational skills.
• Wastes time trying to figure out a route
while driving his bike.
• Tends to forget directions and has to stop
very often while driving his bike.
Motivations
Intuitiveness
Price
VisualAppeal

18. Says
• Might find an HUD useful.
• It might cause distraction while driving,
however is willing to try it out
• Want an advanced instrument cluster.
Thinks
• Trying out a new technology would be a
fun thing to do.
• It might not work at all, but it would be a
good experience.
• An advanced Instrument cluster is a
must
Does
• Supports the development stage as much as
possible
• Pushes the possibility of an advanced
instrument cluster more than the HUD.
Feels
• Inspired
• Suspicious
• Curious
• Excited
• Hopeful
Empathy Map

19. App Requirements

20. • A mobile app, to access more complex functions
• An infotainment screen, to display important information in a
simple and informative fashion, to allow the user to interpret it
without much difficulty while driving.
• An optional HUD option, which has multiple customizations, to
allow the user to decide how much information he wants on the
HUD, And where he wants it to avoid as much distractions as
possible

21. Information Architecture and
Wireframes

22. Home
Maps
Saved places
Recent
Searched
Search
Fuel
Consumption
Mileage
Connect to
your vehicle
Track your
vehicle
Vehicle Stats
Navi
Maps
Search
Saved Places
Petrol Pumps
Hotels
Restaurants
Vehicle Stats
Map to show
location of
vehicle
Set distance
cage
Check bike
stats
Fuel level
Oil Level
Coolant Temp
Engine Status
Tyre Pressure
Odometer
Demobilize
Vehicle
HUD
Add/Drop
Select location
of display
User Dash
User Profile
Vehicle
Registration
Info
Saved Info
User Driving
Stats
Settings
Logout
For Mobile App

23. Low fidelity wireframe for app

24. For Instrument Cluster
Instrument
Cluster
Speedometer
Speed Limit
Indicator
Rev Counter Fuel Meter
Mileage
Low Fuel
Odometer
Trip meter
Alert Signs
Turn
Indicators
Check Engine
Check Tyre
Pressure
Map
Navigation
Directional
Alerts

25. Low fidelity wireframe for instrument
cluster

26. The App

27. Components
Buttons

28. Components
Toggles

29. Components
Cards

30. Connect screen
The connect screen is the first screen
the user sees
It has the branding of the app and a
connect button
Once connecting the following
screens alternate on the device

31. Landing Screen
The landing screen opens once the
user is connected to his vehicles
It has 3 distinct sections
The navigation sections
The vehicular information sections
The control panel

32. Landing screen
Map Section
The map section shows us the maps of
the surrounding areas
It has 3 Buttons
Search button allows you to search locations on the map
The left button starts navigation for your most frequently used saved address
The right button starts navigation for you last searched location

33. Landing screen
Control Panel
It provides the basic navigation
throughout the app.
It has buttons to the main pages of
the app and is present at the bottom
of each screen

34. Navigation Screen
The naviscreen shows the
map of the surrounding areas
It has a direct toggle to the
homescreen
It has buttons to provide
access to the various aspects
of navigation
The naviscreen control panel
has multiple buttons to allow
intuitive access to the
navigation features.
Search button
Saved places button
Fuel near me
Rest stops near me
Restaurants near me

35. Vehicular Stats Screen
TheVehicle Stats screen shows the location of the
vehicle, and its basic statistics
It has two distinct sections
A location section to locate your vehicle and set
bounds
A statictics section to show the different stats of the
vehicle

36. Vehicular Stats
Locate Section
The Locate
screen shows
the locations
of the vehicle.
It gives us the
option to
bound the
vehicle to a
certain range
Once in the
bound screen
one can adjust
the boundary
according to
their needs

37. Vehicular Stats
Statistics section
It provides all the statistics about the vehicle to the user in an intuitive
manner.
Whenever a statistic reaches a critical value it alerts the user.

38. Heads up Display Screen
The Heads up Display screen
allows the user to set up and
customize the HUD
Each card allows the user to
select whether to show that
certain information and the
location of the information
on the display

39. User Dash Screen
The Heads up Display screen
allows the user to set up and
customize the HUD
Each card allows the user to
select whether to show that
certain information and the
location of the information
on the display

40. The Instrument Cluster

41. Components

42. The Display
The instrument cluster gives
the user a detailed view of
basic informations
It shows the Navi screen, the
fuel/range information, the
RPM of the bike, the speed,
the odometer, the speed,
and the time.
It also has allocated areas for
the error icons to show up

43. The Heads up Display

44. Mockup