Taiwan High Speed Rail

Ticket Vending Machine Redesign

Redesign the user interface and user experience of Taiwan High-Speed Rail Ticket Vending Machine

Concept

Ticket Vending Machine UIUX Redesign

Duration

5 Weeks

Tools

Adobe Illustrator, Adobe Photoshop, Adobe XD, Figma

Role

UX Research, UI Design, Visual Design

Opportunity


Taiwan High Speed Rail (THSR) is the high-speed railway of Taiwan that runs approximately 350 km along the west coast. The daily passenger traffic reached 130,000. However, there are always stacked queues in front of the ticket window while few people use the ticket vending machine. That is to say, the ticket vending machines do not achieve its goal to avoid long queues and lower operating costs.

Good point:

buttons are large enough to click easily

no complex graphics

Bad point:

no distinction between “positive” and “negative” buttons

unnecessary operation screen

only two language options

requires too many screens transitioning

 

User Profile

Problems

slow and tedious purchase process

some features are insuffient

lack contrast in visual elements

Goals

make the purchase process faster

implement new features

strike a balance between design and usability

Compeptitive

JR Bus

Good point:

allow the user to select seats

uses a breadcrumb trail to show the steps

Bad point:

requires too many screens transitioning

no language options

Budapest Metro

Good point:

provide multiple languages options

uses a breadcrumb trail to show the steps

Bad point:

too many options in home screen

too many color

 

Dutch Railways

Good point:

 

no complex graphics

Provide short hints

Bad point:

inconsistent style

some information is not clustered

 

Korea Train eXpress

Good point:

provide default values

no complex graphics

Bad point:

overuse of modals

no distinction between “positive” and “negative” buttons

Inspiration

Airbnb

focus on search box

clear presentation of information

pair text with an icon

Medium

only show relevant information

use grid layouts to organize content

limit font and color

Lyft

use monochromatic theme as an emphasis

the main action button size is big

provide smart defaults

On The Grid City

flat desgin

group information into categories

keep everything simple

Upper

high-contrast design

provide sufficient negative space

 

Flow chart

Wireframes

Home screen

Purpose

show different languages and types of services

Statements

types of services / language options

Questions

What service would you want？Do you wnat to change language?

Answers

change display language/ selcet types of services

Commands

click to change language/click to start buying or collecting ticket

Search

Purpose

search ticket

Statements

search options/provide default

Questions

What kind of ticket?

Answers

selcet options

Commands

click or scroll to selcet options

Result

Purpose

show serach results

Statements

serach results cards

Questions

Which train are you taking?

Answers

selcet train

Commands

click to selcet train

Confirmation

Purpose

display the details for the chosen ticket and payment method

Statements

ticket details / payment method

Questions

Do you want to purchase this ticket?/ Which payment method do you prefer?

Answers

choose a payment method

Commands

click a payment method

Payment

Purpose

show payment status

Statements

Fare details / payment status

Questions

N/A

Answers

N/A

Commands

insert money

Transaction Completed

Purpose

confirm the payment is successful / issue the tickets

Statements

payment success message / remember to collect tickets message

Questions

N/A

Answers

N/A

Commands

N/A

Desgin System

The Redesign

Home Screen




Provide Japanese and Korean options
cause they are the most international travelers


use icons for foreigners


let foreigners can always select a desired
language at the top

Group 162

Search

combine all searching options in one page to
reduce the number of steps required to
complete a task


Provide default values to save the user from
selecting all the choices


provide a button to go to the previous step to
let users in control of the interface


Distinct contrast between different buttons

Group 163

Result


use visible workflow encourages task
completion

Group 164

Confirmaiton

clear visual organization improves legibility
allow the user to find the information quickly

Group 165

Payment

provide cues to remind users to insert money

Group 165

Collect

improve the payment experience with
micro animations

Group 167

Prototype

Conclusion

I concentrate on redesigning the most occurring use cases: buying a ticket. By creating a better user experience, I tried to achieve these three goals: make the purchase process faster, implement new features, and strike a balance between design and usability.

             Interested in working with me ?

chinyinteng.designer@gmail.com