Professional Documents
Culture Documents
IRCTC UI/UX Website Case Study
IRCTC UI/UX Website Case Study
IRCTC UI/UX Website Case Study
Project
Overview
Why IRCTC?
IRCTC is the only authority of train ticket booking in India and has a complete monopoly on trains. Overall, the
Indian railway network has transported over 22 million passenger every dat in the pre-pandemic era. This
website however fails miserably to deliver and makes life tough for its users. Our personal pains while using this
website made us want to choose this for a redesign.
The Team
Methodology
Tools
Project Timeline
User Journey
Prototyping
2 Weeks
Usability
Protocol
During our usability test, we recruited participants who were representative of the
target users of the IRCTC website, including both frequent users and those who
were less familiar with the website. To ensure unbiased responses, we asked our
respondents more scenario-based and exploratory questions, avoiding prompting
them towards a particular answer. This approach helped us to gain richer insights
and discover issues we had not noticed before. Participants became more
personal in their responses and provided detailed explanations of their
frustrations with the website.
Problem
statements
To improve the website's user experience, we conducted research using the Qualitative method to better
understand user needs and pain points. During this process, we discovered several problems, such as
issues with the current website version. These problems were thoroughly defined and documented,
allowing us to address them in the final design. As a result, the website's current version offers solutions
that incorporate these improvements.
Visual clutter makes it difficult to Can’ t book a round trip ticket rather
comprehend important information. than going through the one-way
booking process twice.
Difficulties in understanding few terms/ They have given high priority to ads.
abbreviations such as WL/Vistadome/ sometime it overlaps on the main
Tatkal/RAC/CNF. content(really irritating).
Goals
After properly understanding the problem statements, the primary
objectives for the website redesign were established.
Design
Process
Analysis
Design
User flow provides Created wireframes to illustrate screen A round of usability testing was
a birds eye view of layout and functional elements on them. conducted on few users to make
the website Helped to evaluate usability and sure the solution was user
functionality friendly and appeling.
Methodology
The participants were from varied socio-economic, age, and professional background
All Users are tech savvy and have used other well developed website
All Users have some basic knowledge about the Indian railways
Procedure The method used was Personal Moderated Interview (Think Aloud Protocol)
Documentation The interviews were documented through Audio Recording, Screen Recording, Audio
Transcript.
Usability
Testing
General Checking train status through PNR
Have you used the IRCTC website before? How It’s 2 days before your trip and your friends are
often do you use it? asking you for the details of the trip. Can you check
the status of your train on the website?
Booking multiple tickets Booking a ticket
Imagine you're going on a vacation with your 2 best
Can you now imagine that your friends have called you friends. Where in India would you like to go (Place Y)?
and asked you to book their tickets as well. Can you Where would you be leaving from (Place X)? Now can
book 2 tickets together on the same train for them? you book a train ticket for yourself from place X to
place Y?
Terms & Abbreviations Booking a round trip
Were you able to interpret with the terms and Now imagine that you just realized that you have an
abbreviations provided in the website? important event 4 days after your trip's start date.
Can you book a round-trip for yourself?
Opinion
Language
If you had to change 1 thing about this experience Do you think english and hindi are enough languages
of booking tickets on the IRCTC website, what for this website?
would it be?
isting
Ex
Website
Prob lems
Round Trip Functionality
Can’t book a round trip ticket Alert button seems that informs about the cancellation
rather than going though the one of train or some changes in the timings but what it really
way booking process twice. shows is the terms and conditions
Language
There should be an
H ome Icon option called
“Preferred Language”,
Not clearly visible and
because India consists
it is not highlighted of diverse cultures
properly and many languages.
Repetitions
Unnecessary repetition of
few functions like PNR
status which is displayed
on the homepage and in Legibility
the “Trains” drop down
menu tab. Text is superimposed
on the image creating
Arrangement readability issues for
the visitors.
States are not in an
alphabetically arranged
order
V isual clutter
...... . ................
M akes it difficult to
comprehend information.
................
Abbreviations Overwhelming
Ads.
...... . ...........................................
D ifficult to understand
These advertisements
all these terminologies
are irrelevant and
pushes important
content down below.
User
Persona
G oals
Roy
F r u station
Age:22 Years
Location: B engaluru
H is friends always make him book their tickets as well
and it is very frustrating for hi m
G oals
K a r ti k
F r u station
Age: 1 7 Years
Affinity Map
I consolidated and organised the findings from the user research into
groups with common relationship.
Information
Architecture
What would these problems look like in the life of a person booking
tickets on IRCTC website.
Ideation
During the ideation stage, we focused on generating a wide range of ideas and concepts to address the
challenges faced by our users. We conducted research to gain a deeper understanding of their needs, goals,
and pain points, and used this information to inform our brainstorming sessions.
Storyboarding
I mage 1
I mage 2
The corporate user who has no time to
book tickets multiple times and pay
multiple times for train tickets wants
the option of a round trip. We designed
a radio button on the booking screen
that will enable users to book a round-
trip and save effort.
T y pography
abcdefghijklmopqrstuv w x yz
abcdefghijklmopqrstuvwxyz
Robot Serif typeface has a sleek and modern appearance Inter is a variable font family carefully crafted and
with uniform width and balanced design making it highly designed for computer screens. Inter features a tall x-
legible, even at smaller sizes. height to aid in readability of mixed-case and lower-case
text.
Final Landing
Page
INDIAN RAILWAYS
Safety | Security | Punctuality
Add date
Quota Class
Person With Disability Concession lway Pass Concession
General Sleeper (SL)
Rai
Search Trains
To
Good Morning
How many I help you today?
Services
Holidays
IRCTC Trains
How To
IRCTC eWallet
For Newly Migrated
General Information
IRCTC Official App
IRCTC Loyalty Program
M obile Zone
Important Information
Advertise with us
IRCTC-iPAY Payment Gateway
Policies
Agents
Refund Rules
IRCTC Zone Ask Disha ChatBot
Enquiries
Person With Disability Facilities
About us
Redesigned
S creens Book Ticket Services Contact Us A sk Disha My Bookings More EN Login/Sign-Up
>
Depart Return
From
exclusive and an authoritative user To Add date Add date
Search Trains
To
Good Morning,Rahul
How many I help you today?
Log in
Login to your account
Don’t have an account? Create now
Username
=uqY3H
Enter Captcha
SIGN IN
T rain
Navigator Book Ticket Services Contact Us Ask Disha My Bookings More R Hi Rahul
Quick Filters
Trains Selection Passenger Details Payment Confirmation
A C
The number of categories on the page were Available Ajmer D elhi Wed,19 Apr 23 All Classes Search
Good Morning,Rahul
How many I help you today?
Shahdara Railway Station (8 km)
S eat
S election Train Book TickFlight
Bus et Services
Hotel More
Contact Us Ask Disha My Bookings More RR HHi Ra hhuul l
i Ra
Select Seat(s):
see the available seats and their positions, so Middle Berth (19)
Back
B ook Now
Takeaways
Research is mu st
For complex UX problems research is must. We couldn’t have redesigned the website without the help of
the people who actually use it. The user interview revealed invaluable insights.
This project reinforced the idea that there are countless opportunities to identify problems and develop
solutions. While there may already be existing solutions to these problems, our approach to rethinking
and reframing these issues has shown us that there are always new ways to approach a challenge and
create meaningful solutions.