Download - UX and Optimisation Course
![Page 1: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/1.jpg)
What, why & how?A process for online optimisation
![Page 2: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/2.jpg)
optimize |ˈäptəәˌmīz|verb [ with obj. ]make the best or most effective use of (a situation, opportunity, or resource): to optimize conversions, the website should be correctly adjusted.
![Page 3: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/3.jpg)
What makes a good website?
![Page 4: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/4.jpg)
Q: What are the elements of a good website?
![Page 5: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/5.jpg)
1. Analytics
![Page 6: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/6.jpg)
Source: Google Insights for search
![Page 7: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/7.jpg)
Feb 7-13
Mar 7-13
Source: Google Insights for search
![Page 8: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/8.jpg)
Feb 7-13
Mar 7-13
Source: Google Insights for search
![Page 9: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/9.jpg)
Feb 7-13
Mar 7-13
Source: Google Insights for search
![Page 10: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/10.jpg)
Decisions
![Page 11: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/11.jpg)
Faith/guesswork
![Page 12: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/12.jpg)
Committee
![Page 13: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/13.jpg)
HiPPO
![Page 14: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/14.jpg)
“We prefer the discipline of knowledge to the anarchy of ignorance. We pursue knowledge the way a pig pursues truffles
David Ogilvy
![Page 15: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/15.jpg)
Never in the field of marketing endeavor has cause and effect been more measurable or actionable
![Page 16: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/16.jpg)
The real world looks a lot like this
![Page 17: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/17.jpg)
The problem with data?
![Page 18: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/18.jpg)
A better definition?
Understanding the impact of your efforts by analysing outcomes
Understanding your customers’ behaviour better
Continuous improvement through testing
3
![Page 19: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/19.jpg)
1. Collecting data & some ad hoc reporting 2. Reporting data regularly3. Deriving some insights & acting4. Continuous improvement
Analytics: Maturity modelWhere do you fit?
![Page 20: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/20.jpg)
Every metric should be
Simple : I get it
Relevant: that matters
Useful & actionable: let’s fix it3
![Page 21: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/21.jpg)
![Page 22: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/22.jpg)
2. Customer insights
![Page 23: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/23.jpg)
Behind bounce, conversions and abandonments rates are real people trying to give you money. Our job is to figure out why. For that, we need empathy
![Page 24: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/24.jpg)
Mixed methods
• Mapping the user experience
• Expert evaluation & peer analysis
• User testing
• Ethnographic research
• Surveys
![Page 25: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/25.jpg)
![Page 26: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/26.jpg)
Feeling the user’s pain
![Page 27: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/27.jpg)
Feeling the user’s pain
![Page 28: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/28.jpg)
![Page 29: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/29.jpg)
![Page 30: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/30.jpg)
![Page 31: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/31.jpg)
The best online survey ever?
KissInsights.com
![Page 32: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/32.jpg)
What’s important?
![Page 33: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/33.jpg)
The idea came from their photographer who had previously worked in the footwear department at one of their stores. He just instinctively knew to tip over the boots because, in the stores, he watched the customers pick up the boots to look at the tread. Had he not worked there, the team never would've thought to tip the boots over.
![Page 34: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/34.jpg)
3. Design
![Page 35: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/35.jpg)
Sketching
![Page 36: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/36.jpg)
Workshop rules
• No spectators, only participants.
• Not a meeting – an activity to produce designs.
• No abstract conversations, make ideas tangible by sketching them.
sketch review decide
![Page 37: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/37.jpg)
Lots
A fewgood ones
Create decisions before we make one
![Page 38: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/38.jpg)
Getting the design right and the right design
![Page 39: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/39.jpg)
![Page 40: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/40.jpg)
How the user experience designer made it...
![Page 41: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/41.jpg)
What the sales agent wanted...
![Page 42: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/42.jpg)
How the programmer changed it...
![Page 43: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/43.jpg)
How the programmer changed it...
![Page 44: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/44.jpg)
What marketing asked for...
![Page 45: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/45.jpg)
What marketing asked for...
![Page 46: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/46.jpg)
Don’t forget to run it by legal...
![Page 47: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/47.jpg)
Don’t forget to run it by legal...
![Page 48: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/48.jpg)
..but there are rules
![Page 49: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/49.jpg)
![Page 50: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/50.jpg)
9 rules of form design1. Ask for as little information as you can2. If it helps the user to answer a question, explain to them why
you’re asking it3. Maintain a straight path to completion4. Align the text according to the rules5. Label the fields in terms your users understand6. Offer intelligent defaults and examples where necessary7. Distinguish between primary and secondary actions8. Offer the user recovery methods when things go wrong9. When a form is complete, explain what happens next
![Page 51: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/51.jpg)
4. Testing
![Page 52: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/52.jpg)
• What’s wrong
• Why it’s wrong
• Test alternatives
![Page 53: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/53.jpg)
What to test
Ad copySite contentEmail Radical design change (ab)Page elements (mvt)
![Page 54: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/54.jpg)
"The headline is the most important element. It is the telegram which decides the reader whether to read the copy"
![Page 55: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/55.jpg)
What works or what works best?
“Two for the price of one” OR
“Buy one get one free”
![Page 56: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/56.jpg)
Buy now
Buy now
Buy now
Buy now
Add to cart
Add to cart
Add to cart
Add to cart
![Page 57: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/57.jpg)
Where to test firstTop entry pages
with high bounce rates. Pages with good traffic and clear
purpose & conversions
Buy now
![Page 58: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/58.jpg)
This layout?
![Page 59: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/59.jpg)
Or this layout?
![Page 60: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/60.jpg)
Optimizely.com
![Page 61: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/61.jpg)
12.5% conversion rate
31% conversion rate
![Page 62: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/62.jpg)
![Page 63: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/63.jpg)
![Page 64: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/64.jpg)
+22% in sales
![Page 65: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/65.jpg)
What to test
Expectation - does the page people land on match the promise made?
![Page 66: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/66.jpg)
What to test
Clarity of page purpose visual hierarchy, clarity and purpose of content
![Page 67: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/67.jpg)
What to test
Urgency: are we influencing this?
Buy now only 3 left
Buy now 10% off today
![Page 68: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/68.jpg)
What to test: trust
![Page 69: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/69.jpg)
What to test
Distractions
![Page 70: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/70.jpg)
![Page 71: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/71.jpg)
![Page 72: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/72.jpg)
![Page 73: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/73.jpg)
But what’s the impact?
![Page 74: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/74.jpg)
![Page 75: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/75.jpg)
Last Monday at 5:13 PM we removed CAPTCHA from Sampa.
The result: 9.2% improvement on our conversion rate!Marcelo Calbuccihttp://marcelo.sampa.com/
![Page 76: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/76.jpg)
Remember this one?
![Page 77: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/77.jpg)
![Page 78: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/78.jpg)
8.5% conversion rate
![Page 79: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/79.jpg)
![Page 80: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/80.jpg)
29.3% conversion rate
![Page 81: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/81.jpg)
What are you optimising for?
![Page 82: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/82.jpg)
![Page 83: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/83.jpg)
![Page 84: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/84.jpg)
![Page 85: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/85.jpg)
Optimising for mobile
![Page 86: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/86.jpg)
Why mobile?
• In the evenings, more searches are done on mobile versus a desktop i.e. the mobile is now used instead of the laptop.
• Smartphone penetration around 32%, expected to double year-on-year
• Mobile-optimised can increase the chances of an impulsive purchase
![Page 87: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/87.jpg)
Another case study
30%+ of the email offers are read on smartphones (up from 10% last year).
Average order value (AOV) from mobiles are around 1.5 times that of desktop, yet site is not optimized for mobile.
![Page 88: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/88.jpg)
![Page 89: UX and Optimisation Course](https://reader036.vdocuments.us/reader036/viewer/2022062319/5564a792d8b42a366c8b4e8e/html5/thumbnails/89.jpg)
Approach
• Focus on the right data & outcomes (KPIs)
• Look for insights
• Take action (design) & test
• Measure & repeat