SlideShare a Scribd company logo
WebEnertia > SlideShare
NAVIGATION UX PATTERNS
THAT HELP TURN B2B SITE
VISITS INTO QUALIFIED
LEADS
37% OF VISITORS LEAVING
A SITE WITHOUT
COMPLETING FORMS OR
ANSWERING OTHER CALLS
TO ACTION.
Poor website navigation can account for up to
WebEnertia,Inc. 3
Applying the Right Navigation features for Your B2B Tech Website
A Note About Personalization
Avoid Three Nav Designs That Alienate Website Visitors
- Unorganized Navigation
- Vague Links
- Inconvenient Call to Actions
06
09
10
12
13
14
TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads
Table of Contents
There are a lot of options in the current era for optimizing the site
navigation experience.
ORGANIZATION AND
CONVENIENCE.
Let’s talk about two absolutely vital components all good site navigation have:
TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads
Applying the Right Navigation features
for Your B2B Tech Website
WebEnertia,Inc. 6
- Poor navigation will always have the opposite effect
- Avoid making users too impatient, confused, or simply too frustrated to complete the next step in the purchasing journey
Set them up for success from moment one
Follow up with low-commitment opportunities to learn more
- Answer their most essential questions upfront
- Give them a big-picture view of your offerings
Personalize it.
FUNCTIONALITY AND
FEATURES WILL VARY
DEPENDING ON THE
INDUSTRY YOU SERVE.
It’s important to note that
TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads
A Note About Personalization
WebEnertia,Inc. 9
Ex: websites serving the medical and healthcare fields will require navigation that looks very different from, say, a website catering to the needs of
cybersecurity clients
- a medical technology site would likely prompt the user to watch a demo illustrating a proposed solution
- being prompted to explore an ROI calculator could be more beneficial for an IT Security Manager who is contemplating the purchase of
cybersecurity software
Calls to action will invariably differ for each respective field
What could your site do that would make a visitor give up and leave?
CONSIDER THE LEAST
EFFECTIVE PRACTICES
THAT TOO MANY
WEBSITES STILL EMPLOY.
To choose the most effective approach, it’s sometimes helpful to
TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads
Avoid Three Nav Designs that Alienate
Website Visitors
WebEnertia,Inc. 12
- Consider using so-called mega menus that let visitors access even the deepest sections of your website
- Maximize the use of space and can leverage full screen or full- width dropdown menus with visuals to promote a wider range
of assets in navigation
- Reassure users they are never more than a click away from the information they need
- Allows you to promote those important lead gen CTAs
01. Unorganized main navigation with too many items and overly simplistic dropdown menus.
Effective Solution:
TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads
Avoid Three Nav Designs that Alienate
Website Visitors
WebEnertia,Inc.
- Effective link naming is a navigational tool that ensures all links are
meaningful and easy to follow
- Links should be labeled in a way that’s understandable and
easy for target personas to distinguish
- Include short descriptions for hard to understand links
- Establish trust and let users know before they click exactly where each
link will take them
02. Vague, non-descriptive links that don’t give
users enough information about where they are
headed on your site.
Effective Solution:
TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads
Avoid Three Nav Designs that Alienate
Website Visitors
WebEnertia,Inc.
- “Sticky” navigation, CTAs and locked assets
- Lock priority messaging to the top of the browser, so it’s
constantly visible and accessible as users scroll down the
page
- Give guests helpful and unobtrusive reminders to “get
started,” “contact sales,” “free trials” or complete another
task before leaving your site.
03. Inconvenient or easy-to-lose gated assets and
calls to action.
Effective Solution:
Facebook
Thank you. For more information visit:
/webenertia
Google+
Why not circle us?
LinkedIn
/company/webenertia
Twitter
@webenertia
webenertia.com/insights/website-nagivation-best-practices-for-b2b-tech-2020/

More Related Content

Similar to UX Patterns That Turn Site Visits Into Leads

Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
Ovidiu Von M
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
Bri'an Fields
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
StraightNorthIM
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperMatthew J. Lane
 
Maximizing User Engagement Strategies for Intuitive Website Navigation.pdf
Maximizing User Engagement Strategies for Intuitive Website Navigation.pdfMaximizing User Engagement Strategies for Intuitive Website Navigation.pdf
Maximizing User Engagement Strategies for Intuitive Website Navigation.pdf
BitCot
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practices
substance151
 
web designe.pdf
web designe.pdfweb designe.pdf
web designe.pdf
Rafiha Rahi
 
web designe.pdf
web designe.pdfweb designe.pdf
web designe.pdf
Fahia Farin
 
Web Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUTWeb Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUT
Amy Jorgensen
 
Promoting Your Travel Business on the Internet
Promoting Your Travel Business on the InternetPromoting Your Travel Business on the Internet
Promoting Your Travel Business on the InternetSteven Carson
 
Lab#10 navigation, links and hover rollovers
Lab#10 navigation, links and hover rolloversLab#10 navigation, links and hover rollovers
Lab#10 navigation, links and hover rollovers
Yaowaluck Promdee
 
Usability review
Usability reviewUsability review
Usability reviewsayedshiban
 
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdfResponsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
Dark Bears
 
Key Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdfKey Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdf
AD Techlogix - Website & Mobile App Development Company
 
How to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsHow to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive Leads
Digital Reach
 
9+ amazing strategies to reduce your bounce rates now!
9+ amazing strategies to reduce your bounce rates now!9+ amazing strategies to reduce your bounce rates now!
9+ amazing strategies to reduce your bounce rates now!
Larry338625
 
10 IDEAS FOR ENHANCING YOUR WEBSITE AT WEBPLAUSE
10 IDEAS FOR ENHANCING YOUR WEBSITE AT WEBPLAUSE10 IDEAS FOR ENHANCING YOUR WEBSITE AT WEBPLAUSE
10 IDEAS FOR ENHANCING YOUR WEBSITE AT WEBPLAUSE
Webplause Technology
 
The ultimate ux checklist for your website app
The ultimate ux checklist for your website appThe ultimate ux checklist for your website app
The ultimate ux checklist for your website app
Technousa Consulting Services Pvt Ltd
 

Similar to UX Patterns That Turn Site Visits Into Leads (20)

Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
 
Maximizing User Engagement Strategies for Intuitive Website Navigation.pdf
Maximizing User Engagement Strategies for Intuitive Website Navigation.pdfMaximizing User Engagement Strategies for Intuitive Website Navigation.pdf
Maximizing User Engagement Strategies for Intuitive Website Navigation.pdf
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practices
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
 
web designe.pdf
web designe.pdfweb designe.pdf
web designe.pdf
 
web designe.pdf
web designe.pdfweb designe.pdf
web designe.pdf
 
Web Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUTWeb Design in 1 hour (& 15 minutes) HANDOUT
Web Design in 1 hour (& 15 minutes) HANDOUT
 
Promoting Your Travel Business on the Internet
Promoting Your Travel Business on the InternetPromoting Your Travel Business on the Internet
Promoting Your Travel Business on the Internet
 
Lab#10 navigation, links and hover rollovers
Lab#10 navigation, links and hover rolloversLab#10 navigation, links and hover rollovers
Lab#10 navigation, links and hover rollovers
 
Usability review
Usability reviewUsability review
Usability review
 
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdfResponsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
 
Key Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdfKey Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdf
 
How to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsHow to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive Leads
 
9+ amazing strategies to reduce your bounce rates now!
9+ amazing strategies to reduce your bounce rates now!9+ amazing strategies to reduce your bounce rates now!
9+ amazing strategies to reduce your bounce rates now!
 
10 IDEAS FOR ENHANCING YOUR WEBSITE AT WEBPLAUSE
10 IDEAS FOR ENHANCING YOUR WEBSITE AT WEBPLAUSE10 IDEAS FOR ENHANCING YOUR WEBSITE AT WEBPLAUSE
10 IDEAS FOR ENHANCING YOUR WEBSITE AT WEBPLAUSE
 
Characterstc of web
Characterstc of webCharacterstc of web
Characterstc of web
 
The ultimate ux checklist for your website app
The ultimate ux checklist for your website appThe ultimate ux checklist for your website app
The ultimate ux checklist for your website app
 

More from Clear Digital

5 Considerations for Correctly Approaching Visual Sitemaps
5 Considerations for Correctly Approaching Visual Sitemaps5 Considerations for Correctly Approaching Visual Sitemaps
5 Considerations for Correctly Approaching Visual Sitemaps
Clear Digital
 
Project-Based vs. Retainer Engagements: Finding the Best Model for B2B Needs
Project-Based vs. Retainer Engagements: Finding the Best Model for B2B NeedsProject-Based vs. Retainer Engagements: Finding the Best Model for B2B Needs
Project-Based vs. Retainer Engagements: Finding the Best Model for B2B Needs
Clear Digital
 
Leveraging Client Case Studies to Close the Sale
Leveraging Client Case Studies to Close the SaleLeveraging Client Case Studies to Close the Sale
Leveraging Client Case Studies to Close the Sale
Clear Digital
 
B2B Social Media Strategy: Brand Consistency Across Platforms
B2B Social Media Strategy: Brand Consistency Across PlatformsB2B Social Media Strategy: Brand Consistency Across Platforms
B2B Social Media Strategy: Brand Consistency Across Platforms
Clear Digital
 
Transparent, Accountable, Forward-thinking: Here’s How Effective Project Mana...
Transparent, Accountable, Forward-thinking: Here’s How Effective Project Mana...Transparent, Accountable, Forward-thinking: Here’s How Effective Project Mana...
Transparent, Accountable, Forward-thinking: Here’s How Effective Project Mana...
Clear Digital
 
Benefits of B2B Marketing Automation: Hubspot vs Marketo
Benefits of B2B Marketing Automation: Hubspot vs MarketoBenefits of B2B Marketing Automation: Hubspot vs Marketo
Benefits of B2B Marketing Automation: Hubspot vs Marketo
Clear Digital
 
7 Design Trends That Will Help You Generate More Leads
7 Design Trends That Will Help You Generate More Leads7 Design Trends That Will Help You Generate More Leads
7 Design Trends That Will Help You Generate More Leads
Clear Digital
 
DRIVE LEAD GENERATION WITH GATED CONTENT
DRIVE LEAD GENERATION WITH GATED CONTENTDRIVE LEAD GENERATION WITH GATED CONTENT
DRIVE LEAD GENERATION WITH GATED CONTENT
Clear Digital
 

More from Clear Digital (8)

5 Considerations for Correctly Approaching Visual Sitemaps
5 Considerations for Correctly Approaching Visual Sitemaps5 Considerations for Correctly Approaching Visual Sitemaps
5 Considerations for Correctly Approaching Visual Sitemaps
 
Project-Based vs. Retainer Engagements: Finding the Best Model for B2B Needs
Project-Based vs. Retainer Engagements: Finding the Best Model for B2B NeedsProject-Based vs. Retainer Engagements: Finding the Best Model for B2B Needs
Project-Based vs. Retainer Engagements: Finding the Best Model for B2B Needs
 
Leveraging Client Case Studies to Close the Sale
Leveraging Client Case Studies to Close the SaleLeveraging Client Case Studies to Close the Sale
Leveraging Client Case Studies to Close the Sale
 
B2B Social Media Strategy: Brand Consistency Across Platforms
B2B Social Media Strategy: Brand Consistency Across PlatformsB2B Social Media Strategy: Brand Consistency Across Platforms
B2B Social Media Strategy: Brand Consistency Across Platforms
 
Transparent, Accountable, Forward-thinking: Here’s How Effective Project Mana...
Transparent, Accountable, Forward-thinking: Here’s How Effective Project Mana...Transparent, Accountable, Forward-thinking: Here’s How Effective Project Mana...
Transparent, Accountable, Forward-thinking: Here’s How Effective Project Mana...
 
Benefits of B2B Marketing Automation: Hubspot vs Marketo
Benefits of B2B Marketing Automation: Hubspot vs MarketoBenefits of B2B Marketing Automation: Hubspot vs Marketo
Benefits of B2B Marketing Automation: Hubspot vs Marketo
 
7 Design Trends That Will Help You Generate More Leads
7 Design Trends That Will Help You Generate More Leads7 Design Trends That Will Help You Generate More Leads
7 Design Trends That Will Help You Generate More Leads
 
DRIVE LEAD GENERATION WITH GATED CONTENT
DRIVE LEAD GENERATION WITH GATED CONTENTDRIVE LEAD GENERATION WITH GATED CONTENT
DRIVE LEAD GENERATION WITH GATED CONTENT
 

Recently uploaded

一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 

Recently uploaded (20)

一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 

UX Patterns That Turn Site Visits Into Leads

  • 1. WebEnertia > SlideShare NAVIGATION UX PATTERNS THAT HELP TURN B2B SITE VISITS INTO QUALIFIED LEADS
  • 2. 37% OF VISITORS LEAVING A SITE WITHOUT COMPLETING FORMS OR ANSWERING OTHER CALLS TO ACTION. Poor website navigation can account for up to
  • 3. WebEnertia,Inc. 3 Applying the Right Navigation features for Your B2B Tech Website A Note About Personalization Avoid Three Nav Designs That Alienate Website Visitors - Unorganized Navigation - Vague Links - Inconvenient Call to Actions 06 09 10 12 13 14 TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads Table of Contents
  • 4. There are a lot of options in the current era for optimizing the site navigation experience.
  • 5. ORGANIZATION AND CONVENIENCE. Let’s talk about two absolutely vital components all good site navigation have:
  • 6. TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads Applying the Right Navigation features for Your B2B Tech Website WebEnertia,Inc. 6 - Poor navigation will always have the opposite effect - Avoid making users too impatient, confused, or simply too frustrated to complete the next step in the purchasing journey Set them up for success from moment one Follow up with low-commitment opportunities to learn more - Answer their most essential questions upfront - Give them a big-picture view of your offerings
  • 8. FUNCTIONALITY AND FEATURES WILL VARY DEPENDING ON THE INDUSTRY YOU SERVE. It’s important to note that
  • 9. TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads A Note About Personalization WebEnertia,Inc. 9 Ex: websites serving the medical and healthcare fields will require navigation that looks very different from, say, a website catering to the needs of cybersecurity clients - a medical technology site would likely prompt the user to watch a demo illustrating a proposed solution - being prompted to explore an ROI calculator could be more beneficial for an IT Security Manager who is contemplating the purchase of cybersecurity software Calls to action will invariably differ for each respective field
  • 10. What could your site do that would make a visitor give up and leave?
  • 11. CONSIDER THE LEAST EFFECTIVE PRACTICES THAT TOO MANY WEBSITES STILL EMPLOY. To choose the most effective approach, it’s sometimes helpful to
  • 12. TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads Avoid Three Nav Designs that Alienate Website Visitors WebEnertia,Inc. 12 - Consider using so-called mega menus that let visitors access even the deepest sections of your website - Maximize the use of space and can leverage full screen or full- width dropdown menus with visuals to promote a wider range of assets in navigation - Reassure users they are never more than a click away from the information they need - Allows you to promote those important lead gen CTAs 01. Unorganized main navigation with too many items and overly simplistic dropdown menus. Effective Solution:
  • 13. TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads Avoid Three Nav Designs that Alienate Website Visitors WebEnertia,Inc. - Effective link naming is a navigational tool that ensures all links are meaningful and easy to follow - Links should be labeled in a way that’s understandable and easy for target personas to distinguish - Include short descriptions for hard to understand links - Establish trust and let users know before they click exactly where each link will take them 02. Vague, non-descriptive links that don’t give users enough information about where they are headed on your site. Effective Solution:
  • 14. TheseNavigationUXPatternsHelpTurnB2BSiteVisitsintoQualifiedLeads Avoid Three Nav Designs that Alienate Website Visitors WebEnertia,Inc. - “Sticky” navigation, CTAs and locked assets - Lock priority messaging to the top of the browser, so it’s constantly visible and accessible as users scroll down the page - Give guests helpful and unobtrusive reminders to “get started,” “contact sales,” “free trials” or complete another task before leaving your site. 03. Inconvenient or easy-to-lose gated assets and calls to action. Effective Solution:
  • 15. Facebook Thank you. For more information visit: /webenertia Google+ Why not circle us? LinkedIn /company/webenertia Twitter @webenertia webenertia.com/insights/website-nagivation-best-practices-for-b2b-tech-2020/