Thank you! Your submission has been received
"I want to be able to book ๐ฝ๐๐ online and make seat reservations. Itโs not fair waiting for a bus and when it eventually comes, finding out that thereโs no available seat. There should also be a way Iโll be able to track buses coming my route to see how close they are which I can thus figure out if I should wait or seek other alternatives."
โฌ๏ธ A Bus Rapid Transit (BRT) in operation. โฌ๏ธ
Lagos, the bustling cosmopolitan city of Nigeria, has long grappled with the challenges of traffic congestion. The ubiquitous "Danfo" buses, alongside the Bus Rapid Transit (BRT) system, have served as the primary means of transportation for millions of commuters. However, the inefficiencies and uncertainties associated with the existing transport infrastructure have left commuters longing for a more seamless and exciting experience. In response to these issues, this team embarked on an ambitious project named ๐๐๐๐ฅ๐๐๐, aimed at revolutionizing public transportation within the city. The major goal of this project is to address the deficiencies that come with the BRT experience.
Before we start talking about what the problem weโre trying to solve looks like, letโs take a look at a background story that will help us highlight and understand the scenario better.
โฌ๏ธThe Present User Journey of a BRT user. โฌ๏ธ
As we can see above, The BRT system, despite its merits, has been plagued by a multitude of issues that hinder the overall commuting experience which gives room for improvement and opportunities. ๐จ๐ป๐ฐ๐ฒ๐ฟ๐๐ฎ๐ถ๐ป๐๐ regarding bus arrival times, the lack of information on available seats, the distance to the nearest bus stop, and concerns over passenger safety have all contributed to commuter frustration. Also, The incessant traffic congestion which arises due to the enormous transportation of millions of people in the city of Lagos has made the Service Quality of the Bus Rapid Transit (BRT) system be adjudged by bus commuters as not up to standard due to its inefficiency to transport people swiftly because, in a "hustling and bustling" city like Lagos, time is crucial. The inadequate facilities and inability to provide maximum security and safety to the consumers. Since creating value for customers has been a vital source of competitive advantage, some of the major problems hindering the efficiency of the BRT are the above-highlighted demerits.
The ๐๐ค๐๐ก of this project is to design a Mobile Application for the Lagos State Government that will address the already identified constraints and help increase the user experience of the BRT. The system will accommodate the high levels of demand in the face of a dilapidated infrastructure of limited capacity, ensuring that operations are sustainable by utilizing the appropriate delivery structures, establishing the appropriate regulations, and fleetly connecting the commuters to their destination in the easiest practice.
Several research methods were employed in the cause of this project in other to empathize keenly with the users of the BRT and to have a raw idea of how the Problem is to them and the best way to improve and implement the solution.
๐ฆ๐๐ฟ๐๐ฒ๐ ๐ฐ
After the project kicked off and the background research check was complete, we defined our research strategy and objectives. Understanding the target audience and their challenges was our priority. First, we built an online survey using Google Forms and shared it in various relevant communities. In just a few days, we received 45 submissions. Based on these, we identified 5 common pain points, which led us to the next step.
โฌ๏ธ A photogrid of two screenshots from the survey response. โฌ๏ธ
๐๐ป๐๐ฒ๐ฟ๐๐ถ๐ฒ๐ ๐ฃ๏ธ
During the empathize phase of the research part of the project, we conducted user interviews to build new personas and interact with the users. Together with the team, we prepared an interview script with 10 open-ended questions, focusing on our target audienceโs values, motivations, and daily routines. In 4 days, we recruited and interviewed 4 users remotely. The result and the evaluation of the interview were what brought the pain points in the Define stage and the need for this project. The Interview findings were referenced throughout the entire design process.
โฌ๏ธ The transcript of the interview with one of the respondents. โฌ๏ธ
๐จ๐๐ฒ๐ฟ ๐ฃ๐ฒ๐ฟ๐๐ผ๐ป๐ฎ ๐พ
After the survey and Interviews, We wanted to form a deeper understanding of our users' goals, needs, experiences, and behaviours. So, we choose two out of the respondents and created 2 personas for each of our user segments. They were based on user interviews and surveys, and we kept updating them throughout the project as we gathered more data. We used these personas whenever we wanted to step out of ourselves and reconsider our initial ideas.
โฌ๏ธ User Persona of another respondent, Blessing. โฌ๏ธ
๐๐บ๐ฝ๐ฎ๐๐ต๐ ๐ ๐ฎ๐ฝ ๐บ๏ธ
The empathy map was birthed from the key points of the user persona. It helps us identify the problem weโre solving and gives us a clear perspective of what the users go through and what needs to be done.
After the thorough and intense research carried out in the empathize phase, weโre able to get a clear picture of the major problems and pain points users of BRT experience and want improvement on. In the same regard, weโre able to identify solutions to those pain points which thus birthed the introduction of some features that will help improve the user experience of the app.
๐๐ต๐ฎ๐น๐น๐ฒ๐ป๐ด๐ฒ๐/๐ฃ๐ฎ๐ถ๐ป๐ฝ๐ผ๐ถ๐ป๐๐ โ ๏ธ ๐ด
Stressful Seat Reservation Process: The process involves transacting (buying tickets) and verification. Users donโt like the stress that comes with queueing up to buy a ticket either by cash or by using the Cowry card at the bus stop when the bus comes around. Itโs stressful and time-wasting. They want a seamless and more efficient process that can be reduced to just verification. Like booking for the bus before the arrival of the bus. When the bus arrives, theyโll only have to go through the authentication process and not the process of buying the ticket and authentication.
Insecurity of commuters: With some reported cases of attempted kidnap and harassment, users are worried about the insecurity factor of the BRT.
Location and Real time tracking: Time is important in a city like Lagos. Users donโt just want to wait hopelessly at the bustop with no information of when the bus will arrive or whether thereโs even available space on the bus. They also want to be able to see the route the Bus will ply. They want to have access to these information to help them make informed decisions.
Price: The inconsistency in price is also a major hindrance for potential users of BRT. This product is designed to have Commuters enjoy a consistent price with respect to their destination.
Payment and Subscription; People want the option of a subscription model where they can pay for recurring trips which will save them the stress of paying on each particular ride. Importantly, the mode if payment too which will see them avert the stress of physically funding the conventional cowry card before they can pay and access the bus. This problem brought the introduction of e-wallet.
2. ๐๐ฑ๐ฒ๐ฎ๐ ๐ฎ๐ป๐ฑ ๐ฃ๐ฟ๐ผ๐ฑ๐๐ฐ๐ ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐ ๐ก
Ride Ordering: A user-friendly feature that allows commuters to book a ride, specify their desired destination, and get linked up with a coming bus going that route In a bid to ensure a convenient and efficient public transport experience.
Nearby Bus Tracking: A real-time map feature displaying the locations of nearby BRT buses, along with their estimated arrival times, enabling users to plan their journeys accordingly.
Seat Availability and Reservation: Users can view the number of available seats on approaching buses and reserve their preferred seats in advance, guaranteeing a stress-free commute.
Traffic Updates: Live traffic situation reports are integrated into the application, providing commuters with alternative routes and helping them avoid congestion hotspots.
Secure Digital Wallet: A seamless and secure payment system allows users to credit their digital wallets, enabling hassle-free payments for rides, as well as the purchase of airtime and related services.
Enhanced Safety Features: The inclusion of an SOS button within the application provides commuters with a quick and reliable means of alerting authorities during emergencies, prioritizing passenger safety.
๐จ๐๐ฒ๐ฟ ๐๐น๐ผ๐? ๐ช๐ฒ๐น๐น, ๐๐ต๐ ๐ป๐ผ๐. ๐
The importance of user flows and journeys can not be underestimated in designing a product. A major percentage of our targeted users are digitally savvy and are familiar with the conventional mode of the majority of digital products. Thus, we decided to make use of the normal flow they are familiar with in the course of building an intuitive product.
โฌ๏ธ User Flow โฌ๏ธ
๐ฆ๐ธ๐ฒ๐๐ฐ๐ต/๐๐ผ๐ ๐ณ๐ถ๐ฑ๐ฒ๐น๐ถ๐๐? ๐๐ฒ๐ณ๐ถ๐ป๐ถ๐๐ฒ๐น๐. ๐ค
After the flow of the design was defined, the interfaces were sketched and roughly drafted using pen and paper before it was sketched on the Figma board and made up the low fidelity.
โฌ๏ธ Few selected low fidelity screens. โฌ๏ธ
๐๐ฒ๐๐ถ๐ด๐ป ๐๐๐๐๐ฒ๐บ! ๐จโ๐ป
We know not every product needs a design system. But remember the goal of this project and in a bid to prioritize scalability and to make changes easier in the future, we create a design system for this project.
โฌ๏ธ Cards and Decision Options. โฌ๏ธ
Our design system is equipped with over ๐ญ,๐ฌ๐ฌ๐ฌ ๐ฐ๐ผ๐บ๐ฝ๐ผ๐ป๐ฒ๐ป๐๐ and over ๐ฎ๐ฌ๐ฌ ๐๐๐๐น๐ฒ๐ which makes it quite impossible to share everything in this case study. This is the link to preview the full design system.
๐๐ผ๐ฐ๐ธ ๐ฆ๐ฐ๐ฟ๐ฒ๐ฒ๐ป/๐ฆ๐ฝ๐น๐ฎ๐๐ต ๐ฆ๐ฐ๐ฟ๐ฒ๐ฒ๐ป. ๐
The lock screen is the first screen users see when they wake their device, it often shows necessary notifications upon permission. The lock screen showing notifications from the LagRide app is shown below.
The splash screen is a brief introductory screen displayed when you open the LagRide app. It provides a visual transition as the app loads.
โฌ๏ธ Lock Screen & Splash Screen โฌ๏ธ
๐ข๐ป๐ฏ๐ผ๐ฎ๐ฟ๐ฑ๐ถ๐ป๐ด ๐ฆ๐ฐ๐ฟ๐ฒ๐ฒ๐ป โ๏ธ
The onboarding screen came after the opening/splash screen. It gives a brief introduction of what the app offers and what the user should expect.
โฌ๏ธ Onboarding Screen โฌ๏ธ
After the onboarding screen, thereโs a smooth flow of authentication where youโll be directed to create an account or log in if you already have an account.
โฌ๏ธ The filled screen to create account and to login. โฌ๏ธ
In the cases of forgotten passwords, thereโs provision for a seamless password recovery process that will reset the password and verify using the registered email address.
โฌ๏ธ The password retrieve screens. โฌ๏ธ
๐๐ผ๐บ๐ฒ ๐๐ฐ๐ฟ๐ฒ๐ฒ๐ป ๐
The home screen is the first screen a user encounters after onboarding and successfully logging in to the app. This screen is carefully designed to bring the primary objective of the users to the fingerprint. Ride ordering makes up the major part of the home screen where users can easily insert their location and check for nearby buses. This screen also links to other pages of the app using the navigation bar.
โฌ๏ธ Home screen. โฌ๏ธ
๐ฅ๐ถ๐ฑ๐ฒ ๐ผ๐ฟ๐ฑ๐ฒ๐ฟ๐ถ๐ป๐ด ๐
The user is provided with an intuitive interface to order their ride by simply clicking the โsearch routes and pricesโ button. They will then choose the departure day, confirm their location & destination address and will then be availed with information about rides going that route and price.
โฌ๏ธ The screens during the bus ordering process. โฌ๏ธ
After choosing their preferred bus going towards a particular route and time, theyโll have all the information about the order to confirm and book. After clicking on the โbook tripโ. They also need to choose and reserve a seat. The screen will show the available and unavailable seats position in the bus and the user can choose from the available ones.
โฌ๏ธ Order Information and Seat Reservation Screens. โฌ๏ธ
After reserving the seat, the user can then choose a method of payment to confirm their order. Different methods of payment are made available to the user to choose from. After payment, the user will have the e-ticket which will be used for access to the bus.
โฌ๏ธ Payment method and ticket screen. โฌ๏ธ
๐ง๐ถ๐ฐ๐ธ๐ฒ๐ ๐ฉ๐ฎ๐น๐ถ๐ฑ๐ฎ๐๐ถ๐ป๐ด ๐๏ธ
Before the arrival of the bus, the user will be able to track the bus and will be duly updated about the movement of the bus and how soon the bus will arrive. Notification of the booked bus movement will be sent from time to time to the user. Upon arrival, the user only need to get his/her QR code scanned at the entrance which will validate the ticket and give the user access to the bus.
โฌ๏ธ The Notification, QR code and welcome screen. โฌ๏ธ
๐๐ป ๐ฟ๐ผ๐๐๐ฒ ๐
When the bus is en route, the user will also have information like the movement of the bus on the map. It will also notify the user when theyโre close to their destination. Importantly and one of the major goals of this project, the user will also have the option of sending a ๐ฆ๐ข๐ฆ ๐ฆ๐ถ๐ด๐ป๐ฎ๐น in case of emergency. This feature is to address the security concerns of Commuters and users of the BRT.
โฌ๏ธ Bus enroute screen. โฌ๏ธ
๐ช๐ฎ๐น๐น๐ฒ๐ ๐ธ
The wallet screen of the navigation bar provides the user with an e-wallet that can be used to make ๐ค๐ฃ๐ก๐๐ฃ๐ ๐ฉ๐ง๐๐ฃ๐จ๐๐๐ฉ๐๐ค๐ฃ๐จ. The wallet can be funded and transactions like airtime, data, utility bills, BRT bus payments etc. can be made using the app both for the users and third parties.
โฌ๏ธ Wallet Screen. โฌ๏ธ
๐๐ถ๐๐๐ผ๐ฟ๐ ๐ฎ๐ป๐ฑ ๐ฃ๐ฟ๐ผ๐ณ๐ถ๐น๐ฒ ๐ฅ
The history page shows the userโs previous orders and the profile page gives room for the users to ๐ฅ๐๐ง๐จ๐ค๐ฃ๐๐ก๐๐จ๐ ๐๐ฃ๐ ๐จ๐๐ฉ ๐ช๐ฅ their account. The user can also save location which is in a bid to save the user the stress of searching for regular and recurring orders.
โฌ๏ธ History and Profile and saves location Screens. โฌ๏ธ
๐๐ฐ๐ฐ๐ผ๐๐ป๐ ๐ฆ๐ฒ๐๐๐ถ๐ป๐ด๐ โ๏ธ
โฌ๏ธ Account settings screen. โฌ๏ธ
๐ข๐๐ต๐ฒ๐ฟ ๐๐ฒ๐๐๐ถ๐ป๐ด๐
โฌ๏ธ Other settings screen. โฌ๏ธ
After the design, we put the product to the test to see if weโve been able to ๐๐ผ๐น๐๐ฒ ๐๐ต๐ฒ ๐ฝ๐ฟ๐ผ๐ฏ๐น๐ฒ๐บ๐
and below is the journey of the users that we tested with.
โฌ๏ธ User Journey 1 & 2 โฌ๏ธ
As you can see, for the first user journey scenario, the user is availed with useful information and experienced a seamless journey using the platform.
But for the second scenario, the user was disappointed halfway but with the information he had access to, he didnโt have to waste his precious time waiting for a bus thatโs not coming. The information helped him make an informed decision that salvage the situation by seeking alternative as soon as possible.
In the course of this project, I was immersed in the research and design part and I think it sharpened my knowledge and understanding of user research. It was awakening and insightful. I learnt vital lessons that are even beneficial and consequential to other projects Iโm working on. I acquired proficiency in techniques like interviews, observations, and usability testing. Engaging with users early on validated assumptions and enabled iterative design. These lessons are now deeply ingrained in my approach, ensuring future projects are user-centric. ๐๐๐๐ฅ๐๐๐ amplified my understanding of the importance of user research and its impact on creating meaningful design solutions. Even though a lot of work has been committed to this project in a bid to improve the user experience of the ๐๐ฅ๐ง ๐๐๐๐๐ฒ๐บ, it can still get better and thereโs always room for improvement. Here are a few improvement opportunities to improve the performance of this project.
๐๐บ๐ฝ๐ฟ๐ผ๐๐ถ๐๐ฒ ๐ง๐ถ๐ฐ๐ธ๐ฒ๐ ๐ฅ๐ฒ๐ฑ๐ฒ๐บ๐ฝ๐๐ถ๐ผ๐ป
An upgrade of this project can think of a better way to seamlessly redeem tickets in the process of verifying the ticket at the bus stop. Which will save users the time of scanning the QR code to gain access to the bus.
๐๐ฒ๐๐๐ถ๐ป๐ฎ๐๐ถ๐ผ๐ป ๐๐น๐ฎ๐ฟ๐บ
A feature like Destination Alarm will make the upgrade a worthy one because there are situations where commuters donโt know if they are already at the bus stop and should alight or if theyโre probably lost in the comfort of the bus and doze off. The destination alarm will notify them that they need to alight.
๐๐ถ๐ป๐ด๐ฒ๐ฟ ๐ฃ๐ฟ๐ถ๐ป๐ ๐๐๐๐ต๐ฒ๐ป๐๐ถ๐ฐ๐ฎ๐๐ถ๐ผ๐ป
If this project continues, the fingerprint authentication technique can be introduced to enforce a more secure product. Especially with the implementation of the e-wallet, a more secure mechanism has to be put in place to safeguard the finances of the users
๐๐๐ ๐๐๐จ๐ฉ ๐ฅ๐ง๐ค๐๐ช๐๐ฉ๐จ ๐๐ค๐ฃโ๐ฉ ๐๐ค๐๐ช๐จ ๐ค๐ฃ ๐๐๐๐ฉ๐ช๐ง๐๐จ. ๐๐๐๐ฎ ๐๐ค๐๐ช๐จ ๐ค๐ฃ ๐๐ก๐๐ง๐๐ฉ๐ฎ. ๐๐๐ ๐จ๐๐ข๐ ๐๐ฅ๐ฅ๐ก๐๐๐จ ๐ฉ๐ค ๐๐ค๐ค๐ ๐๐๐จ๐ ๐จ๐ฉ๐ช๐๐๐๐จ.
Thank you for reading this case study!
Want to work with me? Feel free to contact me here [email protected]
This project was jointly worked on and supervised by Egbemode Abayomi, and Bisiriyu Tomiwa.
What are your thoughts?๏ปฟ