building the most comprehensive user-experience on-site
DESCRIPTION
TRANSCRIPT
![Page 1: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/1.jpg)
building the most comprehensive user experience
on-siteby Jia En Teo
![Page 2: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/2.jpg)
ui fundamentals
![Page 3: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/3.jpg)
Know your user
Pay attention to patterns
Consistency
Provide feedback
Speak their language
Keep it simple
Keep moving forward
![Page 4: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/4.jpg)
know your user
![Page 5: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/5.jpg)
Your user’s goals are your goals !
Find out what your users need, and how you can meet those needs !
Don’t get caught up in mimicking trends – always focus on your users
![Page 6: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/6.jpg)
host dashboardhosts want to get bookings
![Page 7: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/7.jpg)
push hosts to acceptlimiting the number of options directs user behavior
![Page 8: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/8.jpg)
search resultsguests want to shop around and get results easily
![Page 9: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/9.jpg)
property pageclear pricing information and bold CTA button
![Page 10: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/10.jpg)
pay attention to patterns
![Page 11: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/11.jpg)
Use familiar UI patterns; no need to reinvent the wheel, less user-education required
![Page 12: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/12.jpg)
![Page 13: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/13.jpg)
consistency
![Page 14: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/14.jpg)
Make flows consistent on the site, so that when users learn something, they don’t have to re-learn it once they land on another page.
!
Keep consistency between web + mobile versions
![Page 15: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/15.jpg)
web mobile
ShoutOuts
![Page 16: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/16.jpg)
web mobile
Home Page
![Page 17: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/17.jpg)
provide feedback
![Page 18: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/18.jpg)
Always indicate to users where they are on the site, so they can navigate back and forth easily
![Page 19: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/19.jpg)
back to host dashboardbutton provides context
![Page 20: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/20.jpg)
live chatusers can ask questions and provide feedback instantly
![Page 21: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/21.jpg)
speak their language
![Page 22: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/22.jpg)
Keep things conversational, not sensational !
Clear and and concise messaging
![Page 23: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/23.jpg)
guest inquiry ticketsimple and informative
![Page 24: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/24.jpg)
keep it simple
![Page 25: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/25.jpg)
No need for unnecessary bling, only include what is necessary !
Always ask – does the user really need this?
![Page 26: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/26.jpg)
keep moving forward
![Page 27: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/27.jpg)
Fail fast and iterate often
![Page 28: Building The Most Comprehensive User-Experience On-Site](https://reader034.vdocuments.net/reader034/viewer/2022051610/548b46b6b47959fb0c8b60dc/html5/thumbnails/28.jpg)
fin