top of page

A redesign of KorailTalk app

challenge: I participated in the Digital Government Service Idea Competition. Participants were assigned to choose one of the 12 government service apps and redesign it to improve the user experience. I chose a mobile application for reserving tickets for all railroads in Korea. Even though I was not awarded, this was a valuable experience to apply the theories I learned by myself. 

 

Methods: Competitor Analysis, Interview, Heuristic evaluation, Affinity diagram, User Map, Wireframe, Prototype

 

TeamSelf-initiated project

Tools: Figma, Illustrator

My Role: UX researcher, UX/UI designer

Prototype

Blue.png
Group 1 (1).png

Process

1. Heuristic evaluation

2. Comparative analysis

3 Interview/ Raw data overview

4. Persona

5. Affinity diagram

6. Wireframe

7. Recommendations (Before & After)

8. Design solution(prototype)

Screen Shot 2022-08-26 at 11.59.45 PM.png

About KorailTalk app

KorailTalk is a mobile application for reserving tickets for all railroads in Korea. Here are some of the key features that KorailTalk provides.


• Real-time train delay information.
• Deliver tickets to others.
• You can choose the seat you want.
• You can buy a commuter ticket at a special discount.

*These are the user interfaces of KorailTalk before a redesign

KakaoTalk_Photo_2022-04-25-20-46-15.jpeg
KakaoTalk_Photo_2022-04-25-20-54-10.jpeg
KakaoTalk_Photo_2022-04-25-20-49-18.jpeg
KakaoTalk_Photo_2022-04-20-19-07-26.jpeg
KakaoTalk_Photo_2022-04-20-19-04-55.jpeg
KakaoTalk_Photo_2022-04-20-19-03-43.jpeg
KakaoTalk_Photo_2022-04-25-20-41-15.jpeg

Heuristic evaluation

Screen Shot 2022-11-22 at 9.20.53 PM.png
Screen Shot 2022-12-09 at 2.35.47 PM.png
006.jpg
007.jpg
008.jpg

Comparative analysis

Greyhound(US express bus ticketing app)

009.jpg
010.jpg

Korean Air(airplane ticket booking app)

011.jpg

Interview/ Raw data overview

I conducted interview with 9 users

013.jpg
014.jpg

Persona

Screen Shot 2022-11-22 at 9.27.54 PM.png

Affinity diagram

english-version-016.png

Feedback

017.jpg

Wireframe

Frame 113.png
Frame 546.png
Frame 551.png
Frame 547.png
Frame 550.png
Frame 549.png
Frame 220.png
Frame 440.png

Recommendations
Before/After

I made a clear distinction between the color blue and white to make the design simple. In addition, I made boxes to input the date/location of departure and arrival and the number of passengers.

KakaoTalk_Photo_2022-04-25-20-54-10.jpeg
왕복.png

a. The problem with the original app was that users click "book" even before choosing seats. So, instead of giving the choice between "book" and "choose a seat", I made it mandatory for users to choose the seat first and book a ticket later. 

b. I added a travel time so that users can quickly compare the shortest and longest travel.

KakaoTalk_Photo_2022-04-20-19-07-26.jpeg

Travel time

Price

Seat selection

Book

장바구니 담김.png
��환승-1.png
장바구니 담김.png

b

환승-1.png

a

The problem with the original app was that the process of booking a transfer train was hard to grasp at once. This was mainly because the difference between the thin and thicker grey lines was not distinguishable. So, instead of the grey lines, I put each section on a card, making it more distinguishable.

KakaoTalk_Photo_2022-04-25-20-49-18.jpeg
KakaoTalk_Photo_2022-04-25-20-49-18.jpeg
환승.png
환승.png

Users did not know the exact meaning of the 'hourglass', which is supposed to mean 'sold out soon'. So, I replaced the hourglass with the red words, 'Almost sold out'.

KakaoTalk_Photo_2022-04-28-15-23-47.jpeg
직통.png
직통.png
KakaoTalk_Photo_2022-04-28-15-23-47.jpeg

Through the interviews with a few users, I got the insight that the information about the seat on the train is important for good travel.  Many users said whether the seat has a hanger or battery charger is important factor for travel satisfaction. 

KakaoTalk_Photo_2022-04-28-15-24-21.jpeg
KakaoTalk_Photo_2022-04-28-15-24-21.jpeg
환승-1.png
환승-1.png

Design solution

​Onboarding

알림1.png
알림2.png
알림3.png
로그인회원가입 화면.png

Buy train tickets(Direct)

편도.png
왕복.png
출발도착지.png
인원.png
즐겨찾기.png
열차조회화면.png
즐겨찾기 추가.png
직통.png
열차경로.png

Buy train tickets(Transfer)

환승.png
환승-1.png
환승.png
좌석선택.png

​Cart

장바구니 리스트.png
결제.png

My page

Home
Cart
Ticket
홈.png
장바구니.png
승차권 확인.png
기간설정.png
구매이력 확인.png
구매상세.png
Purchase history
bottom of page