lead conversions: it's all in the detail page
TRANSCRIPT
![Page 1: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/1.jpg)
UX Research Report – Kelley Howell, UX Research Manager
LEAD CONVERSIONSIT’S ALL IN THE DETAIL PAGE
![Page 2: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/2.jpg)
Introductory remarks Part of “Understanding Search
Experience” series Explore a portion of search experience What, how, and why users do what they
do Use quantitative and qualitative data
![Page 3: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/3.jpg)
Goal for part 1 and part 2What Questions Close analysis of user patterns on detail page
What is our baseline understanding of how people use the page?
What do people do?
Why Questions Existing research Known cognitive abilities & limitations shape search behavior
Specific goals, needs, desires, values
![Page 4: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/4.jpg)
All in the detail(s page) What’s our ultimate goal for our site? Marketplace: we drive consumer leads to
customers Do this by driving consumers to detail
page Do we have other goals? Important to keep in our goals in mind,
even while we study our users and their goals
![Page 5: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/5.jpg)
What users do
![Page 6: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/6.jpg)
Summary: A look of high level lead rates Focus on submitted leads and
engagement
![Page 7: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/7.jpg)
Submitted Leads
![Page 8: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/8.jpg)
Lead Rate - Last Month
Portal
Redacted
mDot
Redacted
![Page 9: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/9.jpg)
Year over Year Lead Rate Redacted
![Page 10: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/10.jpg)
mDot Lead Rate Redacted
![Page 11: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/11.jpg)
FS Lead Rate – Last MonthPortal mDot
redacted
redacted
![Page 12: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/12.jpg)
For Sale – Lead Rate Redacted
![Page 13: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/13.jpg)
For Sale mDot- Lead rate Redacted
![Page 14: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/14.jpg)
The following slides redacted: Avg Lead Rate Per Profile Type Average Rental Page Lead rate
![Page 15: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/15.jpg)
May not be leads, but are indicators of user engagement and activity
Engagement
![Page 16: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/16.jpg)
The following metrics were redacted:
![Page 17: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/17.jpg)
The following slides redacted: Bounce rate, major pages Average Time on Page Avg Mortgage Calculator Usage Rate Sharing Links Avg Rate – Detail Page Sticky Header – Averaged Rates MyAccount Signups – portal and mobile -
Avg Rate
![Page 18: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/18.jpg)
Redacted Top takeaways
![Page 19: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/19.jpg)
Research lit – a backgrounder (and caveat)
Patterns of user behavior – a demo Describing and explaining user
behavior
Part 2:
![Page 20: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/20.jpg)
Existing research Ground in existing body of research on how people search
Historically, tended to ignore behavior on content page
Seen as less important than search mechanics
Saw decision-making at detail page level as rational
![Page 21: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/21.jpg)
Result? Viewed web as a place for brochures Or, likened them to department or
specialty stores Static flow diagrams to conceive of
search process Didn’t see content as place to influence
conversions
![Page 22: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/22.jpg)
Mad men hangover Lackluster interest in detail page experience due to the stick-drive-convert model
Stick: build brand awarenessDrive: drive consumers to retailerConvert: cross fingers and hope customer chooses
![Page 23: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/23.jpg)
Upshot of the hangover Tended to ignore development of an online equivalent to merchandising
![Page 24: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/24.jpg)
Hangover: Home as hub approach Home as central hub
Categorize activities and departments to create secondary hubs
Design home page to drive consumers to those pages
![Page 25: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/25.jpg)
Remedy: content-out approach Valuable content = core
Figure out where people are coming from
Use links along that path to get people to the content
![Page 26: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/26.jpg)
Detail page: http://goo.gl/i41MQg
117 elements
Content Inventory: Item Page Region Business Need User Need Functionality Module Global or Local Nav
![Page 27: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/27.jpg)
eCommerce & conversion optimization Growth of ecommerce sites End of internet-as-talking-dog era Rise of UX-as-differentiator Stick-drive-convert model in decline
Growing body of research on how to influence consumer behavior
![Page 28: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/28.jpg)
Marketplace apps (web and phone) Marketplace – creates a platform for bringing buyers and sellers together
Search behavior can be different on marketplace sites than it is on eCommerce
eCommerce lessons don’t always translate
![Page 29: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/29.jpg)
BUT! - still useful Avg cart abandonment rate: 65.23%
Avg conversion rate: 2.13%
The higher the average order value (AOV), lower the product page effectiveness rate
AOV < $50, effectiveness rate is 25%.
AOV > $2000, effectiveness rate is 4-5%
![Page 30: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/30.jpg)
Remember: content is king Detail page is a type of content page Tended to think of detail page more like a
section in a department store In a marketplace, we don’t have control
over content Tended to think of content as reading
material By reconsidering them as content pages,
freer to consider design patterns in new ways
![Page 31: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/31.jpg)
Understand what they are doing better and figuring out why they are doing it
User research
![Page 32: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/32.jpg)
Summary of user research, 1 Follow all a similar pattern when first using
homes.com: verifying validity of results is primary goal
When familiar with the site, they don’t worry about verifying validity. They trust the site already.
Are annoyed by lead form CTAs (verbally); behaviorally, they use them
New users: Appear to use F pattern for quick skimming
Once engaged, use Z pattern for analyzing They do not see the string of data at the top of a
listing – price, beds, bath See photos, but expect more scannable information
on initial view
![Page 33: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/33.jpg)
Summary of user research, 2 Homes.com is generic name; users suspicious that
it might not yield valid results (want information scent they can trust)
Users notice local agents, see as positive sign Users want to know about the area to which
they’re moving Users don’t notice map search when asked to
search in a specific area Users are sometimes confused by the contact
forms- lack of verbiage (contact)- Sometimes confused about variety of contact forms- Expect to see it lower on the page
![Page 34: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/34.jpg)
How do we understand the user’s behavior?
Put user research in context
![Page 35: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/35.jpg)
Search basics – a review Users Not just new to
domain and technology in general
New to our site
![Page 36: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/36.jpg)
Verify, then trust – search results How our users behave1. Perform search2. Search results: skim and seek information
scent (e.g., search terms, pictures, etc.)3. Relevancy threshold – when results seem
valid and worth investigating further4. Back to top5. Begin second skim
![Page 37: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/37.jpg)
Verify, then trust – detail page A neophyte to our search will continue a
verification process, Is verifying that it’s worth investigating
detail pages Repeats a similar process to SRP
verification Scans for information scent to know if on
right track
![Page 38: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/38.jpg)
Verify, then trust – detail page (cont’d)1. Quick up and down scan of 1 or more
page2. Verifying information scent on detail
page3. If scent is still relevant, will either go
back to beginning of SRP to search in earnest OR remain on detail, go back to top and reexamine page.
![Page 39: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/39.jpg)
Information scent trumps accuracy Users always look for clues to see if they’re
on right track Too few or too many results aren’t an
obstacle Number of clicks isn’t a problem People stop searching when information
scent is weak Blocker: strong scent that isn’t verified
(distrusts results)
![Page 40: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/40.jpg)
Thrill of the search?“Search results don’t have to bring you to the final page. They have to bring you to the page with even better information.” – Jared Spool
For many users, this sense of getting closer and closer, more and more information, can produce a thrill of anticipation that is, in and of itself, rewarding.
![Page 41: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/41.jpg)
Patterns of lookingGuttenberg DiagramF pattern Z pattern Zig zag Z patternGolden Triangle
![Page 42: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/42.jpg)
Gutenberg Diagram: How people scan text heavy blocks Belief that designs
that work with this pattern can leverage natural reading “gravity” patterns
![Page 43: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/43.jpg)
F pattern
![Page 44: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/44.jpg)
F patternJakob Nielsen:“Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.”
People don’t’ read every word First two paragraphs get most attention Scan first few words of first 2 paragraphs, then drop off
![Page 45: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/45.jpg)
![Page 46: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/46.jpg)
![Page 47: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/47.jpg)
![Page 48: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/48.jpg)
ExamplesLA Times - http://www.latimes.com/nation/politics/politicsnow/la-na-congress-immigration-hearing-20141202-story.htmlTime.com -http://time.com/3613795/detroit-hit-by-massive-power-outage/
![Page 49: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/49.jpg)
Z Pattern
![Page 50: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/50.jpg)
Z Pattern People use it on less reading heavy text Point #1 (launch point - branding) Point #2: scans through to way point
landing Center: fallow Point #3: fallow waypoint Point #4: eye comes to rest
![Page 51: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/51.jpg)
Examples
![Page 52: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/52.jpg)
Zig Zag: Z pattern variation
![Page 53: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/53.jpg)
Conclusion
![Page 54: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/54.jpg)
In sum…1. Detail pages are content pages2. Design from content out 3. There are well-known patterns people
use to search and engage with results, including content pages
4. So far, our consumers tend to behave as expected
5. Feedback from user testing – worth investigating
![Page 55: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/55.jpg)
Strategies for addressing user search patterns on our content (detail) page
Next up
![Page 56: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/56.jpg)
To help users validate results: Leave information scent: trigger words,
images Create information hierarchy of most
important trigger words
![Page 57: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/57.jpg)
F pattern solutions Tends to be used on content heavy sites User scans in vertical line DOWN left side
of page Looks for key words and points of interest Gravitates to images and first few words
of first two paragraphs When they find something interesting,
they read horizontally
![Page 58: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/58.jpg)
Optimizing F pattern scanning Work with the F pattern Force user to stop and slow down –
come technique in rhetorical writing Use eyecatching deign -- a break that
forces people out of the pattern of looking
Provide visually interesting elements that can people people scanning toward engagement
![Page 59: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/59.jpg)
Best Practices1.Background: separate background to
keep the user's sight within your framework
2.Point #1: prime location for important content, especially for branding.
3.Point #2: Place next attention grabbing CTA
4.Center of page: slideshow, video, large image. Use to break up top and bottom sections
![Page 60: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/60.jpg)
Best Practices1.Point #3: optimize this line with
thumbnails, icons, trail to lead people to final CTA
2.Point #4: Primary CTA because it’s where user’s eye comes to rest
3. Z pattern can be repeated across page4. Can extend the Z Pattern throughout the
![Page 61: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/61.jpg)
Z PatternGood for simple designHelps organize key elementsUsed for good storytelling, to follow path of Z
![Page 62: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/62.jpg)
Working with Z pattern content Complex content that needs to be read
won’t help people skim the information better
Z pattern can bring order and make it easier to skim over information displayed in chunks.
![Page 63: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/63.jpg)
Z Pattern Examples
![Page 64: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/64.jpg)
What’s next? Once user is on the page and we’ve
optimized for F or Z pattern scanning, what’s next?
We have a lot of information, how do we keep user interested with next level of information scent?
How do we know what they are looking for?
How do we organize the information optimally?
Balance general and narrow interests of all users?
![Page 65: Lead conversions: It's all in the detail page](https://reader035.vdocuments.mx/reader035/viewer/2022081605/587fc76f1a28ab3b158b6417/html5/thumbnails/65.jpg)
Click icon to add picture
For more research-based insights about Redacted users, check out the UX insights portal: http://insights.redacted.com
Thoughts? Questions?