As part of my thesis on transportation development for Batu City, I conceptualized an electric bike integrated with a bike-sharing system to enhance tourist mobility within the city.
In this segment, I delve into the UI/UX design process behind the bike-sharing application. It begins with an exploration of prevalent issues in existing bike-sharing systems, followed by a thorough analysis to identify potential solutions and opportunities for enhancement.
This project thrived on the collaboration of several key stakeholders. The Batu City Tourism Office played a crucial role as a research partner, granting access to essential data and insights into the Batu city’s tourism landscape.
Additionally, partnering with PT Indonesia Bike Works (Thrill), a leading bicycle product manufacturer. Their expertise in bike manufacturing allowed me to develop and refine the physical bike prototype for the project.
Main Problems
<span data-metadata=""><span data-buffer="">Heavy traffic on holidays
<span data-metadata=""><span data-buffer="">Lack of public transportation accommodation<span data-metadata="">
Become a proper alternative transportation
for tourist within Batu City
Increase the enthusiasm for cycling through
the benefits offered
Becoming one of the branding identity for
Batu City
TARGET USER
Local Tourists which mostly come from
nearby areas in East Java
Aged about 20-30 years
User Centered Design Process
01. RESEARCH
INTERVIEW TAKEAWAYS (QUALITATIVE RESEARCH)
To gain a deep understanding of user needs and challenges within the Batu City bike-sharing context, I conducted user
interviews with diverse stakeholders. This included representatives from the Batu City tourism department, tourists themselves, and individuals with experience using bike-sharing systems.
Additionally, I analyzed a case study of Surabaya’s electric bike- sharing named MIGO, to identify potential pain points and best practices within bike-sharing system and users.
SECONDARY RESEARCH<span data-metadata="">
In the initial phase of design, I conducted thorough
secondary research to understand user needs and Batu
City tourism industries. This included analyzing existing
bike-sharing apps, studying the city landscape topography,
and researching tourist demographics in Batu City.
BENCHMARK PRODUCTS
Bike-sharing systems are still underdeveloped in Indonesia and only exist in certain cities. Among them are BOSEH in Bandung, and MIGO in Surabaya and Jakarta.
They still have not used the online device thoroughly in their system, so users still have to register offline or approach the rental locations which are still very limited.
MIGO
<span data-metadata=""><span data-buffer="">BOSEH
JOGJA BIKE
2. DEFINE
EMPATHY MAPPING
This phase involved creating a visual profile of the target user,
a young, local tourist in Batu City. By considering their thoughts,
feelings, needs, and pain points during the exploration process,
the empathy map helped to identify key features of the Batu
Bike-sharing app.
User Persona
User Persona was created to represent typical users of
the app. It gives insight into their general demographics,
motivations, goals, and pain points. This persona was
derived from the empathy maps.
User Journey
This journey encompasses everything from the initial app
discovery to explore the city’s sights and return the bike,
focusing on each touchpoint from onboarding and route
planning to the actual ride and post-ride experience.
Scenario
It’s Saturday morning, and Rusdy wakes up feeling
adventurous in her Batu City hotel. He remembers
seeing a cool waterfall on Instagram and wants to
visit it.
Goal<span data-metadata="">
Explore Batu City’s tourist spots efficiently and in
a fun way.
3. IDEATE
How Might We
The HMW process sparked creative solutions and addressed user needs also helped brainstorm innovative features for the Batu Bike-sharing app. This method fostered a solution- oriented approach, ensuring the app caters to diverse exploration styles and interests of young tourists in Batu City.
4. PROTOTYPE
SITE MAP
Sitemap acts as a blueprint for the Bike-sharing app,
outlining the organization of all screens and functionalities.
It visually maps the user journey, grouping screens based
on their purpose.
User Flow
This refers to the sequence of steps users take to achieve their
goals within the app. Mapping out this flow, from initial app
discovery to exploring Batu City and returning the bike ensured
a smooth and intuitive user experience.
Wireframe
These are low-fidelity representations of the app’s
interface, focusing on functionality and user flow rather
than visual aesthetics. Wireframes helped visualize
the layout of screens, placement of key elements
(buttons, maps, search bars), and overall user journey.
STYLE GUIDE
Comprehensive style guide was created to ensure visual
consistency and brand identity. This guide documented the
app’s visual language, including its logo, color palette,
typography, and button styles.
LOGO
TYPOGRAPHY
Product Sans Family
Aa Bb Cc Dd ee Ff Gg Hh Ii Jj
Kk Ll Mm Nn Oo Pp Qq Rr Ss
Tt Uu Vv Ww Xx Yy Zz