Designing for Discoverability

Molecular Inc
Molecular IncInteractive Agency at Molecular
Designing for Discoverability Steve Mulder & Joanne McLernon
 
Root causes of usability issues * ,[object Object]
Findability =  the quality of a  known item to  be  locatable  on a web site Discoverability = the quality of  a known  or unknown  item to be  noticeable  on a web page
Parade of Failures
Position Context User expectations  & conventions Design Text & Labeling The Components of Discoverability
 
 
 
 
 
Eyetracking study: The “F” pattern ,[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Position Context User expectations  & conventions Design Text & Labeling The Components of Discoverability
 
 
 
 
 
 
Eyetracking study: The “F” pattern
Eyetracking study: The “F” pattern
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
 
Position Context User expectations  & conventions Design Text & Labeling The Components of Discoverability
 
 
 
 
  Home   About Us   Internal Links   Search Engine
Ads
[object Object],[object Object],[object Object],[object Object]
 
Design Real Estate & Size Visual Miscommunication Color & Imagery Typography Animation The Components of Discoverability
 
 
[object Object],[object Object]
Design Real Estate & Size Visual Miscommunication Color & Imagery Typography Animation The Components of Discoverability
 
 
[object Object],[object Object],[object Object]
Design Real Estate & Size Visual Miscommunication Color & Imagery Typography Animation The Components of Discoverability
 
 
 
 
 
[object Object],[object Object],[object Object],[object Object],[object Object]
Design Real Estate & Size Visual Miscommunication Color & Imagery Typography Animation The Components of Discoverability
 
 
 
 
[object Object],[object Object],[object Object],[object Object]
Design Real Estate & Size Visual Miscommunication Color & Imagery Typography Animation The Components of Discoverability
 
 
 
[object Object],[object Object],[object Object],[object Object]
 
Position Context User expectations  & conventions Design Text & Labeling The Components of Discoverability
 
 
 
 
[object Object],[object Object],[object Object],[object Object]
Resources ,[object Object],[object Object],[object Object],[object Object],[object Object]
Thank you Joanne McLernon [email_address] Steve Mulder [email_address]
1 of 72

Recommended

Rich Interface Design by
Rich Interface DesignRich Interface Design
Rich Interface DesignMolecular Inc
2.2K views86 slides
2016 #WCFAY Anatomy of a Website by
2016 #WCFAY Anatomy of a Website2016 #WCFAY Anatomy of a Website
2016 #WCFAY Anatomy of a WebsiteJamie's Notebook
1.1K views24 slides
Example by
ExampleExample
Exampletara
2.4K views47 slides
Your Digital Brand: Building a Powerful Website by
Your Digital Brand: Building a Powerful Website Your Digital Brand: Building a Powerful Website
Your Digital Brand: Building a Powerful Website Katharine Coles
1K views48 slides
Jensen Harris: Beyond Menus and Toolbars in Microsoft Office by
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeJensen Harris: Beyond Menus and Toolbars in Microsoft Office
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeSteve Williams
665 views70 slides
Bia Marketing Presentation Huber Web Design by
Bia Marketing Presentation Huber Web DesignBia Marketing Presentation Huber Web Design
Bia Marketing Presentation Huber Web Designruthmilligan
476 views20 slides

More Related Content

What's hot

Joomla Day Austin Part 1 by
Joomla Day Austin Part 1Joomla Day Austin Part 1
Joomla Day Austin Part 1Kyle Ledbetter
1.6K views69 slides
Form Design: Best practices by
Form Design: Best practicesForm Design: Best practices
Form Design: Best practicescesani
369 views26 slides
Top 10 tips for maximising accessibility - breakfast briefing March 2016 by
Top 10 tips for maximising accessibility - breakfast briefing March 2016Top 10 tips for maximising accessibility - breakfast briefing March 2016
Top 10 tips for maximising accessibility - breakfast briefing March 2016User Vision
609 views22 slides
Heuristic Evaluation of Grand Canyon Tour and Travel by
Heuristic Evaluation of Grand Canyon Tour and TravelHeuristic Evaluation of Grand Canyon Tour and Travel
Heuristic Evaluation of Grand Canyon Tour and Travelcathymcclure
1.2K views5 slides
20 landing-pages by
20 landing-pages20 landing-pages
20 landing-pagesSampsa Vainio
359 views22 slides

What's hot(20)

Form Design: Best practices by cesani
Form Design: Best practicesForm Design: Best practices
Form Design: Best practices
cesani369 views
Top 10 tips for maximising accessibility - breakfast briefing March 2016 by User Vision
Top 10 tips for maximising accessibility - breakfast briefing March 2016Top 10 tips for maximising accessibility - breakfast briefing March 2016
Top 10 tips for maximising accessibility - breakfast briefing March 2016
User Vision609 views
Heuristic Evaluation of Grand Canyon Tour and Travel by cathymcclure
Heuristic Evaluation of Grand Canyon Tour and TravelHeuristic Evaluation of Grand Canyon Tour and Travel
Heuristic Evaluation of Grand Canyon Tour and Travel
cathymcclure1.2K views
SMX West 2010 - Conversion Optimization Tips by Kayden Kelly
SMX West 2010 - Conversion Optimization TipsSMX West 2010 - Conversion Optimization Tips
SMX West 2010 - Conversion Optimization Tips
Kayden Kelly1.1K views
How to make on line forms beautiful by User Vision
How to make on line forms beautifulHow to make on line forms beautiful
How to make on line forms beautiful
User Vision638 views
Ux for nonprofits_5-19-11 by rsmallbone
Ux for nonprofits_5-19-11Ux for nonprofits_5-19-11
Ux for nonprofits_5-19-11
rsmallbone679 views
The Ultimate Website Development Roadmap by Adina Zaiontz
The Ultimate Website Development RoadmapThe Ultimate Website Development Roadmap
The Ultimate Website Development Roadmap
Adina Zaiontz29.4K views
Growing Your Business With A Website: WIBO by Mardy Sitzer
Growing Your Business With A Website: WIBOGrowing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBO
Mardy Sitzer631 views
Website Design Part 1 by Eric Legg
Website Design Part 1Website Design Part 1
Website Design Part 1
Eric Legg349 views
Website Design2 by Eric Legg
Website Design2Website Design2
Website Design2
Eric Legg244 views
Stickydrive Promotional Powerpoint by drs650
Stickydrive Promotional PowerpointStickydrive Promotional Powerpoint
Stickydrive Promotional Powerpoint
drs650316 views
Responsive Websites: Are They A Trend Or Are They Here To Stay by Fast Track Marketing
Responsive Websites:  Are They A Trend Or Are They Here To Stay Responsive Websites:  Are They A Trend Or Are They Here To Stay
Responsive Websites: Are They A Trend Or Are They Here To Stay
Building 50+ products without code - No Code Conf 2019 Workshop by Webflow
Building 50+ products without code - No Code Conf 2019 WorkshopBuilding 50+ products without code - No Code Conf 2019 Workshop
Building 50+ products without code - No Code Conf 2019 Workshop
Webflow462 views
Website Planning 101 with Jen McKibben by John Coonen
Website Planning 101 with Jen McKibbenWebsite Planning 101 with Jen McKibben
Website Planning 101 with Jen McKibben
John Coonen752 views

Similar to Designing for Discoverability

Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc. by
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Brody Dorland
5K views52 slides
Search & Filter Interface Round Up - Usability Marathon - Cueva by
Search & Filter Interface Round Up - Usability Marathon - CuevaSearch & Filter Interface Round Up - Usability Marathon - Cueva
Search & Filter Interface Round Up - Usability Marathon - CuevaAmy Cueva
941 views59 slides
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy" by
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"UX STRAT
13.1K views57 slides
Planning a sucessful business website by
Planning a sucessful business websitePlanning a sucessful business website
Planning a sucessful business websiteAnubhav Singh MBA,Ph.D, UGC JRF
156 views41 slides
User experience design overview for Tufts' School of Medicine web health comm... by
User experience design overview for Tufts' School of Medicine web health comm...User experience design overview for Tufts' School of Medicine web health comm...
User experience design overview for Tufts' School of Medicine web health comm...Tania Schlatter
2.6K views34 slides
Process for Online Visibility: From Information Architecture to Killer Content by
Process for Online Visibility: From Information Architecture to Killer ContentProcess for Online Visibility: From Information Architecture to Killer Content
Process for Online Visibility: From Information Architecture to Killer ContentYo! Yo! SEO
10.5K views56 slides

Similar to Designing for Discoverability(20)

Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc. by Brody Dorland
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Brody Dorland5K views
Search & Filter Interface Round Up - Usability Marathon - Cueva by Amy Cueva
Search & Filter Interface Round Up - Usability Marathon - CuevaSearch & Filter Interface Round Up - Usability Marathon - Cueva
Search & Filter Interface Round Up - Usability Marathon - Cueva
Amy Cueva941 views
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy" by UX STRAT
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"
UX STRAT USA, Peter Merholz, "My Journey with Experience Strategy"
UX STRAT13.1K views
User experience design overview for Tufts' School of Medicine web health comm... by Tania Schlatter
User experience design overview for Tufts' School of Medicine web health comm...User experience design overview for Tufts' School of Medicine web health comm...
User experience design overview for Tufts' School of Medicine web health comm...
Tania Schlatter2.6K views
Process for Online Visibility: From Information Architecture to Killer Content by Yo! Yo! SEO
Process for Online Visibility: From Information Architecture to Killer ContentProcess for Online Visibility: From Information Architecture to Killer Content
Process for Online Visibility: From Information Architecture to Killer Content
Yo! Yo! SEO10.5K views
Building a Best-in-Class Economic Development Website by Atlas Integrated
Building a Best-in-Class Economic Development WebsiteBuilding a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development Website
Atlas Integrated2.8K views
Building a Best-in-Class Economic Development Website. by Dan St. Peter
Building a Best-in-Class Economic Development Website.Building a Best-in-Class Economic Development Website.
Building a Best-in-Class Economic Development Website.
Dan St. Peter795 views
Google Analytics for Increased Website Conversion by Insivia
Google Analytics for Increased Website ConversionGoogle Analytics for Increased Website Conversion
Google Analytics for Increased Website Conversion
Insivia1K views
Tuning Up Site Search - IA Summit 2007 by Chris Farnum
Tuning Up Site Search - IA Summit 2007Tuning Up Site Search - IA Summit 2007
Tuning Up Site Search - IA Summit 2007
Chris Farnum2.7K views
Designing Outcomes For Usability Nycupa Hurst Final by Marko Hurst
Designing Outcomes For Usability Nycupa Hurst FinalDesigning Outcomes For Usability Nycupa Hurst Final
Designing Outcomes For Usability Nycupa Hurst Final
Marko Hurst7.1K views
Seo training-2010-100818134052-phpapp02 (1) by Dharmendra Patel
Seo training-2010-100818134052-phpapp02 (1)Seo training-2010-100818134052-phpapp02 (1)
Seo training-2010-100818134052-phpapp02 (1)
Dharmendra Patel557 views
Search Enginge Optimization: SEOmoz by mbragi
Search Enginge Optimization: SEOmozSearch Enginge Optimization: SEOmoz
Search Enginge Optimization: SEOmoz
mbragi500 views
Introduction to SEO by Rand Fishkin
Introduction to SEOIntroduction to SEO
Introduction to SEO
Rand Fishkin230K views
SEO Social Blog: SEO Training 2010 From SEOmoz by SEO Social Blog
SEO Social Blog:  SEO Training 2010 From SEOmoz SEO Social Blog:  SEO Training 2010 From SEOmoz
SEO Social Blog: SEO Training 2010 From SEOmoz
SEO Social Blog1.6K views
10 must know skills for growth hacker by Wojtek Skalski
10 must know skills for growth hacker10 must know skills for growth hacker
10 must know skills for growth hacker
Wojtek Skalski3.4K views

More from Molecular Inc

mCommerce and Mobile Banking: The Evolution and Opportunities by
mCommerce and Mobile Banking: The Evolution and OpportunitiesmCommerce and Mobile Banking: The Evolution and Opportunities
mCommerce and Mobile Banking: The Evolution and OpportunitiesMolecular Inc
1.7K views15 slides
Focusing on the User - Business-Centered User Design by
Focusing on the User - Business-Centered User DesignFocusing on the User - Business-Centered User Design
Focusing on the User - Business-Centered User DesignMolecular Inc
772 views41 slides
Web 2.0 - Fact, Fiction and Function by
Web 2.0 - Fact, Fiction and FunctionWeb 2.0 - Fact, Fiction and Function
Web 2.0 - Fact, Fiction and FunctionMolecular Inc
2.1K views26 slides
Ich Bin Ein Website - The impact of culture and language on internationalization by
Ich Bin Ein Website - The impact of culture and language on internationalizationIch Bin Ein Website - The impact of culture and language on internationalization
Ich Bin Ein Website - The impact of culture and language on internationalizationMolecular Inc
928 views41 slides
The Wild West of Mobile by
The Wild West of MobileThe Wild West of Mobile
The Wild West of MobileMolecular Inc
750 views112 slides
8 Quick Twitter Tips & Tools by
8 Quick Twitter Tips & Tools8 Quick Twitter Tips & Tools
8 Quick Twitter Tips & ToolsMolecular Inc
1K views10 slides

More from Molecular Inc(16)

mCommerce and Mobile Banking: The Evolution and Opportunities by Molecular Inc
mCommerce and Mobile Banking: The Evolution and OpportunitiesmCommerce and Mobile Banking: The Evolution and Opportunities
mCommerce and Mobile Banking: The Evolution and Opportunities
Molecular Inc1.7K views
Focusing on the User - Business-Centered User Design by Molecular Inc
Focusing on the User - Business-Centered User DesignFocusing on the User - Business-Centered User Design
Focusing on the User - Business-Centered User Design
Molecular Inc772 views
Web 2.0 - Fact, Fiction and Function by Molecular Inc
Web 2.0 - Fact, Fiction and FunctionWeb 2.0 - Fact, Fiction and Function
Web 2.0 - Fact, Fiction and Function
Molecular Inc2.1K views
Ich Bin Ein Website - The impact of culture and language on internationalization by Molecular Inc
Ich Bin Ein Website - The impact of culture and language on internationalizationIch Bin Ein Website - The impact of culture and language on internationalization
Ich Bin Ein Website - The impact of culture and language on internationalization
Molecular Inc928 views
8 Quick Twitter Tips & Tools by Molecular Inc
8 Quick Twitter Tips & Tools8 Quick Twitter Tips & Tools
8 Quick Twitter Tips & Tools
Molecular Inc1K views
Your Users Trust Each Other, Not You: Why and How to Implement Ratings and Re... by Molecular Inc
Your Users Trust Each Other, Not You: Why and How to Implement Ratings and Re...Your Users Trust Each Other, Not You: Why and How to Implement Ratings and Re...
Your Users Trust Each Other, Not You: Why and How to Implement Ratings and Re...
Molecular Inc33.2K views
Making Web 2.0 Real Part 2 - Rich Interfaces by Molecular Inc
Making Web 2.0 Real Part 2 - Rich InterfacesMaking Web 2.0 Real Part 2 - Rich Interfaces
Making Web 2.0 Real Part 2 - Rich Interfaces
Molecular Inc1.7K views
B2B Social Media Marketing by Molecular Inc
B2B Social Media MarketingB2B Social Media Marketing
B2B Social Media Marketing
Molecular Inc1.1K views
Making Web 2.0 Real Part 1: Social Media by Molecular Inc
Making Web 2.0 Real Part 1: Social MediaMaking Web 2.0 Real Part 1: Social Media
Making Web 2.0 Real Part 1: Social Media
Molecular Inc1.4K views
So You Have A Blog: Now What? by Molecular Inc
So You Have A Blog: Now What?So You Have A Blog: Now What?
So You Have A Blog: Now What?
Molecular Inc1K views
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can Too by Molecular Inc
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can TooMashUp Mania: How Reebok Created the Ultimate Mashup and You Can Too
MashUp Mania: How Reebok Created the Ultimate Mashup and You Can Too
Molecular Inc716 views
Making Sense Of Social Networks by Molecular Inc
Making Sense Of Social NetworksMaking Sense Of Social Networks
Making Sense Of Social Networks
Molecular Inc814 views

Recently uploaded

NYKAA PPT .pptx by
NYKAA PPT .pptxNYKAA PPT .pptx
NYKAA PPT .pptx125071081
11 views9 slides
Cookie Business Plan Example by
Cookie Business Plan ExampleCookie Business Plan Example
Cookie Business Plan ExampleJessica Larson
16 views50 slides
Integrating Talent Management Practices by
Integrating Talent Management PracticesIntegrating Talent Management Practices
Integrating Talent Management PracticesSeta Wicaksana
21 views29 slides
Group and Teams: Increasing Cooperation and Reducing Conflict by
Group and Teams: Increasing Cooperation and Reducing Conflict Group and Teams: Increasing Cooperation and Reducing Conflict
Group and Teams: Increasing Cooperation and Reducing Conflict Seta Wicaksana
17 views14 slides
Effective Supervisory Skill by
Effective Supervisory SkillEffective Supervisory Skill
Effective Supervisory SkillSeta Wicaksana
14 views26 slides
MechMaf Shipping LLC by
MechMaf Shipping LLCMechMaf Shipping LLC
MechMaf Shipping LLCMechMaf Shipping LLC
30 views288 slides

Recently uploaded(20)

NYKAA PPT .pptx by 125071081
NYKAA PPT .pptxNYKAA PPT .pptx
NYKAA PPT .pptx
12507108111 views
Integrating Talent Management Practices by Seta Wicaksana
Integrating Talent Management PracticesIntegrating Talent Management Practices
Integrating Talent Management Practices
Seta Wicaksana21 views
Group and Teams: Increasing Cooperation and Reducing Conflict by Seta Wicaksana
Group and Teams: Increasing Cooperation and Reducing Conflict Group and Teams: Increasing Cooperation and Reducing Conflict
Group and Teams: Increasing Cooperation and Reducing Conflict
Seta Wicaksana17 views
2023 Photo Contest.pptx by culhama
2023 Photo Contest.pptx2023 Photo Contest.pptx
2023 Photo Contest.pptx
culhama26 views
Bloomerang_Forecasting Your Fundraising Revenue 2024.pptx.pdf by Bloomerang
Bloomerang_Forecasting Your Fundraising Revenue 2024.pptx.pdfBloomerang_Forecasting Your Fundraising Revenue 2024.pptx.pdf
Bloomerang_Forecasting Your Fundraising Revenue 2024.pptx.pdf
Bloomerang101 views
The Truth About Customer Journey Mapping by Aggregage
The Truth About Customer Journey MappingThe Truth About Customer Journey Mapping
The Truth About Customer Journey Mapping
Aggregage55 views
The Talent Management Navigator Performance Management by Seta Wicaksana
The Talent Management Navigator Performance ManagementThe Talent Management Navigator Performance Management
The Talent Management Navigator Performance Management
Seta Wicaksana12 views
Monthly Social Media Update November 2023 copy.pptx by Andy Lambert
Monthly Social Media Update November 2023 copy.pptxMonthly Social Media Update November 2023 copy.pptx
Monthly Social Media Update November 2023 copy.pptx
Andy Lambert13 views
Top 10 Web Development Companies in California by TopCSSGallery
Top 10 Web Development Companies in CaliforniaTop 10 Web Development Companies in California
Top 10 Web Development Companies in California
TopCSSGallery42 views

Designing for Discoverability