SlideShare a Scribd company logo
buildingthemost
comprehensive
userexperience
on-site
by Jia En Teo
uifundamentals
Knowyouruser
Payattentiontopatterns
Consistency
Providefeedback
Speaktheirlanguage
Keepitsimple
Keepmovingforward
knowyouruser
Youruser’sgoalsareyourgoals
!
Findoutwhatyourusersneed,andhowyoucanmeetthoseneeds
!
Don’tgetcaughtupinmimickingtrends–alwaysfocusonyourusers
host dashboard
hosts want to get bookings
push hosts to accept
limiting the number of options directs user behavior
search results
guests want to shop around and get results easily
property page
clear pricing information and bold CTA button
payattention
topatterns
UsefamiliarUIpatterns;noneedtoreinvent
thewheel,lessuser-educationrequired
consistency
Makeflowsconsistentonthesite,sothatwhenuserslearnsomething,
theydon’thavetore-learnitoncetheylandonanotherpage.
!
Keepconsistencybetweenweb+mobileversions
web mobile
ShoutOuts
web mobile
Home Page
providefeedback
Alwaysindicatetouserswheretheyareonthesite,sotheycan
navigatebackandfortheasily
back to host dashboard
button provides context
live chat
users can ask questions and provide feedback instantly
speaktheirlanguage
Keepthingsconversational,notsensational
!
Clearandandconcisemessaging
guest inquiry ticket
simple and informative
keepitsimple
Noneedforunnecessarybling,onlyincludewhatisnecessary
!
Alwaysask–doestheuserreallyneedthis?
keepmovingforward
Failfastanditerateoften
fin

More Related Content

Viewers also liked

Book Sleeve_Edited
Book Sleeve_EditedBook Sleeve_Edited
Book Sleeve_Edited
Pedro Alfonso
 
Social media july 11 13
Social media july 11 13Social media july 11 13
Social media july 11 13
Tara Jabbari
 
Budget
BudgetBudget
Budget
Rahul Sipany
 
PARS ADVERT reklāmas aģentūras portfolio
PARS ADVERT reklāmas aģentūras portfolioPARS ADVERT reklāmas aģentūras portfolio
PARS ADVERT reklāmas aģentūras portfolio
PARS ADVERT
 
Underwater navigation
Underwater navigationUnderwater navigation
Underwater navigation
smcclenahan
 
Pars advert portfolio
Pars advert portfolioPars advert portfolio
Pars advert portfolio
PARS ADVERT
 
Redundancy
RedundancyRedundancy
PARS Advert presentation EN
PARS Advert presentation ENPARS Advert presentation EN
PARS Advert presentation EN
PARS ADVERT
 
MegaSunum
MegaSunumMegaSunum
MegaSunum
Sezgin Ipek
 
Manipulated Images_Edited
Manipulated Images_EditedManipulated Images_Edited
Manipulated Images_Edited
Pedro Alfonso
 
PARS Advert presentation RU
PARS Advert presentation RUPARS Advert presentation RU
PARS Advert presentation RU
PARS ADVERT
 
10 myths about predictive business analytics
10 myths about predictive business analytics10 myths about predictive business analytics
10 myths about predictive business analytics
Answergen
 
Networkmarketing
NetworkmarketingNetworkmarketing
Networkmarketing
Sezgin Ipek
 
NL voorstelling holidayblend
NL voorstelling holidayblendNL voorstelling holidayblend
NL voorstelling holidayblend
Caroline Degeyter
 
Social Responsibility and Philanthropic Work
Social Responsibility and Philanthropic WorkSocial Responsibility and Philanthropic Work
Social Responsibility and Philanthropic Work
Ahmed Abou Hashima
 
Nilesh Chaudhary Resume
Nilesh Chaudhary ResumeNilesh Chaudhary Resume
Nilesh Chaudhary Resume
NILESH CHAUDHARY
 

Viewers also liked (16)

Book Sleeve_Edited
Book Sleeve_EditedBook Sleeve_Edited
Book Sleeve_Edited
 
Social media july 11 13
Social media july 11 13Social media july 11 13
Social media july 11 13
 
Budget
BudgetBudget
Budget
 
PARS ADVERT reklāmas aģentūras portfolio
PARS ADVERT reklāmas aģentūras portfolioPARS ADVERT reklāmas aģentūras portfolio
PARS ADVERT reklāmas aģentūras portfolio
 
Underwater navigation
Underwater navigationUnderwater navigation
Underwater navigation
 
Pars advert portfolio
Pars advert portfolioPars advert portfolio
Pars advert portfolio
 
Redundancy
RedundancyRedundancy
Redundancy
 
PARS Advert presentation EN
PARS Advert presentation ENPARS Advert presentation EN
PARS Advert presentation EN
 
MegaSunum
MegaSunumMegaSunum
MegaSunum
 
Manipulated Images_Edited
Manipulated Images_EditedManipulated Images_Edited
Manipulated Images_Edited
 
PARS Advert presentation RU
PARS Advert presentation RUPARS Advert presentation RU
PARS Advert presentation RU
 
10 myths about predictive business analytics
10 myths about predictive business analytics10 myths about predictive business analytics
10 myths about predictive business analytics
 
Networkmarketing
NetworkmarketingNetworkmarketing
Networkmarketing
 
NL voorstelling holidayblend
NL voorstelling holidayblendNL voorstelling holidayblend
NL voorstelling holidayblend
 
Social Responsibility and Philanthropic Work
Social Responsibility and Philanthropic WorkSocial Responsibility and Philanthropic Work
Social Responsibility and Philanthropic Work
 
Nilesh Chaudhary Resume
Nilesh Chaudhary ResumeNilesh Chaudhary Resume
Nilesh Chaudhary Resume
 

Similar to Building The Most Comprehensive User-Experience On-Site

Integrate Live Chat solution on Shopify based ecommerce website.
Integrate Live Chat solution on Shopify based ecommerce website.Integrate Live Chat solution on Shopify based ecommerce website.
Integrate Live Chat solution on Shopify based ecommerce website.
Shubhangi Swami
 
7 Quick Ways To Improve Venue Group Sales
7 Quick Ways To Improve Venue Group Sales7 Quick Ways To Improve Venue Group Sales
7 Quick Ways To Improve Venue Group Sales
EventForte, Inc.
 
Meg Pasha Presentation.pptx
Meg Pasha Presentation.pptxMeg Pasha Presentation.pptx
Meg Pasha Presentation.pptx
megirpasha
 
Transforming your B2B website into a lead generation powerhouse
Transforming your B2B website into a lead generation powerhouseTransforming your B2B website into a lead generation powerhouse
Transforming your B2B website into a lead generation powerhouse
Don't be Shy
 
Kirkwood e commerce class - 03.22.2011
Kirkwood e commerce class - 03.22.2011Kirkwood e commerce class - 03.22.2011
Kirkwood e commerce class - 03.22.2011
tom altman
 
Webinar: Moovweb Optimize: Learn how to increase your mobile conversions
Webinar: Moovweb Optimize: Learn how to increase your mobile conversionsWebinar: Moovweb Optimize: Learn how to increase your mobile conversions
Webinar: Moovweb Optimize: Learn how to increase your mobile conversions
Moovweb
 
READ THIS THOROUGHLY BEFORE YOU PLAN TO DESIGN LANDING PAGE
READ THIS THOROUGHLY BEFORE YOU PLAN TO DESIGN LANDING PAGEREAD THIS THOROUGHLY BEFORE YOU PLAN TO DESIGN LANDING PAGE
READ THIS THOROUGHLY BEFORE YOU PLAN TO DESIGN LANDING PAGE
e-Definers Technology
 
Future now - 10 tipov na optimalizaciu eshopu.
Future now - 10 tipov na optimalizaciu eshopu. Future now - 10 tipov na optimalizaciu eshopu.
Future now - 10 tipov na optimalizaciu eshopu.
WebAnalytika
 
Conversion optimisation Conversion Thursday Belfast
Conversion optimisation Conversion Thursday BelfastConversion optimisation Conversion Thursday Belfast
Conversion optimisation Conversion Thursday Belfast
Jill Robb
 
The Art & Science of Converting Hotel Guests on Your Website
The Art & Science of Converting Hotel Guests on Your Website The Art & Science of Converting Hotel Guests on Your Website
The Art & Science of Converting Hotel Guests on Your Website
Nancy Huang
 
Top Floor Technologies User Experience Forum 2013
Top Floor Technologies User Experience Forum 2013Top Floor Technologies User Experience Forum 2013
Top Floor Technologies User Experience Forum 2013
Top Floor Technologies
 
Digital Marketing Tactics To Increase Conversions
Digital Marketing Tactics To Increase ConversionsDigital Marketing Tactics To Increase Conversions
Digital Marketing Tactics To Increase Conversions
BJ Bergey
 
The ROI of UX
The ROI of UXThe ROI of UX
The ROI of UX
Reading Room
 
11 Things to Look For in a Hotel Booking Engine Provider
11 Things to Look For in a Hotel Booking Engine Provider11 Things to Look For in a Hotel Booking Engine Provider
11 Things to Look For in a Hotel Booking Engine Provider
Net Affinity
 
Product Teardown for SaaS companies at #SaaSx4
Product Teardown for SaaS companies at #SaaSx4Product Teardown for SaaS companies at #SaaSx4
Product Teardown for SaaS companies at #SaaSx4
ProductNation/iSPIRT
 
Workshop IRX Birmingham 'The hidden gem of conversion optimisation & customer...
Workshop IRX Birmingham 'The hidden gem of conversion optimisation & customer...Workshop IRX Birmingham 'The hidden gem of conversion optimisation & customer...
Workshop IRX Birmingham 'The hidden gem of conversion optimisation & customer...
Sooqr search & navigation
 
Conversion clickz
Conversion clickzConversion clickz
Conversion clickz
Anju Yadav
 
Heroconf - Voice Search
Heroconf - Voice Search Heroconf - Voice Search
Heroconf - Voice Search
Benu Aggarwal
 
Responsive website, mobtle app, mobile web
Responsive website, mobtle app, mobile webResponsive website, mobtle app, mobile web
Responsive website, mobtle app, mobile web
Google, Social Marketing Tools
 
Responsive website deck_googledude
Responsive website deck_googledudeResponsive website deck_googledude
Responsive website deck_googledude
Google, Social Marketing Tools
 

Similar to Building The Most Comprehensive User-Experience On-Site (20)

Integrate Live Chat solution on Shopify based ecommerce website.
Integrate Live Chat solution on Shopify based ecommerce website.Integrate Live Chat solution on Shopify based ecommerce website.
Integrate Live Chat solution on Shopify based ecommerce website.
 
7 Quick Ways To Improve Venue Group Sales
7 Quick Ways To Improve Venue Group Sales7 Quick Ways To Improve Venue Group Sales
7 Quick Ways To Improve Venue Group Sales
 
Meg Pasha Presentation.pptx
Meg Pasha Presentation.pptxMeg Pasha Presentation.pptx
Meg Pasha Presentation.pptx
 
Transforming your B2B website into a lead generation powerhouse
Transforming your B2B website into a lead generation powerhouseTransforming your B2B website into a lead generation powerhouse
Transforming your B2B website into a lead generation powerhouse
 
Kirkwood e commerce class - 03.22.2011
Kirkwood e commerce class - 03.22.2011Kirkwood e commerce class - 03.22.2011
Kirkwood e commerce class - 03.22.2011
 
Webinar: Moovweb Optimize: Learn how to increase your mobile conversions
Webinar: Moovweb Optimize: Learn how to increase your mobile conversionsWebinar: Moovweb Optimize: Learn how to increase your mobile conversions
Webinar: Moovweb Optimize: Learn how to increase your mobile conversions
 
READ THIS THOROUGHLY BEFORE YOU PLAN TO DESIGN LANDING PAGE
READ THIS THOROUGHLY BEFORE YOU PLAN TO DESIGN LANDING PAGEREAD THIS THOROUGHLY BEFORE YOU PLAN TO DESIGN LANDING PAGE
READ THIS THOROUGHLY BEFORE YOU PLAN TO DESIGN LANDING PAGE
 
Future now - 10 tipov na optimalizaciu eshopu.
Future now - 10 tipov na optimalizaciu eshopu. Future now - 10 tipov na optimalizaciu eshopu.
Future now - 10 tipov na optimalizaciu eshopu.
 
Conversion optimisation Conversion Thursday Belfast
Conversion optimisation Conversion Thursday BelfastConversion optimisation Conversion Thursday Belfast
Conversion optimisation Conversion Thursday Belfast
 
The Art & Science of Converting Hotel Guests on Your Website
The Art & Science of Converting Hotel Guests on Your Website The Art & Science of Converting Hotel Guests on Your Website
The Art & Science of Converting Hotel Guests on Your Website
 
Top Floor Technologies User Experience Forum 2013
Top Floor Technologies User Experience Forum 2013Top Floor Technologies User Experience Forum 2013
Top Floor Technologies User Experience Forum 2013
 
Digital Marketing Tactics To Increase Conversions
Digital Marketing Tactics To Increase ConversionsDigital Marketing Tactics To Increase Conversions
Digital Marketing Tactics To Increase Conversions
 
The ROI of UX
The ROI of UXThe ROI of UX
The ROI of UX
 
11 Things to Look For in a Hotel Booking Engine Provider
11 Things to Look For in a Hotel Booking Engine Provider11 Things to Look For in a Hotel Booking Engine Provider
11 Things to Look For in a Hotel Booking Engine Provider
 
Product Teardown for SaaS companies at #SaaSx4
Product Teardown for SaaS companies at #SaaSx4Product Teardown for SaaS companies at #SaaSx4
Product Teardown for SaaS companies at #SaaSx4
 
Workshop IRX Birmingham 'The hidden gem of conversion optimisation & customer...
Workshop IRX Birmingham 'The hidden gem of conversion optimisation & customer...Workshop IRX Birmingham 'The hidden gem of conversion optimisation & customer...
Workshop IRX Birmingham 'The hidden gem of conversion optimisation & customer...
 
Conversion clickz
Conversion clickzConversion clickz
Conversion clickz
 
Heroconf - Voice Search
Heroconf - Voice Search Heroconf - Voice Search
Heroconf - Voice Search
 
Responsive website, mobtle app, mobile web
Responsive website, mobtle app, mobile webResponsive website, mobtle app, mobile web
Responsive website, mobtle app, mobile web
 
Responsive website deck_googledude
Responsive website deck_googledudeResponsive website deck_googledude
Responsive website deck_googledude
 

Recently uploaded

VYAPAR TRENDS JUNE-2024 e-EDITION (VOL-2, ISSUE-05)
VYAPAR TRENDS JUNE-2024 e-EDITION (VOL-2, ISSUE-05)VYAPAR TRENDS JUNE-2024 e-EDITION (VOL-2, ISSUE-05)
VYAPAR TRENDS JUNE-2024 e-EDITION (VOL-2, ISSUE-05)
ftiiassociation
 
一比一原版(BCU毕业证)伯明翰城市大学毕业证如何办理
一比一原版(BCU毕业证)伯明翰城市大学毕业证如何办理一比一原版(BCU毕业证)伯明翰城市大学毕业证如何办理
一比一原版(BCU毕业证)伯明翰城市大学毕业证如何办理
fecmz
 
1:1制作英国伦敦大学毕业证(london毕业证书)学历学位证书原版一模一样
1:1制作英国伦敦大学毕业证(london毕业证书)学历学位证书原版一模一样1:1制作英国伦敦大学毕业证(london毕业证书)学历学位证书原版一模一样
1:1制作英国伦敦大学毕业证(london毕业证书)学历学位证书原版一模一样
es4hjcss
 
一比一原版(UAL毕业证)伦敦艺术大学毕业证如何办理
一比一原版(UAL毕业证)伦敦艺术大学毕业证如何办理一比一原版(UAL毕业证)伦敦艺术大学毕业证如何办理
一比一原版(UAL毕业证)伦敦艺术大学毕业证如何办理
ocqunu
 
Basic electronics electrical and engineering unit 5 notes
Basic electronics electrical and engineering unit 5  notesBasic electronics electrical and engineering unit 5  notes
Basic electronics electrical and engineering unit 5 notes
YasraAyman
 
一比一原版(ud毕业证书)丹佛大学毕业证如何办理
一比一原版(ud毕业证书)丹佛大学毕业证如何办理一比一原版(ud毕业证书)丹佛大学毕业证如何办理
一比一原版(ud毕业证书)丹佛大学毕业证如何办理
degswa
 
1比1定做(aub毕业证书)伯恩茅斯艺术大学毕业证硕士学历证书原版一模一样
1比1定做(aub毕业证书)伯恩茅斯艺术大学毕业证硕士学历证书原版一模一样1比1定做(aub毕业证书)伯恩茅斯艺术大学毕业证硕士学历证书原版一模一样
1比1定做(aub毕业证书)伯恩茅斯艺术大学毕业证硕士学历证书原版一模一样
es4hjcss
 
一比一原版(ucsf毕业证书)加利福尼亚大学旧金山分校毕业证如何办理
一比一原版(ucsf毕业证书)加利福尼亚大学旧金山分校毕业证如何办理一比一原版(ucsf毕业证书)加利福尼亚大学旧金山分校毕业证如何办理
一比一原版(ucsf毕业证书)加利福尼亚大学旧金山分校毕业证如何办理
degswa
 

Recently uploaded (8)

VYAPAR TRENDS JUNE-2024 e-EDITION (VOL-2, ISSUE-05)
VYAPAR TRENDS JUNE-2024 e-EDITION (VOL-2, ISSUE-05)VYAPAR TRENDS JUNE-2024 e-EDITION (VOL-2, ISSUE-05)
VYAPAR TRENDS JUNE-2024 e-EDITION (VOL-2, ISSUE-05)
 
一比一原版(BCU毕业证)伯明翰城市大学毕业证如何办理
一比一原版(BCU毕业证)伯明翰城市大学毕业证如何办理一比一原版(BCU毕业证)伯明翰城市大学毕业证如何办理
一比一原版(BCU毕业证)伯明翰城市大学毕业证如何办理
 
1:1制作英国伦敦大学毕业证(london毕业证书)学历学位证书原版一模一样
1:1制作英国伦敦大学毕业证(london毕业证书)学历学位证书原版一模一样1:1制作英国伦敦大学毕业证(london毕业证书)学历学位证书原版一模一样
1:1制作英国伦敦大学毕业证(london毕业证书)学历学位证书原版一模一样
 
一比一原版(UAL毕业证)伦敦艺术大学毕业证如何办理
一比一原版(UAL毕业证)伦敦艺术大学毕业证如何办理一比一原版(UAL毕业证)伦敦艺术大学毕业证如何办理
一比一原版(UAL毕业证)伦敦艺术大学毕业证如何办理
 
Basic electronics electrical and engineering unit 5 notes
Basic electronics electrical and engineering unit 5  notesBasic electronics electrical and engineering unit 5  notes
Basic electronics electrical and engineering unit 5 notes
 
一比一原版(ud毕业证书)丹佛大学毕业证如何办理
一比一原版(ud毕业证书)丹佛大学毕业证如何办理一比一原版(ud毕业证书)丹佛大学毕业证如何办理
一比一原版(ud毕业证书)丹佛大学毕业证如何办理
 
1比1定做(aub毕业证书)伯恩茅斯艺术大学毕业证硕士学历证书原版一模一样
1比1定做(aub毕业证书)伯恩茅斯艺术大学毕业证硕士学历证书原版一模一样1比1定做(aub毕业证书)伯恩茅斯艺术大学毕业证硕士学历证书原版一模一样
1比1定做(aub毕业证书)伯恩茅斯艺术大学毕业证硕士学历证书原版一模一样
 
一比一原版(ucsf毕业证书)加利福尼亚大学旧金山分校毕业证如何办理
一比一原版(ucsf毕业证书)加利福尼亚大学旧金山分校毕业证如何办理一比一原版(ucsf毕业证书)加利福尼亚大学旧金山分校毕业证如何办理
一比一原版(ucsf毕业证书)加利福尼亚大学旧金山分校毕业证如何办理
 

Building The Most Comprehensive User-Experience On-Site