Case Study about Improving the user experience of the Ticket Booking System in Bangladesh Railway

We faced some problems with the Bangladesh Railway ticket booking system while booking a ticket from the website. We solved them through User Research, Design, and User testing.

Maksudul Hasan Rakib
Bootcamp

--

Image : After Re-Design

Bangladesh Railway is the state-owned rail transport agency of Bangladesh. It operates and maintains all railways in the country. Currently, Bangladesh Railway is supposed to sell 50% of tickets at the counters and the rest online1. It’s reported that it’s not easy for users to locate available seats on “Bangladesh Railway” because there’s a lot of confusion about how tickets are booked.
There is frustration among users as a result of this situation. This problem can be solved to improve the experience of the users of “Bangladesh Railway” Source

Disclaimer

This work is intended only for educational purposes and is not for commercial purposes. It is not intended to belittle any organization or harm its business. Our research and data can only be used by us. If unauthorized use is discovered, we will take legal action. Also, we disclaim any responsibility for the consequences of this educational work if it harms a person or an organization.

The problem

There is a lot of confusion surrounding the system of booking tickets on “Bangladesh Railway” since it is difficult for users to find available seats. There is frustration among users as a result of this situation. By solving this problem, “Bangladesh Railway” will be able to improve user experience and user satisfaction.

Problem Story

One day one of our fellow teammates tried to book a ticket on the Bangladesh railway website for his parents. As, his mother was sick, so he try to find out a comfortable seat for them. As he is not a regular user of trains, that’s why he has no idea about train seats. He faced some struggles to find a proper seat for his parents. On the other hand, he also faces some struggles to complete the overall seat booking process on the Bangladesh railway. So, After listening to him, we (the rest three team members) go through the whole website to feel the experience. Unfortunately, we also face some problems. That’s why we decided to work on this website as it is a very useful website in Bangladesh.

Project Goal

To identify the problems of the existing Ticket booking system on “Bangladesh Railway” and improve the user experience of that flow.

My role

UX Researcher & Visual Designer

Our Team & Mentor

Md Moin Uddin
Team Lead, UX Researcher, Visual Designer

Maksudul Hasan Rakib (Me)
UX Researcher, Visual Designer

Nurshad Rahman
UX Researcher, Visual Designer

Akanda Hasan

UX Researcher, Visual Designer

Mentor:

Shoaib Mahmud

Product Designer @Toptal

Team meeting

Project Timeline

8 Weeks

Existing website flow

Design Process

We followed the Double Diamond process to ensure that our decisions were made through user research and feedback.

The double diamond method

Image from: https://www.redspark.io/double-diamond-o-que-e-e-como-usar/

Initial Thoughts

  1. Who are the target audience?
  2. What do people think about booking train tickets online?
  3. How is the ticket booking experience for new user
  4. Do they actually remember the train name and time of the departure? What new users think about it.
  5. What do users think about choosing a class?
  6. Can they track their ticket booking steps?
  7. What happens, if they don’t have sufficient balance to buy
  8. What do people think when they try to book a train ticket from Bangladesh Railway?
  9. How is the ticket booking experience for existing user
  10. Can we select desired train?
  11. Why do they use websites to book a ticket?
  12. What are the percentage of new users and existing users?

Hypothesis

Hypothesis 1

As the class names are not described properly, we don’t get any idea about the seat quality.

Hypothesis 1

Hypothesis 2

The system shows 12 seats available online, but we can see 0 seats in the coach.

Hypothesis 2

Hypothesis 3

Clicking on the “Select Coach” dropdown shows us which seats are available. This is annoying to us.

Hypothesis 3

Inspirational Analysis

As there’s no direct competitor for Bangladesh Railway, we took inspiration from some train ticket booking system website. Here are some comparisons :

Perceptual mapping
Comparison Chart

Research Goals

  • Understand how people book train tickets in online
  • Identify the pain points in the Bangladesh Railway website users experience.
  • Uncover their expectations using the Bangladesh Railway website.

Research Question

Basic Questions

  1. Do you have experience of buying train tickets online from Bangladesh Railway?
  2. 2. Tell me about the last time you book online tickets from Bangladesh Railway?

Task of the user: Please book a ticket on the Bangladesh Railway website

  1. How was your experience when you book the ticket?
  2. What are the biggest pain points when using the Bangladesh Railway website? (follow up)
  3. What are the expectations you have from the Bangladesh Railway website?
  4. How much would you like to rate Bangladesh Railway on a scale of 10?

User Interview

A total of 8 user interviews were conducted using Google Meet and Zoom. Among the 8 users, 5 were first-timers, while the rest had experience with Bangladesh Railway.

User interview through google meet

User Sayings, Observations & Insights

After talking with some users and observing them we have found some insights from them.

Existing Users Sayings , Observations , Insights
New Users Sayings , Observations , Insights
New Users Sayings , Observations , Insights

Problems Identify

From the insights, we have identified some problems

  1. Users are unable to understand the seat quality.
  2. Users are confused about the selection process of available seats as he has to select them manually.
  3. As the Bengali letter is written in English, the user cannot understand the names of the coaches.
  4. Users are not sure about the departure time.
  5. Choosing a train is not available to users.
  6. The booking steps are not clear to them.
  7. The OTP process takes longer to reach the phone.
  8. On the OTP screen it says, OTP will send to email but in real OTP code reach the phone
  9. After completing the booking process, they show a popup that said, “Bangladesh Railway online ticket purchase facility remains closed daily from 11:45 PM to 8:00 AM”

Dot voting on problem finalization

After analyzing our user interviews, we identified nine problems. In order to finalize the problems, our team members arrange a meeting to vote on the problems. We proceed with the voting in FIGJAM.

Team Voting

Final problem

We finalize four problems and get three problems as our subproblems. Initially, we work on the final problems and then move on to the sub-problems.

  1. Users are unable to understand about the seat quality.
  2. Users are confused about the selection process of available seats as he has to select it manually
  3. The name of the coaches are not understood by the user as the Bengali letter is written in English
  4. After completing the booking process, they show a popup said, “Bangladesh Railway online ticket purchase facility remains closed daily from 11:45 PM to 8:00 AM”

Sub-Problem:

  1. Users are not sure about the departure time
  2. Choosing a train is not available to users
  3. Booking steps are not clear for them.

Solutions

User Flow Image

Paper wireframe

Wireframe gives designer an opportunity to walk through the structure of the website without getting sidetracked by design elements such as colors and images.

So, to visualize our problems, we created paper wireframes first so that we could easily reach our goals.

Hand sketch by the team

Problems & Solutions

Problem 1: Users are unable to understand about the seat quality.

Solution 1:

Seat quality and pattern are unknown to the new users. We decided to keep two options for users to know more about the seats.

Hovering over a seat it will show the seat’s picture, and the user will be able to see its quality.

Problem 1 Solution 1

Solution 2:

At the left side of the seat choose page, we show some coach photos so the user can gain a better understanding of the quality of the seats.

Tooltip :

To inform users about which seats are Available, Booked, & Selected we put a tooltip to help users understand about the seat as per Usability Heuristics “Help & Documentation”

Problem 1 solution 2

Problem 2: Users are confused about the selection process of available seats as he has to select it manually

Solution:

As a solution to this problem, we kept the coach name options open, as well as the number of available seats on the card.
We kept the card disabled if no seats were available, in the solution of “Error prevention”

Problem 2 & solution

Problem 3: The name of the coaches are not understood by the user as the Bengali letter is written in English

Solution:

To understand the name of the coach, we designed the coach name both in English and Bengali so that user can easily understand

Problem 3 & Solution

Problem 4: After completing the booking process, they show a popup said, “Bangladesh Railway online ticket purchase facility remains closed daily from 11:45 PM to 8:00 AM”

Solution:

In order to keep users informed about the time of the ticket purchase, we keep the alert message at the bottom of the menu bar in red color.

Problem 4 & Solution

Why we kept default value:

The goal of UX designers is to make people’s lives easier and more efficient. Therefore, we use default options to save our users time and effort. The date of journey and departure time fields were designed with default values based on the next train availability so that users may not be confused and can easily search for trains. In addition, we left all other fields default, so a new user can easily navigate the site if he comes just to explore.

Search train options

Fitts’s Law:

Using Fitt’s law, we apply the term Infinite Targets Along Screen Edges to the date of journey input field. Users can close the calendar by clicking mouse outside the panel.

Homepage

Sub-problem Solution

Problem 05: Users are not sure about the departure time

Problem 06: Choosing a train is not available to users

Solution:

The user was confused about the time and they wanted to select their desired time to travel. And Bangladesh railway has specific time trains for departure. So we decided to put a “Departure time” here.

Sub-Problem 5,6 & Solution

Problem 07: The booking steps are not clear for them.

Solution:

To address this problem, here we use the Visibility of system status heuristics. It says: “The design should always keep users informed about what is going on, through appropriate feedback within a reasonable amount of time”

Based on the heuristics we designed a progress bar. From this user will get to know at which stage users are

Sub-problem 7 & Solution
Prototype before usability test

Usability Test & Iterate

Usability Testing :

To start validating our design decisions we conducted 4 usability tests with the High fidelity prototype.

Here are the feedbacks:

  1. 1/4 User said he choose a class, but in the train details card, I see all of the classes, so why do they take my input?
  2. 1/4 of user told that the unavailable book now button was seems good to him but, if it were more specified then, he would not have to discover about the button
  3. 2/4 of User was very happy to see the seat photos on hover over the seats but also want to see them In the train details card when user take a decision to select the train class
  4. 2/4 of Users are confused about the scrolling process in the seat choose page
  5. As all three of the Book now buttons are primary buttons, 1/5 of users were confused by them.
User Testing

Solution 1 :

As we get users feedback from usability testing the users wanted to see only their selected class when searching so we put a header “Selected class” to avoid user confusion and add “Other class” for suggested search

Toast Message :

If there’s no available ticket, according to user search, we will show them a toast message as per Usability Heuristics “Help & Documentation”

After iteration problem 1

Solution 2 :

Users liked the disable button when ticket isn’t available in online to be more specific we typed “Booked” instead of Book now

Solution 3 :

To find the solution we add the view seat option in this card. A pop-up is displayed when they click on that link, so they don’t have to leave the page to see seat quality.

Solution 2,3
This is the pop up view after click “view seats” option in ticket card
After user testing & iteration

Solution 4 :

Users are confused about the scrolling process in the seat choose section so we decided to remove scroll bar from seat Selection section.

Solution 4

Final Design

This is the Homepage from where user can search trains
After search we can book seat for our desired train, if available
After Clicking Book Now user can choose their seat from this page and can procced to checkout
From this page user can confirm their payment

Learning

In this case study, we learned how to come up with an appropriate solution for a specific problem. As well as how to interview the user and identify the problems. After solving a problem, we learned how to conduct usability tests. We learn teamwork, time management, and presentation skills as we work together. Since we worked online from different locations, we learned how to efficiently and effectively manage our time.

Limitations

This project had a short deadline. Due to time constraints, we weren’t able to address all the problems of our project. There are some problems that were out of our hands, such as the train class name, which was decided by Bangladesh Railway. On the other hand, due to the fact that any of us are not members of Bangladesh Railway Authority, and we have not had any contact with them, we have limited information. There were not enough resources available for user interviews and usability testing.

--

--