biaza customer-centric websites by paul randall
TRANSCRIPT
![Page 1: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/1.jpg)
Making your site the cat’s whiskers!
Paul Randall @paulrandall
![Page 2: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/2.jpg)
Who am I? - Senior UX Architect at Evosite
- 10 years online design and development experience
- Make things easier for people to use
- Improve and optimise user experiences
- Cat lover!
![Page 3: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/3.jpg)
Creating exceptional digitalexperiences for 11 years
Evosite have helped hundreds of organisations improve their eCommerce websites and digital products.
Established in 2005
Talented team of 25
Over 250 active clients
700+ web solutions delivered
Multi award winning agency
-
-
-
-
-
![Page 4: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/4.jpg)
![Page 5: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/5.jpg)
What does a cup look like?
![Page 6: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/6.jpg)
![Page 7: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/7.jpg)
So, what makes a cup a cup?
![Page 8: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/8.jpg)
What makes a cup a cup?
● Stem or handle?
● Saucer?
● Depth:width ratio?
● Tapered?
● Paper, plastic, glass, china?
![Page 9: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/9.jpg)
Cup, mug or bowl?
![Page 10: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/10.jpg)
![Page 11: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/11.jpg)
We base designs on our own perceptions of the world.
![Page 12: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/12.jpg)
![Page 13: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/13.jpg)
![Page 14: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/14.jpg)
hoveringartdirectors.tumblr.com
![Page 15: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/15.jpg)
What does a cup look like?
What does a cup need to do?
![Page 16: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/16.jpg)
What does a cup need to do?
● Retain hot or cold liquid
● Be able to drink from
● Used once or multiple times
● Recyclable...
![Page 17: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/17.jpg)
Key business metrics
● Sales revenue
● Profit and loss
● Gross margin
● Cost of customer acquisition
● Customer loyalty and retention
● Operating productivity/costs
![Page 18: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/18.jpg)
Primary website goals
● Ticket sales
● Gift sales
● Donations
● Traffic
● Sources
● Bounce rate
![Page 19: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/19.jpg)
Secondary website goals
● Clicking a button
● Watching a video
● Browsing the navigation
● Searching
● Viewing opening times
● Signing up to newsletter
● Form errors
● Social shares
● Content interaction
● Checking availability
● Length of time on site
● Number of pages viewed
![Page 20: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/20.jpg)
Your website is your most valuable employee...
![Page 21: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/21.jpg)
Give your site a performance review
![Page 22: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/22.jpg)
Why are the visitors here?
![Page 23: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/23.jpg)
Let them reach their end goal
![Page 24: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/24.jpg)
No visitors are the same, but they can be alike
![Page 25: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/25.jpg)
User groups
● Primary
○ Attraction visitors
■ Word of mouth, new experiences
■ Holidaymakers
■ Social conscience
● Secondary
○ Corporate bookings or school trips
● Tertiary
○ Press and media
○ Work experience
○ Private hire / filming
![Page 26: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/26.jpg)
@harrybr
![Page 27: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/27.jpg)
@harrybr
![Page 28: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/28.jpg)
Information needs - Holidaymakers
“What can I see”
“How much can I see on one day?”
“When is it open?”
“What does it cost for my family?”
“Are there any discounts?”
“Is there a special event on soon?”
“Can I still visit on a rainy day?”
“Are there any snakes? I hate snakes!”
“What can I learn?”
“Is it suitable for small children?”
“How do I get there?”
“Is parking free?”
“Is there disabled access?”
“What else is local to the attraction?”
“How close it is to other landmarks?”
![Page 29: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/29.jpg)
Post-visit During
Information needs - Holidaymakers
Pre-visit
6 months 3 months 1 month
“What can I see”
“What can I learn?”
“Is it suitable for small children?”
“Is there disabled access?”
“Are there any snakes? I hate snakes!”
“What else is local to the attraction?”
“How close it is to other landmarks?”
“How much can I see on one day?”
“What does it cost for my family?”
“Is there a special event on soon?”
“Are there any discounts?”
“When is it open?”
“Can I still visit on a rainy day?”
“How do I get there?”
“Is parking free?”
![Page 30: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/30.jpg)
Observing users in their natural habitat
![Page 31: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/31.jpg)
How to run a usability study
1. Create a task script
2. Get 5-8 people to run through the task
3. Watch their videos back
4. Make notes of pain-points or suggestions
5. Collate the evidence and highlight key findings
![Page 32: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/32.jpg)
whatusersdo.com/evosite
![Page 33: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/33.jpg)
What you can discover...
● Visitors missing content
○ Can’t find a link in navigation
○ Search didn’t return results
○ Blocks of text hiding key info
○ Content ‘hidden’ in accordions
○ ‘Skimmers’ not reading text
○ Questions they had not answered
● Development bugs
○ Missing/broken links
○ Broken functionality
○ Browser inconsistencies
● Annoying behaviours
○ Livechat pop-ups
○ Exit-intent overlays
![Page 34: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/34.jpg)
Other ways to inspect in detail
![Page 35: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/35.jpg)
bit.ly/bounceratereport
![Page 36: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/36.jpg)
High traffic, with high drop off
![Page 37: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/37.jpg)
Beat your own targets
![Page 38: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/38.jpg)
DesktopMobileScroll maps
![Page 39: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/39.jpg)
Mouse movements
![Page 40: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/40.jpg)
5.10 secs
13.26 secs
4.27 secs (with 25% re-filling this field*)
5.62 secs
6 out of 7 people opted out
Form interaction
* Refilling this field appears to be due to the business field autocompleting once they have clicked away.
![Page 41: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/41.jpg)
![Page 42: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/42.jpg)
“Creativity is the last legal unfair advantage over the competition”
Dave Trott
![Page 43: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/43.jpg)
5,008
![Page 44: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/44.jpg)
511,108
![Page 45: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/45.jpg)
801,115
![Page 46: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/46.jpg)
![Page 47: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/47.jpg)
![Page 48: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/48.jpg)
![Page 49: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/49.jpg)
![Page 50: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/50.jpg)
Make insights easy to digest
![Page 51: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/51.jpg)
Usability is an impartial voice
![Page 52: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/52.jpg)
![Page 53: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/53.jpg)
● Measure what matters
○ Track key events and interactions
● Identify poorly performing pages and understand user behaviour
○ Analytics segmentation, heatmaps, scrollmaps and page interactions
○ Usability studies
● Test and measure variations
○ Be creative! Define the problem and the possible solution
○ Always refer to your website goals
A (repeatable) recipe for measurable improvements
![Page 54: BIAZA Customer-centric websites by Paul Randall](https://reader031.vdocuments.us/reader031/viewer/2022030215/5889cafc1a28abca448b6939/html5/thumbnails/54.jpg)
whatusersdo.com/evosite