enhancing e-commerce conversion - idea · booking hotel, flight, train, event & rental car...

48
Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences

Upload: others

Post on 17-Mar-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Booking Hotel, Flight, Train, Event & Rental Car

Enhancing E-Commerce Conversion

Through User Interfaces &

User Experiences

Page 2: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Natali Ardianto

Co-founder & CTO Tiket.com

Co-founder & CTO Golfnesia.com

Co-founder & CTO Urbanesia.com

Page 3: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 4: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

What is UI & UX

• User Interfaces (UI)

– A user interface is the system by which people (users) interact with a machine

– The goal of human-machine interaction engineering is to produce a user interface which makes it easy (self exploratory), efficient, and enjoyable (user friendly) to operate a machine in the way which produces the desired result

• User Experiences (UX)

– involves a person's behaviors, attitudes, and emotions about using a particular product, system or service

– user experience includes all the users' emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviors and accomplishments that occur before, during and after use

Page 5: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

STATIC WEBSITE IS NOT AN ONLINE PRESENCE

Customers should be able to look for informations

Page 6: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Last Minute Bookings

Page 7: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Name Your Own Price

Page 8: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Travel Packages Daily Deals

Page 9: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Social Media With Booking Ability

Page 10: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Social Media With Booking Ability

Page 11: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Infinite Options

Page 12: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

MANAGE YOUR PRODUCT PRICE POINT CAREFULLY

Do not just roll the dice

Page 13: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 14: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 15: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

GIVE QUALITY PICTURES OF YOUR PRODUCTS

Page 16: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 17: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 18: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

SIZE DOES MATTER

Page 19: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

9.46% increase in sales mall.cz – confidence level 96%

Page 20: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

MORE PICTURES FOR YOUR PRODUCTS

Page 21: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 22: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

BEAUTY IS IN THE DETAILS

Page 23: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 24: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

SEARCH BOX THAT WORKS

Page 25: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 26: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

SIMPLIFY YOUR NAVIGATION MENU

Page 27: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 28: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

SHORT ATTENTION SPAN

First impression only lasts for SIX second

Page 29: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

ACM Transactions of the Web

Page 30: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Above The Fold

Page 31: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

CHOOSE YOUR COLORS WISELY

Page 32: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Choose your Colors Wisely

Red button receive 21% more clicks than green!

Page 33: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

LOCATION, POSITION, PLACEMENT

Page 34: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Position of Buttons

Before After

Page 35: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

AMD Tried 6 social sharing variations

3600% increase in social sharing amd.com

Page 36: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

NO HIDDEN FEES

Page 37: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto
Page 38: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

GET A (PHONE) NUMBER

Page 39: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

GET A (PHONE) NUMBER

Page 40: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

GIVE RECOMMENDATION AVOID GIVING TOO MUCH OPTIONS

the more choice there is, then the lower the chances of a decision actually being made and acted upon

Page 41: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Variable pricing: +$420/mo revenue / 2161 visitors (~$0.19 a visitor) Pricing plans: +$876/mo revenue / 2153 visitors (~$0.41 a visitor) +100% revenue (and revenue-per-visitor)

Serverdensity.com – confidence level 93%

Page 42: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

KISS: KEEP IT SIMPLE AND STRAIGHFORWARD

Page 43: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

KISS

• users strongly prefer website designs that look both simple (low complexity) and familiar (high prototypicality)

International Journal of Human-Computer Studies, vol. 70(11) (2012), pp. 794-811

Page 44: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

KISS

Page 45: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

“After we realised that, we just went onto the site and deleted that field - overnight there was a change, resulting in

$12m of profit a year, simply by deleting a field” Expedia.com

Page 46: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

Riddle me this, riddle me that

• What page has two fields, two buttons, and one link?

• Username & password fields, login & register buttons, forgot password link

• Can you make it even more simpler?

Page 47: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

KISS once again

• They took away the Register button. In its place, they put a Continue button with a simple message: "You do not need to create an account to make purchases on our site. Simply click Continue to proceed to checkout. To make your future purchases even faster, you can create an account during checkout.“

• Conversion rate went up 45%

• Generating $ 300.000.000 additional purchases for the first year

Bestbuy.com

Page 48: Enhancing E-Commerce Conversion - idEA · Booking Hotel, Flight, Train, Event & Rental Car Enhancing E-Commerce Conversion Through User Interfaces & User Experiences . Natali Ardianto

PT. Global Tiket Network Jakarta 12980 Jl. Kawi No 45 Setiabudi +62 21 8378 2121

Bali 80361 The Sunset Bali Hotel Jl Dewi Sri – Kuta +62 361 743 6222

@NataliArdianto

[email protected]