CALine User Centric Interface Design

Page 1

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

INTERACTIVE KIOSK


95


CALine : CALIFORNIA HIGH-SPEED RAIL A user-centric service design for California High Speed Rail Service

PROTOTYPING


97

PROTOTYPING

Kiosk Design

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

INTERACTIVE KIOSK

Floor standing Interactive Kiosk Interactive Kiosk it is: • Floor standing strong metal casing • Professional 42” LCD LED panel with 16:9 aspect ratio • Touch screen with tempered glass • Build-in Intel Core i5 with Wi-Fi/3G • Build-in audio speakers • Front panel build-in camera with Kinect sensor • eTicket, Pass and card printer with QR scanner • Card reader, cash acceptor • Logo customization (acrylic/steel cutting + LED, back side silk printing) • Cutting-edge ergonomic design • One push two adjustable heights each upto 8“ • WxHxD = 28” x 62”-70“ x 3”

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE


PROTOTYPING

CALine Interactive Kiosk’s User Interface

Sitemap

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

TOUCH TO START!

ABOUT Vision for California CALine History

PRODUCT CALine HSR Ticket CAL-Pass

CALine Future

TRAVEL COMPARATOR Modes of Travel

MANAGE BOOKING

DESTINATIONS Top Attractions

Trip Photos

“What you think?”

Change/Cancel

City Event

Trip Reviews

How can we improve?

CALine Partners

LIVE HELP Customer Support Video

ALERTS

LANGUAGES

Trip Status

Arabic

Trip Updates

Chinese

Last Minute Deals

French

Weather

German

Audio Recharge Card

City Deals

Trip Rating

File a Complaint Live Chat

Add Deals CALine Transit Bus

FEEDBACK

Print eTicket

CAL-Card CALine Team

SHARE

Interactive Map Travel Tips/Info

Hindi CTB Pass

CALine Awards Photo Library

Testimonials

CTB Card CALine Rent-a-bike biCAL Pass biCAL Card

Italian Japanese Korean Russian

CALine Stations Spanish Tagalog Vietnamese


PROTOTYPING

CALine Interactive Kiosk’s User Interface

Wirefame

Home Screen

SATURDAY 17:45

SATURDAY

17:45

CALine

CALine

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

SATURDAY 17:45

Slide to begin!

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALIFORNIA HIGH-SPEED RAIL SERVICE

MARKETING SLIDES

MARKETING SLIDES

ABOUT

SERVICES

PRODUCT

ABOUT

MARKETING SLIDES

MARKETING SLIDES

PRODUCT

Description

SERVICES

TOUCH TO BEGIN! SATURDAY

17:45

Hello!! Main Menu

Hello!!

SATURDAY 17:45

SELECT LANGUAGE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

SLIDE TO BEGIN! SATURDAY

17:45

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

SELECT LANGUAGE

CALIFORNIA HIGH-SPEED RAIL SERVICE

Hello!! COMPANY MESSAGE

SATURDAY

17:45

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

ABOUT

Some text news string PRODUCT

TRAVEL COMPARATOR

CALIFORNIA HIGH-SPEED RAIL SERVICE

17:45

CALine ABOUT

PRODUCT

CALine

TOUCH IT!

SCAN/PRINT

PRODUCT

Description Slides

TRAVEL COMPARATOR

PRODUCT

TRAVEL COMPARATOR

QUESTION?

TRAVEL COMPARATOR

Description Slides

SCAN/PRINT

QUESTION?

SHARE

QUESTION? SCAN/PRINT

SCAN/PRINT FEEDBACK

FEEDBACK

SHARE

DESTINATION

ALERTS

DESTINATION

ALERTS

Description Slides

DESTINATION

COMPANY MESSAGE

QUESTION?

SHARE

ABOUT

COMPANY MESSAGE

MARKETING SLIDES SELECT LANGUAGE

ABOUT

QUESTION?

FEEDBACK

ALERTS

SELECT LANGUAGE

BACK

NEXT


PROTOTYPING

CALine Interactive Kiosk’s User Interface

Home Screen

Main Menu


PROTOTYPING

CALine Interactive Kiosk’s User Interface

PRODUCT


PROTOTYPING

CALine Interactive Kiosk’s User Interface

TRAVEL COMPARATOR

MANAGE BOOKING


PROTOTYPING

CALine Interactive Kiosk’s User Interface

DESTINATION


PROTOTYPING

CALine Interactive Kiosk’s User Interface

SHARE



CALine : CALIFORNIA HIGH-SPEED RAIL A user-centric service design for California High Speed Rail Service

USER TESTING


USER TESTING

CALine Interactive Kiosk’s User Interface

USERS (Interviewees) Ali Farhan Tourist

The conceptual statement of this interface has been pretty well defined. The idea to incorporate features like Travel comparator, Destinations and along with other will make it distinctive with other kiosk in other developed countries. This Kiosk has the potential to engage people around, based on its multiple options and information about city. I think it will give benefits to people to orient themselves towards their destinations. I will rate this as 8 in terms of its value to engage people and giving them reliable travel experience.

Carl Walker

Business Traveler

Haven’t received the final feedback.

Ahmed Muneeb Holiday Maker

This system provides one stop interactive comparison in real time between different transportation modes.... great value in terms of utility for time and money. System’s inter connectivity interface with social media transforms it into an interactive tool beyond the regular procedures of ticketing, booking and scheduling for Rail travel. Mentioned features are indicative of a very user-centric experience which helps to optimize the ease of travelers. Furthermore, regardless of system’s immense multitasking and multipurpose capacity, its linear operation makes it simple & user-friendly.

Bilal Shoaib Commuter

The design is definitely user-centric, it isn't complicated or confusing and a very user friendly design. Traveling experience will be much more convenient with this design. Checking my traveling routes and the time of the train is what I would use it for and only the part about booking my trips wouldn't work for me as I have other sources but that's just my opinion as users. I rate it 8/10 in regards to enhancing the travel experience for the consumer.

Peer Ayesha Batool

Fazli Azeem

Tourist

Media Designer

Participant of User Shadowing Study at Amtrak Station, San Luis Obispo

MFA Candidate in Communication Design, Dynamic Media Institute, MassArt

The design of CALine interface is comprehensive. The flow of first time user path seems to be defined very carefully. However, the legibility of graphics could be worked on, including relationship between background and foreground colors and fonts. Integrating interactive maps in the interface is a good idea. I would be interested in sharing my travel plans with friends and be a part of a larger travel network as I plan my trips on CALine train. Over all it is a well-defined concept and very user-friendly.

Novel interactive / futuristic experience, although making shortcut icons linked to workflows to speed up transactions would allow large number of users to be processed. Think of the touchscreen kiosk as a way to save time in the line. I think this experience is just generic, overdone at most automation processes. Kiosk seems designed to provide information like a digital phone directory. Choose 4 major requirements of users and try to sub divide things into 4 or less categories. Fewer options are better.


USER TESTING

CALine Interactive Kiosk’s User Interface

Home Screen the yellow text on white background is low contrast. Think about maybe orange or what about black outline of text..

Main Menu If you are writing Saturday, write the whole date too.

Message is unclear, need to convey their value proposition in more effective manner.

Red color is already used for highlighting information once it touched by users. So it would be better to use some other color for this BAR Using several very different fonts can be a bit distracting, especially with your highly contrasting color scheme.

Great marketing opportunity for the partners and collaborators.


USER TESTING

CALine Interactive Kiosk’s User Interface

PRODUCT Somewhere between booking and printing, give the option to share your trip with a friend, over email. All airlines and Amtrak give you that option.

Font should be simple so that user will have no difficulty in reading.

An option of balance inquiry on a rechargeable card will be very helpful.

Color Red is used in highlighting, it should be used as such throughout.

"Route map" is a more common terminology for this thing.

Including a timer to inform time of the next train is going to be very useful and handy for the commuter or any other traveler.

Would you like to be alerted for a change in train schedule? By phone, text or email?


USER TESTING

CALine Interactive Kiosk’s User Interface

TRAVEL COMPARATOR

MANAGE BOOKING

It is great revolutionary resource which is creating value for the user who want to weight his other options. Why not just write compare

These headings don't feel too exciting.

Why white on yellow, cant read. Maybe black on white base? Red on yellow base?

Background is yellow too. Makes the graphs less legible. Do we not get to select seats, meals, etc?


USER TESTING

CALine Interactive Kiosk’s User Interface

DESTINATION Circular tabs should not be replaced once you touch them as you already differentiate them by highlighting with red color

Destination feature is working perfectly as ‘value-added’ service for the Kiosk.

Simple and bold fonts are much easier to read and comprehend.

Why is there a building, what about a map or target etc...


USER TESTING

CALine Interactive Kiosk’s User Interface

SHARE SD-card slot option will attract youth and add more value but reservation of storage system, protection of people personal data and virus transfer will come with it.

What about,sharing on facebook or after you have booked your ticket, you can have a choice to reveal your information to this network or not.

Instead of writing social network names, replace with their icons .



CALine : CALIFORNIA HIGH-SPEED RAIL A user-centric service design for California High Speed Rail Service

FINAL PROTOTYPE


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

SITEMAP

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

TOUCH TO START!

TRAVEL

ABOUT

DESTINATIONS

Vision Programs

BOOK

Newsroom

CALine HSR

Team & Partners

Ticket CAL-Pass

COMPARE Modes of Travel

MY TRIP

UPDATES

SHARE

SUPPORT

LANGUAGES

Top Attractions

Trip Photos

Live Help

Chinese

City Event

Reviews/Rating

Travel Tips

French

My Voice

Terms and policy

German

FAQs

Hindi

Print eTicket

Train Status

City Deals

Change/Cancel

Service Alerts

Interactive Map

Recharge Card

Last Minute Deals

Italian

Add Deals

Weather

Japanese

CAL-Card CALine Transit Bus Korean CTB Pass CTB Card CALine Rent-a-bike biCAL Pass biCAL Card CALine Stations

Spanish


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

HOME SCREEN


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

MAIN MENU

ABOUT


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

ABOUT


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

TRAVEL


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

TRAVEL - High Speed Rail


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

TRAVEL - High Speed Rail


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

TRAVEL - High Speed Rail


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

TRAVEL - Compare


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

TRAVEL - Manage


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

127

DESTINATION - Top Attractions


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

DESTINATION - Interactive Map

128


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

129

SHARE


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

SHARE

130


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

SHARE


CALine

INTERACTIVE KIOSK

USER INTERFACE

CALIFORNIA HIGH-SPEED RAIL SERVICE

SUPPORT



CALine : CALIFORNIA HIGH-SPEED RAIL A user-centric service design for California High Speed Rail Service

STORYTELLING & SCENARIOS


CALine

INTERACTIVE KIOSK

STORYTELLING AND SCENARIOS

CALIFORNIA HIGH-SPEED RAIL SERVICE

BRAND AWARENESS AND MARKETING PERSPECTIVE Kevin is an engineering student at UCLA. He is waiting for his Metro Rail at the Union Station, LA with his headphones on as he watches people walk by. A digital signage about California High-Speed Rail on a kiosk catches his eyes. He had heard someone in his class talking about the new high-speed rail system in California but never paid attention to the latest updates. Bored and curious, he walks up to the kiosk and touches the screen to begin.

He presses the “About” tab and finds different information and updates on the CHSR project. Especially the “Vision” page helps him clarify how CHSR will help in building a better future. He browses through the gallery of pictures and gets even better idea of project development through “Newsroom”. He is very impressed with the progress of new the advancement in the rail traveling industry.

At the bottom he finds a bar asking him to be a part of the survey. He clicks it, it takes him to “My Voice” page where there is a brief survey asking his opinion. He thinks it’s a clever way of tracking the opinion of Californians about the new advanced travel service. He still has time before his train arrives, so he starts checking out other features in the kiosk to find out options to travel around California with his friends in the future.

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE


CALine

INTERACTIVE KIOSK

STORYTELLING AND SCENARIOS

CALIFORNIA HIGH-SPEED RAIL SERVICE

CONVENIENCE PERSPECTIVE Martin and Arrian are traveling around the US for the promotion of their new French brand. They take a train from New York to San Diego, stopping in LA. On their way to LA they decide of going to San Francisco to meet their investors instead of San Diego. By the time they arrive at the LA station they are tired and not sure if anyone would be able to assist them this late in the evening. Luckily, they find the CALine Kiosk right by the ticket window.

As they touch to start, they find an option at the bottom right to select the Language. Knowing they are more comfortable in French, they select the language. They went to “Travel” and press the tab “My Trip”. Through few simple steps they are able to make changes to their trip under the tab “Change/Cancel”. They want to add a hotel deal on top of it so Arrain suggests pressing the “Support” tab at the bottom corner and opt for “Live help”.

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE

A video conference starts with CALine agent, who co-browses with them to find best hotel deals. They are very happy with the customer support service. After they make their purchase, Martin wants to see if there are near nightlife in the area before they head to their hotel. They go to “Destination”, filter the options on the “Interactive map” and find few options of bars near their hotel. They send the map to their smart phone and head to their destination.


CALine

INTERACTIVE KIOSK

STORYTELLING AND SCENARIOS

CALIFORNIA HIGH-SPEED RAIL SERVICE

CROSS SELLING/UP-SELLING PERSPECTIVE Barry is at the San Francisco station with his family to see off his parents who are catching a train back to Sacramento. As Barry is talking to his wife about the possibility of a family vacation and its cost, their 12 year old daughter, Stacy, excitedly calls her parents over to show them what she has found. It’s a CALine kiosk playing a video on San Diego Zoo. The 8 year old Johnny loves animals so he touches the screen and the screen switches over to deals in San Diego for the Veteran Day weekend which is around the corner.

Barry and his wife, Melinda, look at each other wondering if this is going to be the vacation that will save them time and money. Melinda touches the screen to begin and they see five different options. Not sure whether the rail travel fit their needs, she presses “Compare” under the “Travel” tab to see what other option they have. After the clearer idea about their options, they stick to rail traveling and decide to secure the deals. They book four round trip tickets from San Francisco to San Diego and even get a discount for little Johnny.

ALine

Barry is still not sure about the hotel and rental car and moves on. But as he proceeds, he finds comparative list of local hotels and rental car services booking options; he simultaneously reserves both for a two night stay. They were also able to add San Diego Zoo and SeaWorld city deals to their tickets. They were very happy about all the deals and discounts they got. He purchases the ticket using his credit card and prints them. He even gets the QR code to save it on his cell phone in case he loses the tickets.

CALine

NIA HIGH-SPEED RAIL SERVICE

CALIFORNIA HIGH-SPEED RAIL SERVICE

CALine

CALIFORNIA HIGH-SPEED RAIL SERVICE



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.