Designing a Companion App
for an upcoming eBike Startup.
Designing a
Companion App
for an upcoming
eBike Startup.
Designing a
Companion App
for an upcoming
eBike Startup.
Role
Role
Lead UX / UI Designer
Lead UX / UI Designer
Responsibilities
Responsibilities
Market Research
Product study
Ideation
Wireframing
User Experience Design
User Interface Design
Collaborating with Developers
Usability Testing
Design Iterations
Market Research
Product study
Ideation
Wireframing
User Experience Design
User Interface Design
Collaborating with Developers
Usability Testing
Design Iterations
Context
Context
Entering the Scene
Entering the Scene
Briefing about the context in which the project was initiated and the constraints it came with.
Briefing about the context in which the project was initiated and the constraints it came with.
Briefing about the context in which the project was initiated and the constraints it came with.
What is NINE09?
What is NINE09?
NINE09 is an Indian eBike startup, which is planning to enter the European eBike market. When I joined the team in February, the development
of the eBike was almost completed, and the only thing pending was the website and the eBike application. I had joined the team as a
UX/UI Intern and took on the responsibility of designing the eBike application as my Graduation Project under the confidence of the
Sr. UI/UX Designer. At the time, NINE09 was planning to take their eBikes to Eurobike 2023 in June.
NINE09 is an Indian eBike startup, which is planning to enter the European eBike market. When I joined the team in February, the development of the eBike was almost completed, and the only thing pending was the website and the eBike application. I had joined the team as a
UX/UI Intern and took on the responsibility of designing the eBike application as my Graduation Project under the confidence of the Sr. UI/UX Designer. At the time, NINE09 was planning to take their eBikes to Eurobike 2023 in June.
NINE09 is an Indian eBike startup, which is planning to enter the European eBike market. When I joined the team in February, the development of the eBike was almost completed, and the only thing pending was the website and the eBike application. I had joined the team as a
UX/UI Intern and took on the responsibility of designing the eBike application as my Graduation Project under the confidence of the Sr. UI/UX Designer. At the time, NINE09 was planning to take their eBikes to Eurobike 2023 in June.
Project Constraints
Project Constraints
The startup didn’t have enough time or resource to conduct proper User Research. So we were directed to design the app based on the
market trends and requirements specified from the founders. The initial deadline was set at May 2023 since Euro Bike was in June 2023.
The startup didn’t have enough time or resource to conduct proper User Research. So we were directed to design the app based on the market trends and requirements specified from the founders. The initial deadline was set at May 2023 since Euro Bike was in June 2023.
The startup didn’t have enough time or resource to conduct proper User Research. So we were directed to design the app based on the market trends and requirements specified from the founders. The initial deadline was set at May 2023 since Euro Bike was in June 2023.
Stakeholder interview
Stakeholder interview
Stakeholder interview
What is it you truly Desire?
What is it you truly Desire?
Interviewing the Stakeholders to understand the Brand Vision and expectations from the App.
Interviewing the Stakeholders to understand the Brand Vision and expectations from the App.
Interviewing the Stakeholders to understand the Brand Vision and expectations from the App.
Meeting with the Stakeholders
Meeting with the Stakeholders
Meeting with the Stakeholders
We did a meeting with the founders of NINE09 and the engineering team to get an overall understanding of their ideas and the features with which the eBike was built. We covered some features which were quoted as a requirement and we discussed some abstract ideas about how the experience to the user should feel like. And finally we were given the deadline. End of May 2023, since we were planning to launch our eBike in the Euro Bike 2023(expo).
We did a meeting with the founders of NINE09 and the engineering team to get an overall understanding of their ideas and the features with which the eBike was built. We covered some features which were quoted as a requirement and we discussed some abstract ideas about how the experience to the user should feel like. And finally we were given the deadline. End of May 2023, since we were planning to launch our eBike in the Euro Bike 2023(expo).
Conclusion
Conclusion
An Assistance to the eBike
An Assistance to the eBike
Since the main product of the brand is the eBike, we don’t want it to be dependent on the app for its operations. The user should be able to use the eBike just the same, with or without the app.
Since the main product of the brand is the eBike, we don’t want it to be dependent on the app for its operations. The user should be able to use the eBike just the same, with or without the app.
Future Oriented
Future Oriented
Everyone here was(and still is) looking forward to a future where the users will own multiple eBikes of NINE09. So the app should already have the system in place for accommodating multiple eBikes in the same app.
Everyone here was(and still is) looking forward to a future where the users will own multiple eBikes of NINE09. So the app should already have the system in place for accommodating multiple eBikes in the same app.
Open for Experimenting ideas
Open for Experimenting ideas
The attitude of everyone around here was of experimenting with the eBike. So I was thoroughly encouraged to try and bring some new or crazy feature for the app.
The attitude of everyone around here was of experimenting with the eBike. So I was thoroughly encouraged to try and bring some new or crazy feature for the app.
Product reasearch
Product reasearch
Product reasearch
Diving Deeper
Diving Deeper
Diving Deeper
Understanding the eBike’s features, capabilities and limitations.
Understanding the eBike’s features, capabilities and limitations.
Understanding the eBike’s features, capabilities and limitations.
Discussions with the Engineers
Discussions with the Engineers
Me and my Sr. Designer conducted several discussions with the Firmware and Hardware team over a span of 2 weeks to get a detailed understanding of how the eBike works, the kind of data it stores, its planned communication system with phone, data storage capacity, sensors, and to discuss the feasibility of some features proposed by us. During these discussions I was flooded with ideas for features to include in the app. But for a while, I kept it in my pants by noting it down for discussion in the future during brainstorming stage.
Me and my Sr. Designer conducted several discussions with the Firmware and Hardware team over a span of 2 weeks to get a detailed understanding of how the eBike works, the kind of data it stores, its planned communication system with phone, data storage capacity, sensors, and to discuss the feasibility of some features proposed by us. During these discussions I was flooded with ideas for features to include in the app. But for a while, I kept it in my pants by noting it down for discussion in the future during brainstorming stage.
Instagram post - @Nine09ev
That’s me hehe
Riding the eBike Myself
Riding the eBike Myself
After these discussions I started taking the eBike out for rides to get hands-on experience of the product. I followed the start up process that was set at that time and went riding for a few kilometers everyday with the former version of UI. I noted some confusion in turning on the
assist mode which was caused due to assigning inaccurate icons in the UI. The button’s functions didn’t match the mental models I had.
Overall it was a moderately good user flow for using the eBike with scope for improvements.
After these discussions I started taking the eBike out for rides to get hands-on experience of the product. I followed the start up process that was set at that time and went riding for a few kilometers everyday with the former version of UI. I noted some confusion in turning on the
assist mode which was caused due to assigning inaccurate icons in the UI. The button’s functions didn’t match the mental models I had.
Overall it was a moderately good user flow for using the eBike with scope for improvements.
Discussions with the engineers and experiencing the eBike on my own helped me map out the scope of the eBike and where the app can fit in.
Discussions with the engineers and experiencing the eBike on my own helped me map out the scope of the eBike and where the app can fit in.
Competitor analysis
Competitor analysis
Competitor analysis
What’s out there?
What’s out there?
What’s out there?
Analyzing and understanding the popular features in the eBike market and what gap we could fill in.
Analyzing and understanding the popular features in the eBike market and what gap we could fill in.
Analyzing and understanding the popular features in the eBike market and what gap we could fill in.
Analyzing Leading Competitors
Analyzing Leading Competitors
Vanmoof, Cowboy, Cannondale, Aventon and Specialized Mission Control were some of the leading eBikes in the market. Since the applications of these eBike didn’t provide much access without their eBike itself, I had to rely on User Feedbacks on online forums, unboxing videos and reviews on App store and Play store.
Vanmoof, Cowboy, Cannondale, Aventon and Specialized Mission Control were some of the leading eBikes in the market. Since the applications of these eBike didn’t provide much access without their eBike itself, I had to rely on User Feedbacks on online forums, unboxing videos and reviews on App store and Play store.
Cannondale Bikes
Cannondale Bikes
Vanmoof
Vanmoof
Cowboy
Cowboy
Aventon
Aventon
Specialized
Specialized
We noticed a few features that are common in these eBike brands:
We noticed a few features that are common in these eBike brands:
Ride Tracking and analysis
Ride Tracking and analysis
Customizing Motor settings
Customizing Motor settings
Leaderboard
Leaderboard
Realtime Location tracking of the eBike
Realtime Location tracking of the eBike
Emerging Trends
Emerging Trends
Personalization
Personalization
Personalization
Bike nickname, personal ride data, Fitness, leaderboard and achievements.
Bike nickname, personal ride data, Fitness, leaderboard and achievements.
Environment oriented
Environment oriented
Environment oriented
CO2 offset data, fuel saved data
CO2 offset data, fuel saved data
Anti theft
Anti theft
Anti theft
Live tracking, Bike hunting, Insurance, Replacement
Live tracking, Bike hunting, Insurance, Replacement
Once I was done with the competitive analysis, I got a much clearer view of what features are expected out of an eBike application and how other brands are providing them for their users. This provided me with the understanding of what kind of product is currently appreciated in the market, their shortcomings and where we can innovate and improve those features for our users.
Once I was done with the competitive analysis, I got a much clearer view of what features are expected out of an eBike application and how other brands are providing them for their users. This provided me with the understanding of what kind of product is currently appreciated in the market, their shortcomings and where we can innovate and improve those features for our users.
Due to the project constraints mentioned earlier we couldn’t conduct user interviews or a full fledged user research. We decided to conclude our research for now and start defining the Application feature requirements based on the inputs received from the stakeholders, engineers and the market research done.
Due to the project constraints mentioned earlier we couldn’t conduct user interviews or a full fledged user research. We decided to conclude our research for now and start defining the Application feature requirements based on the inputs received from the stakeholders, engineers and the market research done.
define
define
define
The Defining Moment
The Defining Moment
The Defining Moment
Consolidating research and findings into requirements for the application, acting as guidelines in the ideation phase.
Consolidating research and findings into requirements for the application, acting as guidelines in the ideation phase.
Consolidating research and findings into requirements for the application, acting as guidelines in the ideation phase.
Based on our findings from the research phase, I outlined some key aspects that we should prioritize while designing our application:
Based on our findings from the research phase, I outlined some key aspects that we should prioritize while designing our application:
Low dependency on the Application
Low dependency on the Application
The eBike being the main Product, it should not be dependent on the application for its usage. The app should only act as a supportive addition to the eBike.
The eBike being the main Product, it should not be dependent on the application for its usage. The app should only act as a supportive addition to the eBike.
Personalization
Personalization
Personalization is an emerging trend across industries and could be seen in other eBike brands. Since the eBike is a family product, adding personalized features could enhance the experience for users.
Personalization is an emerging trend across industries and could be seen in other eBike brands. Since the eBike is a family product, adding personalized features could enhance the experience for users.
A Fun element
A Fun element
The founders had expressed the vision to have a feature that makes our product stand out in the market and also one that brings the user back to us again and again. So I kept a door open for coming up with a fun feature in our app that we can brainstorm upon.
The founders had expressed the vision to have a feature that makes our product stand out in the market and also one that brings the user back to us again and again. So I kept a door open for coming up with a fun feature in our app that we can brainstorm upon.
Problem Statement
Problem Statement
The NINE09 eBike needs an application that supports its operations, making them more convenient, provides the user with a personalized experience of owning the eBike, and does all of this while giving a high sense of the brand’s superiority in quality.
The NINE09 eBike needs an application that supports its operations, making them more convenient, provides the user with a personalized experience of owning the eBike, and does all of this while giving a high sense of the brand’s superiority in quality.
This list was then validated by the seniors in the design team as a good enough blueprint to work further on. Once this was done, I got some clarity and a direction on where to focus my thought process while further designing the application.
This list was then validated by the seniors in the design team as a good enough blueprint to work further on. Once this was done, I got some clarity and a direction on where to focus my thought process while further designing the application.
Ideation
Ideation
Brainstormed
Brainstormed
Brainstomped
Brainstomped
Coming up with features based on the capabilities of the NINE09 eBike, market standards and the areas defined from research.
Coming up with features based on the capabilities of the NINE09 eBike, market standards and the areas defined from research.
Looking for Inspiration
Looking for Inspiration
I started looking for inspiration in everyday apps that I use, apps that are not related to eBike or commuting at all, revisited previously read books on reward systems, habit building, UX design, read blogs, watched TED talks and went on finding inspirations that could help me ideate for my app. Some ideas were obvious and others were unconventional. Listing anything that I could relate to my product. This went on for 3-5 days after which I started filtering the features based on the requirements that we had outlined in the previous stage.
I started looking for inspiration in everyday apps that I use, apps that are not related to eBike or commuting at all, revisited previously read books on reward systems, habit building, UX design, read blogs, watched TED talks and went on finding inspirations that could help me ideate for my app. Some ideas were obvious and others were unconventional. Listing anything that I could relate to my product. This went on for 3-5 days after which I started filtering the features based on the requirements that we had outlined in the previous stage.
Features post-filtering
Features post-filtering
Listing them Down
Listing them Down
A mess of the list that I had prepared, I showed them to my design team and started eliminating the really wild and unnecessary ones and segregated the ones that made sense and had a potential to develop into a useful feature for the user as well as the brand. Among these were some features that were already a requirement from the management like PIN Protection, Turn by Turn Navigation assist.
A mess of the list that I had prepared, I showed them to my design team and started eliminating the really wild and unnecessary ones and segregated the ones that made sense and had a potential to develop into a useful feature for the user as well as the brand. Among these were some features that were already a requirement from the management like PIN Protection, Turn by Turn Navigation assist.
Final Feature list
Final Feature list
Since the deadline given to us was by end of May and we were entering the last week of March, we decided to only design the bare minimum features that were related to operating the eBike. So features which would need some time for RnD like Group Ride and Fitness Tracking features were put on hold after informing the management.
Since the deadline given to us was by end of May and we were entering the last week of March, we decided to only design the bare minimum features that were related to operating the eBike. So features which would need some time for RnD like Group Ride and Fitness Tracking features were put on hold after informing the management.
Designing
Designing
Designing
Planning It Out
Planning It Out
Planning It Out
Designing the structure, User flow and the Final UI of the Application
Designing the structure, User flow and the Final UI of the Application
Designing the structure, User flow and the Final UI of the Application
Information Architecture
Information Architecture
After a Closed Card sorting session with 7 individuals from my workplace itself(who were not part of this project), I gathered the insights and started creating the IA.
After a Closed Card sorting session with 7 individuals from my workplace itself(who were not part of this project), I gathered the insights and started creating the IA.
Registration User Flow
Registration User Flow
Keeping Jakob’s Law in mind the Registration flow was kept as the standard flow where after registering their account, User has to scan the QR code displayed on their eBike display.
Keeping Jakob’s Law in mind the Registration flow was kept as the standard flow where after registering their account, User has to scan the QR code displayed on their eBike display.
Wireframing
Wireframing
I started sketching on the screens to pour out whatever i was thinking till now about how the screen would look. Sketched them. Judged them. Iterated. Made another set. Judged. Puked. Iterated.
I started sketching on the screens to pour out whatever i was thinking till now about how the screen would look. Sketched them. Judged them. Iterated. Made another set. Judged. Puked. Iterated.
Lo-fi wireframes
Lo-fi wireframes
And when finally I felt satisfied by what I made, I went on and got it validated by my senior and then made the wireframes on Figma.
And when finally I felt satisfied by what I made, I went on and got it validated by my senior and then made the wireframes on Figma.
Once the wireframes were done, it was then handed over to the development team so that they can start working on the framework and functionalities of the app.
Once the wireframes were done, it was then handed over to the development team so that they can start working on the framework and functionalities of the app.
UI versions
UI versions
UI versions
Initial Designs
Initial Designs
Initial Designs
Releasing the initial design of the app for Euro Bike 2023.
Releasing the initial design of the app for Euro Bike 2023.
Releasing the initial design of the app for Euro Bike 2023.
Design for Euro Bike
Design for Euro Bike
The final UI for the Euro Bike was released. This version had Fitness section as “Coming Soon” to let the customers know that it is in the works. This version had features including Remote Lock/unlock, ride history, navigation assist, about my bike, NINE09 store, Switching eBikes and Multi Profile.
The final UI for the Euro Bike was released. This version had Fitness section as “Coming Soon” to let the customers know that it is in the works. This version had features including Remote Lock/unlock, ride history, navigation assist, about my bike, NINE09 store, Switching eBikes and Multi Profile.
UI released for eurobike
UI released for eurobike
The eBike and the app along with these features were launched in the Euro Bike 2023.
The eBike and the app along with these features were launched in the
Euro Bike 2023.
Iteration on UI
Iteration on UI
Iteration on UI
Post-Euro Bike World
Post-Euro Bike World
Post-Euro Bike World
Refining designs by cutting off unnecessary features and polishing the UI
Refining designs by cutting off unnecessary features and polishing the UI
Refining designs by cutting off unnecessary features and polishing the UI
We got a good response from Euro bike. People liked the look and feel of the app really well. We all patted our backs and then started to look for ways to make the app even simpler and focused to the cause of being a companion app for the eBike.
We got a good response from Euro bike. People liked the look and feel of the app really well. We all patted our backs and then started to look for ways to make the app even simpler and focused to the cause of being a companion app for the eBike.
Cut-off Fitness
Cut-off Fitness
We removed the Fitness feature entirely from our App. Since people are accustomed to using well established apps like Strava for eBike related fitness, we realized it would be a waste of time, energy and resources to design and develop the feature.
We removed the Fitness feature entirely from our App. Since people are accustomed to using well established apps like Strava for eBike related fitness, we realized it would be a waste of time, energy and resources to design and develop the feature.
Dissolved About My Bike
Dissolved About My Bike
We dissolved the About my Bike section since it didn’t serve any crucial purpose for the user. So we relocated the sections inside to other more relatable sections.
We dissolved the About my Bike section since it didn’t serve any crucial purpose for the user. So we relocated the sections inside to other more relatable sections.
Closing NINE09 Store
Closing NINE09 Store
NINE09 Store was kept aside for now since we planned to roll it out once we launch the eBike and the App in the market first, get the user response and then add it at the right time.
NINE09 Store was kept aside for now since we planned to roll it out once we launch the eBike and the App in the market first, get the user response and then add it at the right time.
Improving Design elements
Improving Design elements
We made some changes in the UI since there were many inconsistencies in the UI throughout different screens. I designed a set of 20 new avatars for the app, replacing the old ones.
We made some changes in the UI since there were many inconsistencies in the UI throughout different screens. I designed a set of 20 new avatars for the app, replacing the old ones.
This version was considered the First version of the NINE09 App which would be released. So we started exporting all the assets to the development team and they started the Front-end and Back-end development of the app.
This version was considered the First version of the NINE09 App which would be released. So we started exporting all the assets to the development team and they started the Front-end and Back-end development of the app.
Usability Testing
Usability Testing
Usability Testing
Testing the App
Testing the App
Testing the App
Conducting Usability tests, analyzing them and improving on the design based on data.
Conducting Usability tests, analyzing them and improving on the design based on data.
Conducting Usability tests, analyzing them and improving on the design based on data.
First Round of Testing
First Round of Testing
I finally got time to do some usability testing with the latest version of the app, since all this while we were working under tight deadlines for delivering UI for either Expo launch or getting it ready for showcasing to some clients. Once I started with the testing, I found that even though many of the flows of the app turned out to be successful - tasks were being performed successfully without much hassle, there were few flows where the task was so unclear to the users that they gave up looking for it.
I finally got time to do some usability testing with the latest version of the app, since all this while we were working under tight deadlines for delivering UI for either Expo launch or getting it ready for showcasing to some clients. Once I started with the testing, I found that even though many of the flows of the app turned out to be successful - tasks were being performed successfully without much hassle, there were few flows where the task was so unclear to the users that they gave up looking for it.
Major issues
Major issues
Couldn’t locate Battery Unlock
Couldn’t locate Battery Unlock
The Battery Unlock button was placed inside Settings under the eBike section. But majority of the users couldn’t predict the location of the button and were expecting it to be on the Homescreen.
The Battery Unlock button was placed inside Settings under the eBike section. But majority of the users couldn’t predict the location of the button and were expecting it to be on the Homescreen.
Confusion in General and Account Settings
Confusion in General and Account Settings
There was a General Setting which was accessed from the side menu for actions related to the eBike and the app. And there was an Account settings in the My Profile screen for completing tasks like changing PIN or Password, to change the Profile name or to Log Out. Majority of Users were getting confused between these two and were expecting to find account related settings in the General Settings.
There was a General Setting which was accessed from the side menu for actions related to the eBike and the app. And there was an Account settings in the My Profile screen for completing tasks like changing PIN or Password, to change the Profile name or to Log Out. Majority of Users were getting confused between these two and were expecting to find account related settings in the General Settings.
Couldn’t locate Add User
Couldn’t locate Add User
Since a single eBike can maintain 5 different user profile, I had placed the Add User button inside the eBike page which could be accessed from the My Profile screen. But almost no one could locate how to find that button and no one expected it to be inside the eBike section.
Since a single eBike can maintain 5 different user profile, I had placed the Add User button inside the eBike page which could be accessed from the My Profile screen. But almost no one could locate how to find that button and no one expected it to be inside the eBike section.
It hit me like a cannonball. I had a hard realization why testing the wireframes are necessary before making the final UI, so that any corrections in the design can be done without much effort and cost. But now, the UI had been polished but the flow of the app was not optimized and the development of the app had been already close to completion.
It hit me like a cannonball. I had a hard realization why testing the wireframes are necessary before making the final UI, so that any corrections in the design can be done without much effort and cost. But now, the UI had been polished but the flow of the app was not optimized and the development of the app had been already close to completion.
Round Two
Round Two
Without wasting more time, I started creating wireframes based on the insights from usability testing and made a new Flow of adding a User profile. I made quick Wireframes and started testing it. I tested those flows which had turned out to be the most confusing for the participants in the previous testing phase.
Without wasting more time, I started creating wireframes based on the insights from usability testing and made a new Flow of adding a User profile. I made quick Wireframes and started testing it. I tested those flows which had turned out to be the most confusing for the participants in the previous testing phase.
The redesigned flows turned out to work pretty good overall. But during this testing I understood the center of the confusion. I realized I had to tweak the way Profile System works, since it was complicating the app for the Users. So I made some changes in the existing flow so that it follows a standard profile system found in other products and platforms. I made a new set of wireframes for testing if this solves the problem.
The redesigned flows turned out to work pretty good overall. But during this testing I understood the center of the confusion. I realized I had to tweak the way Profile System works, since it was complicating the app for the Users. So I made some changes in the existing flow so that it follows a standard profile system found in other products and platforms. I made a new set of wireframes for testing if this solves the problem.
Round Three
Round Three
This Testing session turned out to be pretty successful. Almost all the participants could finish the task without any confusion or hassle. The users operated through the wireframes smoothly.
This Testing session turned out to be pretty successful. Almost all the participants could finish the task without any confusion or hassle. The users operated through the wireframes smoothly.
Good to Go
Good to Go
With this regained confidence backed by data from testing, I approached the development team with the new changes. I showed them the results of testing and explained why it is necessary to get these changes done before the official release. They understood the need for the change and together we set a meeting with the management and got this redesign a final Approval.
With this regained confidence backed by data from testing, I approached the development team with the new changes. I showed them the results of testing and explained why it is necessary to get these changes done before the official release. They understood the need for the change and together we set a meeting with the management and got this redesign a final Approval.
The final ui
The final ui
The final ui
The Finale
The Finale
The Finale
Showcasing the final UI of the NINE09 App.
Showcasing the final UI of the NINE09 App.
Showcasing the final UI of the NINE09 App.
Remote Unlock
Remote Unlock
When connected, enables the User to unlock
their eBike screen without manually entering the PIN.
When connected, enables the User to unlock their eBike screen without manually entering the PIN.
When connected, enables the User to unlock
their eBike screen without manually entering the PIN.
The gradient animation
turns on when the
Bluetooth connection
is established
The gradient animation
turns on when the Bluetooth
connection is established
Can unlock the
battery by
tapping here
Can unlock the
battery by
tapping here
Navigation Assist
Navigation Assist
Turn by turn navigation assist will be initiated for the user on the eBike
Screen once the user enters the start point and destination in the app.
Turn by turn navigation assist will be initiated for the user on the eBike Screen once the user enters the start point and destination in the app.
Turn by turn navigation assist will be initiated for the user on the eBike
Screen once the user enters the start point and destination in the app.
eBike Tracker
eBike Tracker
Enables users to track their eBike’s location from the app
anytime, anywhere. Helps the users to stay informed about the
location of their eBike even when not connected with it.
Enables users to track their eBike’s location from the app anytime, anywhere. Helps the users to stay informed about the location of their eBike even when not connected with it.
Why this Feature?
Why this Feature?
USP of NINE09 and Requirement from the management. Research revealed that anti theft systems like this builds trust within the users.
USP of NINE09 and Requirement from the management. Research revealed that anti theft systems like this builds trust within the users.
Draws a route from the
User’s location to the
eBike’s current location
Draws a route from
the user’s location to
the eBike’s
current location
Ride History
Ride History
Providing users with a summary of their previous rides, based on
Distance travelled and total duration. All these data will be
personal to each user of the eBike. Can be scaled in the future.
Providing users with a summary of their previous rides, based on Distance travelled and total duration. All these data will be personal to each user of the eBike. Can be scaled in the future.
Why this Feature?
Why this Feature?
Knowing about their own riding activity in the past will create a sense of personalization and belongingness with the product.
Knowing about their own riding activity in the past will create a sense of personalization and belongingness with the product.
Multi Profile
Multi Profile
1 eBike can host 5 different users. Each user will have their own
PIN to unlock the eBike. This enables to record the riding data of
each user separately helping in personalization.
1 eBike can host 5 different users. Each user will have their own PIN to unlock the eBike. This enables to record the riding data of each user separately helping in personalization.
Why this Feature?
Why this Feature?
To lay foundations for a future where a single user will have multiple eBikes or EVs of NINE09. With this system, creating an ecosystem of NINE09 products will be easier. Data management in the back-end becomes easier.
To lay foundations for a future where a single user will have multiple eBikes or EVs of NINE09. With this system, creating an ecosystem of NINE09 products will be easier. Data management in the back-end becomes easier.
Why this Feature?
Why this Feature?
To promote NINE09 ecommerce and boost sales of secondary products as well.
To promote NINE09 ecommerce and boost sales of secondary products as well.
to be launched in the later versions
to be launched in the later versions
NINE09 Store
NINE09 Store
An in-app store for NINE09 products and eBike accessories
which will showcase the most suitable product for the user and
will redirect the user to the brand’s ecommerce website.
An in-app store for NINE09 products and eBike accessories which will showcase the most suitable product for the user and will redirect the user to the brand’s ecommerce website.
Draws a route from the
User’s location to the
eBike’s current location
eBike Tracker
Enables users to track their eBike’s location from the app
anytime, anywhere. Helps the users to stay informed about the
location of their eBike even when not connected with it.
Ride History
Providing users with a summary of their previous rides, based on
Distance travelled and total duration. All these data will be
personal to each user of the eBike. Can be scaled in the future.
Multi Profile
1 eBike can host 5 different users. Each user will have their own
PIN to unlock the eBike. This enables to record the riding data of
each user separately helping in personalization.
to be launched in the later versions
NINE09 Store
An in-app store for NINE09 products and eBike accessories
which will showcase the most suitable product for the user and
will redirect the user to the brand’s ecommerce website.
Some more screens
Some more screens
Onboarding
Support
Settings
This version will be the First official release of NINE09 App in the Play store and App store.
This version will be the First official release of NINE09 App in the
Play store and App store.
Conclusion
Conclusion
Conclusion
Learnings
Learnings
Learnings
Reflecting upon my learnings from this project.
Reflecting upon my learnings from this project.
Reflecting upon my learnings from this project.
Never skipping the process again
Never skipping the process again
If I’m being honest, I did skip some parts of the UX process, partly because deadlines and partly because I didn’t realize the need of those parts of the process at that time, like skipping the usability testing after wireframing. But now after having been through the entire process of building an app from the scratch, from getting the project brief to coordinating with developers to implement the design, I understand why certain things are there in the design process and why skipping the process will come back and bite you in the ass for sure.
If I’m being honest, I did skip some parts of the UX process, partly because deadlines and partly because I didn’t realize the need of those parts of the process at that time, like skipping the usability testing after wireframing. But now after having been through the entire process of building an app from the scratch, from getting the project brief to coordinating with developers to implement the design, I understand why certain things are there in the design process and why skipping the process will come back and bite you in the ass for sure.
Test your Wireframes!
Test your Wireframes!
Since I couldn’t perform usability tests on time, I had to keep on iterating my designs which also increased the load of work for the development team, which is a waste of time, energy and resources. It made me realize why Usability testing is important after wireframing itself so that the mistakes and assumptions are corrected and improved at a stage where the investments on the designs are minimum.
Since I couldn’t perform usability tests on time, I had to keep on iterating my designs which also increased the load of work for the development team, which is a waste of time, energy and resources. It made me realize why Usability testing is important after wireframing itself so that the mistakes and assumptions are corrected and improved at a stage where the investments on the designs are minimum.
Designing a good app does not mean bombarding it with features
Designing a good app does not mean bombarding it with features
When I started in this field, I felt a good UX designer means to come up with creative and “out of the box” solutions and bombard your app with multiples of them. Now when I look back it feels very naive. Now its the exact opposite for me. A good UX designer is simply someone who knows how to find the root of a problem and also find answers to that problem for the user. And making it stupidly simple to use. Its perfectly fine if you don’t come up with an original idea for a feature. The goal is to solve the problem in front.
When I started in this field, I felt a good UX designer means to come up with creative and “out of the box” solutions and bombard your app with multiples of them. Now when I look back it feels very naive. Now its the exact opposite for me. A good UX designer is simply someone who knows how to find the root of a problem and also find answers to that problem for the user. And making it stupidly simple to use. Its perfectly fine if you don’t come up with an original idea for a feature. The goal is to solve the problem in front.
A design can’t be called a complete product until you design the error scenarios
A design can’t be called a complete product until you design the error scenarios
While designing the app initially, I was designing the UI only for success scenarios. There were no designs for when things go wrong like when the internet gets disconnected while the Navigation assist is on, or when there is delay from the servers and so on. It was when the development of the app had begun that I realized that there always will be situations when things go wrong. Designing for such scenarios where users are not left in ambiguity or unnecessarily alerted is crucial.
While designing the app initially, I was designing the UI only for success scenarios. There were no designs for when things go wrong like when the internet gets disconnected while the Navigation assist is on, or when there is delay from the servers and so on. It was when the development of the app had begun that I realized that there always will be situations when things go wrong. Designing for such scenarios where users are not left in ambiguity or unnecessarily alerted is crucial.
Want to chat or debate about design?
I'm down for both.