SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
presents



                       Kill The Noise
Prioritize your Website with Wireframes and Strategic
                Information Architecture

                                     Hosted by
     Kelley Jarrett, Marketing Manager and Web Strategist, GUIDE Creative
   Guest Panelist: Anthony Harris, Interactive Design Manager, GUIDE Creative
Why is Visual Strategy Important?
YOUR WEBSITE MAY SAY SO MUCH IT SAYS NOTHING AT ALL

PROVIDES AUDIENCE-CENTRIC CONTENT AND NAVIGATION

PROMOTES CLARITY AND FOCUS
The Importance of Prioritizing Your Content
Prepare to Reduce the Noise:
REVIEW YOUR WEBSITE AND ASK YOURSELF:

What three user tasks are the highest priority for your organization?

Are you giving that user task the loudest voice?

Are less important tasks competing with your critical tasks?
Visual Prioritization
    YOUR WEBSITE        YOUR AUDIENCE
Wireframes Help Prioritize
SHOULD BE COMPLETED AFTER AUDIENCE ANALYSIS AND BEFORE VISUAL
DESIGN

HELP TAKE YOUR WEBSITE FROM SUBJECTIVE TO OBJECTIVE.
Wireframes Help Prioritize
IDENTIFY THE TOP
10 TASKS AND PRIORITIZE
IMPORTANCE

WHEN CREATING A
WIREFRAME, CONSIDER:
  Position
  Size
  Contrast
  Calls to Action
DOCUMENT WHY DECISIONS WERE
MADE. PREVENTS COMPETITION
AND “CONTENT CREEP”
Audience-Centric Navigation
    YOUR WEBSITE      YOUR AUDIENCE
Online Card Sorting
                 Online Card Sorting gives your team the ability to determine
                 the ideal structure of your new navigation by grouping pages and
                 tasks into common categories and sorted by importance. This data
                 can be used to create a new sitemap and to drive the visual design
                 of the new interface of your site.
Onsite Card Sorting
                      The Onsite Card Sorting allows us
                      to work side by side with your team
                      in developing the navigation and
                      interface of your site. Unlike the
                      Online Card Sort, conducting the
                      exercise in person can lead to
                      revealing conversations about the
                      nature of your audience and the
                      deficiencies of your current navigation
                      scheme that can be solved by a
                      effective card sort.
Site Map




From the Onsite Card Sorting exercise, a new Site
Map is generated. This site map takes all the data
gathered during the card sort and compiles it into a
diagram of your site’s new navigation scheme,
allowing you to visualize how the user will navigate
through your content. This site map also acts as a
guide for the interface that is developed during the
Visual Design process.
Content
   YOUR WEBSITE   YOUR AUDIENCE
Analyze Your Content
ANALYZE CURRENT CONTENT
  Active Pages
  Broken Links
  # of pages
  Most commonly accessed
  Least accessed
  2 Clicks to Key tasks

DETERMINE KEEPERS AND TRASH
  What can you leave behind?
  What should you optimize with Calls to Action?
Plan Your Content Strategy
ANALYZE CURRENT STATE

DETERMINE WEAKNESSES
Recap
ANALYZE YOUR AUDIENCE

PRIORITIZE TASKS

CREATE A VISUAL HIERARCHY THROUGH WIREFRAMES

FORM AN AUDIENCE-CENTRIC NAVIGATION

ANALYZE YOUR CONTENT

DEFINE YOUR CONTENT STRATEGY
Next Session                    	

                                	

THE ART AND THE MAGIC

BEAUTIFUL DESIGN BASED ON SOLID STRATEGY
WHILE AUDIENCE-CENTRIC DESIGN IS KEY, YOU MUST NOT FORGET
    ABOUT YOUR GOALS AND WORK THEM INTO THE DESIGN.

YOUR AUDIENCE’S GOALS + YOUR ORGANIZATION GOALS = WELL
                   PRIORITIZED SITE




               REDUCING THE NOISE
Recap
IDENTIFY YOUR AUDIENCE

ANALYZE BEHAVIOR

CREATE PERSONAS

PRIORITIZE

OUTLINE YOUR TOP THREE GOALS

GET BUY-IN TO REDUCE THE NOISE
How Can You Learn More?
5 Tips to Strengthen Your Website’s Core Message (Blog by GUIDE Designer,
  Ben German)

Get Better Results from Your Website (Blog by GUIDE Creative Designer,
  Katherine Till)

The Importance of Strategic Web Design (Blog, webinar recordings and slide
  downloads) – Kelley Jarrett

Kill the Noise – the Importance of Wireframes for Website Prioritization – Blog by
   Ben Wong, Interactive Design Manager

Audience-Centric Design - How to Get There – Blog by Andrew Fort, Interactive
  Design Manager
The GUIDE Series Continues…

Más contenido relacionado

La actualidad más candente

Basics of Interaction Design and Strategy
Basics of Interaction Design and StrategyBasics of Interaction Design and Strategy
Basics of Interaction Design and StrategyRobert Stribley
 
Designing for a Better User Experience
Designing for a Better User ExperienceDesigning for a Better User Experience
Designing for a Better User ExperienceBuiltByHQ
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadGrande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadCanadaHelps / MyCharityConnects
 
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]CanadaHelps / MyCharityConnects
 
Community Sector Provincial Forum - St. John's [2010-10-01]
Community Sector Provincial Forum - St. John's [2010-10-01]Community Sector Provincial Forum - St. John's [2010-10-01]
Community Sector Provincial Forum - St. John's [2010-10-01]CanadaHelps / MyCharityConnects
 
Is your website design current
Is your website design currentIs your website design current
Is your website design currentGenerate UK
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For UseChristina Wodtke
 
Designing for web & beyond – don’t get caught with your browser down finalclean
Designing for web & beyond – don’t get caught with your browser down finalcleanDesigning for web & beyond – don’t get caught with your browser down finalclean
Designing for web & beyond – don’t get caught with your browser down finalcleanDuaneClare
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Designsirferds
 
Teachback on Global Business
Teachback on Global BusinessTeachback on Global Business
Teachback on Global Businessdunham16
 
A SharePoint User eXperience
A SharePoint User eXperienceA SharePoint User eXperience
A SharePoint User eXperienceSparked
 
Social Web Application Design
Social Web Application DesignSocial Web Application Design
Social Web Application DesignLuke Wroblewski
 
Yvonne Doll, Designing Content for Usability
Yvonne Doll, Designing Content for UsabilityYvonne Doll, Designing Content for Usability
Yvonne Doll, Designing Content for Usabilitywebcontent2007
 
Doxia Web Samples
Doxia Web SamplesDoxia Web Samples
Doxia Web SamplesSteve Etner
 
Web Application Page Hierarchy
Web Application Page HierarchyWeb Application Page Hierarchy
Web Application Page HierarchyLuke Wroblewski
 
Abi Jones : Visual Resume
Abi Jones : Visual ResumeAbi Jones : Visual Resume
Abi Jones : Visual ResumeAbi Jones
 

La actualidad más candente (20)

Basics of Interaction Design and Strategy
Basics of Interaction Design and StrategyBasics of Interaction Design and Strategy
Basics of Interaction Design and Strategy
 
Designing for a Better User Experience
Designing for a Better User ExperienceDesigning for a Better User Experience
Designing for a Better User Experience
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadGrande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
 
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
 
Community Sector Provincial Forum - St. John's [2010-10-01]
Community Sector Provincial Forum - St. John's [2010-10-01]Community Sector Provincial Forum - St. John's [2010-10-01]
Community Sector Provincial Forum - St. John's [2010-10-01]
 
Decrap Your Application
Decrap Your ApplicationDecrap Your Application
Decrap Your Application
 
CPA presentation
CPA presentationCPA presentation
CPA presentation
 
Is your website design current
Is your website design currentIs your website design current
Is your website design current
 
Planning your design
Planning your design Planning your design
Planning your design
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For Use
 
Designing for web & beyond – don’t get caught with your browser down finalclean
Designing for web & beyond – don’t get caught with your browser down finalcleanDesigning for web & beyond – don’t get caught with your browser down finalclean
Designing for web & beyond – don’t get caught with your browser down finalclean
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
 
Teachback on Global Business
Teachback on Global BusinessTeachback on Global Business
Teachback on Global Business
 
A SharePoint User eXperience
A SharePoint User eXperienceA SharePoint User eXperience
A SharePoint User eXperience
 
Seo & UX
Seo & UXSeo & UX
Seo & UX
 
Social Web Application Design
Social Web Application DesignSocial Web Application Design
Social Web Application Design
 
Yvonne Doll, Designing Content for Usability
Yvonne Doll, Designing Content for UsabilityYvonne Doll, Designing Content for Usability
Yvonne Doll, Designing Content for Usability
 
Doxia Web Samples
Doxia Web SamplesDoxia Web Samples
Doxia Web Samples
 
Web Application Page Hierarchy
Web Application Page HierarchyWeb Application Page Hierarchy
Web Application Page Hierarchy
 
Abi Jones : Visual Resume
Abi Jones : Visual ResumeAbi Jones : Visual Resume
Abi Jones : Visual Resume
 

Destacado

sharad mishra acoustic ,sliding folding partition,envirotech systems pvt.ltd,...
sharad mishra acoustic ,sliding folding partition,envirotech systems pvt.ltd,...sharad mishra acoustic ,sliding folding partition,envirotech systems pvt.ltd,...
sharad mishra acoustic ,sliding folding partition,envirotech systems pvt.ltd,...mishrasharad
 
O'Reilly Webcast: Ten Things Every Software Architect Should Know
O'Reilly Webcast: Ten Things Every Software Architect Should KnowO'Reilly Webcast: Ten Things Every Software Architect Should Know
O'Reilly Webcast: Ten Things Every Software Architect Should KnowO'Reilly Media
 
Guide series creating the ultimate interactive experience through social media
Guide series creating the ultimate interactive experience through social mediaGuide series creating the ultimate interactive experience through social media
Guide series creating the ultimate interactive experience through social mediaguidecreative
 
2013 Web Design Trends for Nonprofits
2013 Web Design Trends for Nonprofits2013 Web Design Trends for Nonprofits
2013 Web Design Trends for Nonprofitsguidecreative
 
Brand architecture
Brand architectureBrand architecture
Brand architectureAdeeb Zaki
 
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
The Importance of Analyzing Your Audience in Strategic Nonprofit Web DesignThe Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Designguidecreative
 
How can NGOs use Social Media for Marketing and for Raising Funds
How can NGOs use Social Media for Marketing and for Raising FundsHow can NGOs use Social Media for Marketing and for Raising Funds
How can NGOs use Social Media for Marketing and for Raising FundsPavan Mondreti
 
Communicating Your Nonprofit's Brand
Communicating Your Nonprofit's BrandCommunicating Your Nonprofit's Brand
Communicating Your Nonprofit's Brandguidecreative
 
Defining Your Nonprofit's Brand: Strategy_pdf
Defining Your Nonprofit's Brand: Strategy_pdfDefining Your Nonprofit's Brand: Strategy_pdf
Defining Your Nonprofit's Brand: Strategy_pdfguidecreative
 
Social Media Marketing Nonprofits and NGO
Social Media Marketing Nonprofits and NGOSocial Media Marketing Nonprofits and NGO
Social Media Marketing Nonprofits and NGOIBM Danmark
 
Nonprofit Marketing Plan Template
Nonprofit Marketing Plan TemplateNonprofit Marketing Plan Template
Nonprofit Marketing Plan TemplateErica Mills
 
Building your brand – A practical guide for nonprofit organizations
Building your brand – A practical guide for nonprofit organizationsBuilding your brand – A practical guide for nonprofit organizations
Building your brand – A practical guide for nonprofit organizations4Good.org
 
Nonprofit Marketing Plan Template - Summary
Nonprofit Marketing Plan Template - SummaryNonprofit Marketing Plan Template - Summary
Nonprofit Marketing Plan Template - SummaryKivi Leroux Miller
 
Nonprofit Communication Plan: Oxfam International
Nonprofit Communication Plan: Oxfam InternationalNonprofit Communication Plan: Oxfam International
Nonprofit Communication Plan: Oxfam InternationalJ Millaway
 
Non-Profit Marketing Communications Strategy
Non-Profit Marketing Communications StrategyNon-Profit Marketing Communications Strategy
Non-Profit Marketing Communications StrategyFlint Group
 
Checklist Communication Strategy Development
Checklist Communication Strategy DevelopmentChecklist Communication Strategy Development
Checklist Communication Strategy DevelopmentEwen Le Borgne
 
Strategic Communications Planning - A Free eBook
Strategic Communications Planning - A Free eBookStrategic Communications Planning - A Free eBook
Strategic Communications Planning - A Free eBookDave Fleet
 
Developing a Communications Strategy for Your Nonprofit
Developing a Communications Strategy for Your NonprofitDeveloping a Communications Strategy for Your Nonprofit
Developing a Communications Strategy for Your NonprofitBig Duck
 
Climatology in architecture
Climatology in architectureClimatology in architecture
Climatology in architectureSadanand Kumar
 

Destacado (20)

sharad mishra acoustic ,sliding folding partition,envirotech systems pvt.ltd,...
sharad mishra acoustic ,sliding folding partition,envirotech systems pvt.ltd,...sharad mishra acoustic ,sliding folding partition,envirotech systems pvt.ltd,...
sharad mishra acoustic ,sliding folding partition,envirotech systems pvt.ltd,...
 
O'Reilly Webcast: Ten Things Every Software Architect Should Know
O'Reilly Webcast: Ten Things Every Software Architect Should KnowO'Reilly Webcast: Ten Things Every Software Architect Should Know
O'Reilly Webcast: Ten Things Every Software Architect Should Know
 
Guide series creating the ultimate interactive experience through social media
Guide series creating the ultimate interactive experience through social mediaGuide series creating the ultimate interactive experience through social media
Guide series creating the ultimate interactive experience through social media
 
2013 Web Design Trends for Nonprofits
2013 Web Design Trends for Nonprofits2013 Web Design Trends for Nonprofits
2013 Web Design Trends for Nonprofits
 
Corporate Identity Manuals
Corporate Identity ManualsCorporate Identity Manuals
Corporate Identity Manuals
 
Brand architecture
Brand architectureBrand architecture
Brand architecture
 
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
The Importance of Analyzing Your Audience in Strategic Nonprofit Web DesignThe Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
 
How can NGOs use Social Media for Marketing and for Raising Funds
How can NGOs use Social Media for Marketing and for Raising FundsHow can NGOs use Social Media for Marketing and for Raising Funds
How can NGOs use Social Media for Marketing and for Raising Funds
 
Communicating Your Nonprofit's Brand
Communicating Your Nonprofit's BrandCommunicating Your Nonprofit's Brand
Communicating Your Nonprofit's Brand
 
Defining Your Nonprofit's Brand: Strategy_pdf
Defining Your Nonprofit's Brand: Strategy_pdfDefining Your Nonprofit's Brand: Strategy_pdf
Defining Your Nonprofit's Brand: Strategy_pdf
 
Social Media Marketing Nonprofits and NGO
Social Media Marketing Nonprofits and NGOSocial Media Marketing Nonprofits and NGO
Social Media Marketing Nonprofits and NGO
 
Nonprofit Marketing Plan Template
Nonprofit Marketing Plan TemplateNonprofit Marketing Plan Template
Nonprofit Marketing Plan Template
 
Building your brand – A practical guide for nonprofit organizations
Building your brand – A practical guide for nonprofit organizationsBuilding your brand – A practical guide for nonprofit organizations
Building your brand – A practical guide for nonprofit organizations
 
Nonprofit Marketing Plan Template - Summary
Nonprofit Marketing Plan Template - SummaryNonprofit Marketing Plan Template - Summary
Nonprofit Marketing Plan Template - Summary
 
Nonprofit Communication Plan: Oxfam International
Nonprofit Communication Plan: Oxfam InternationalNonprofit Communication Plan: Oxfam International
Nonprofit Communication Plan: Oxfam International
 
Non-Profit Marketing Communications Strategy
Non-Profit Marketing Communications StrategyNon-Profit Marketing Communications Strategy
Non-Profit Marketing Communications Strategy
 
Checklist Communication Strategy Development
Checklist Communication Strategy DevelopmentChecklist Communication Strategy Development
Checklist Communication Strategy Development
 
Strategic Communications Planning - A Free eBook
Strategic Communications Planning - A Free eBookStrategic Communications Planning - A Free eBook
Strategic Communications Planning - A Free eBook
 
Developing a Communications Strategy for Your Nonprofit
Developing a Communications Strategy for Your NonprofitDeveloping a Communications Strategy for Your Nonprofit
Developing a Communications Strategy for Your Nonprofit
 
Climatology in architecture
Climatology in architectureClimatology in architecture
Climatology in architecture
 

Similar a Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites

Strategic_Web_Design-VisualStrategy
Strategic_Web_Design-VisualStrategyStrategic_Web_Design-VisualStrategy
Strategic_Web_Design-VisualStrategyguidecreative
 
Building a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development WebsiteBuilding a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development WebsiteAtlas Integrated
 
Building a Best-in-Class Economic Development Website.
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. Peter
 
SBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewSBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewVisionary Marketing
 
Introducing Communication Sites for Communicators #spfestchi #CM101
Introducing Communication Sites for Communicators #spfestchi #CM101Introducing Communication Sites for Communicators #spfestchi #CM101
Introducing Communication Sites for Communicators #spfestchi #CM101Kanwal Khipple
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practicessubstance151
 
Information Architecture by Chris Farnum - LA2M 9/9/09
Information Architecture by Chris Farnum - LA2M 9/9/09Information Architecture by Chris Farnum - LA2M 9/9/09
Information Architecture by Chris Farnum - LA2M 9/9/09Lunch Ann Arbor Marketing
 
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.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Brody Dorland
 
Website Development and Marketing Proposal PowerPoint Presentation Slides
Website Development and Marketing Proposal PowerPoint Presentation Slides Website Development and Marketing Proposal PowerPoint Presentation Slides
Website Development and Marketing Proposal PowerPoint Presentation Slides SlideTeam
 
The Complete Guide to Web Development
The Complete Guide to Web DevelopmentThe Complete Guide to Web Development
The Complete Guide to Web DevelopmentEracom Technologies
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsLany Lyn Magdaraog
 
Bia Marketing Presentation Huber Web Design
Bia Marketing Presentation Huber Web DesignBia Marketing Presentation Huber Web Design
Bia Marketing Presentation Huber Web Designruthmilligan
 
PPT ECMM digital marketing presentation.pptx
PPT ECMM digital marketing presentation.pptxPPT ECMM digital marketing presentation.pptx
PPT ECMM digital marketing presentation.pptxAnanyaSingh121588
 
What Is Website Design A Comprehensive Guide to Web Design.pdf
What Is Website Design A Comprehensive Guide to Web Design.pdfWhat Is Website Design A Comprehensive Guide to Web Design.pdf
What Is Website Design A Comprehensive Guide to Web Design.pdfShout In USA
 
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceTop 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceRichard Harbridge
 

Similar a Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites (20)

Strategic_Web_Design-VisualStrategy
Strategic_Web_Design-VisualStrategyStrategic_Web_Design-VisualStrategy
Strategic_Web_Design-VisualStrategy
 
Building a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development WebsiteBuilding a Best-in-Class Economic Development Website
Building a Best-in-Class Economic Development Website
 
Building a Best-in-Class Economic Development Website.
Building a Best-in-Class Economic Development Website.Building a Best-in-Class Economic Development Website.
Building a Best-in-Class Economic Development Website.
 
SBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewSBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website Review
 
Introducing Communication Sites for Communicators #spfestchi #CM101
Introducing Communication Sites for Communicators #spfestchi #CM101Introducing Communication Sites for Communicators #spfestchi #CM101
Introducing Communication Sites for Communicators #spfestchi #CM101
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practices
 
Information Architecture by Chris Farnum - LA2M 9/9/09
Information Architecture by Chris Farnum - LA2M 9/9/09Information Architecture by Chris Farnum - LA2M 9/9/09
Information Architecture by Chris Farnum - LA2M 9/9/09
 
Principles of good website design
Principles of good website designPrinciples of good website design
Principles of good website design
 
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.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
 
Website Development and Marketing Proposal PowerPoint Presentation Slides
Website Development and Marketing Proposal PowerPoint Presentation Slides Website Development and Marketing Proposal PowerPoint Presentation Slides
Website Development and Marketing Proposal PowerPoint Presentation Slides
 
The Complete Guide to Web Development
The Complete Guide to Web DevelopmentThe Complete Guide to Web Development
The Complete Guide to Web Development
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Bia Marketing Presentation Huber Web Design
Bia Marketing Presentation Huber Web DesignBia Marketing Presentation Huber Web Design
Bia Marketing Presentation Huber Web Design
 
PPT ECMM digital marketing presentation.pptx
PPT ECMM digital marketing presentation.pptxPPT ECMM digital marketing presentation.pptx
PPT ECMM digital marketing presentation.pptx
 
What Is Website Design A Comprehensive Guide to Web Design.pdf
What Is Website Design A Comprehensive Guide to Web Design.pdfWhat Is Website Design A Comprehensive Guide to Web Design.pdf
What Is Website Design A Comprehensive Guide to Web Design.pdf
 
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceTop 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
 
WEB DESIGNING.pptx
WEB DESIGNING.pptxWEB DESIGNING.pptx
WEB DESIGNING.pptx
 
Notes8
Notes8Notes8
Notes8
 
Web Design
Web DesignWeb Design
Web Design
 
Guide to Planning Your Next Web Project
Guide to Planning Your Next Web ProjectGuide to Planning Your Next Web Project
Guide to Planning Your Next Web Project
 

Más de guidecreative

GUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_Mobilize_Your_NonprofitGUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_Mobilize_Your_Nonprofitguidecreative
 
GUIDE_Series_WordPressForNonprofits
GUIDE_Series_WordPressForNonprofitsGUIDE_Series_WordPressForNonprofits
GUIDE_Series_WordPressForNonprofitsguidecreative
 
Top Ten Elements Your School's Website Should Employ
Top Ten Elements Your School's Website Should EmployTop Ten Elements Your School's Website Should Employ
Top Ten Elements Your School's Website Should Employguidecreative
 
Strategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-TestingYourVisualStoryStrategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-TestingYourVisualStoryguidecreative
 
Strategic_Web_Design-VIsualDesign
Strategic_Web_Design-VIsualDesignStrategic_Web_Design-VIsualDesign
Strategic_Web_Design-VIsualDesignguidecreative
 
Strategic_Web_Design-AudienceAnalysis
Strategic_Web_Design-AudienceAnalysisStrategic_Web_Design-AudienceAnalysis
Strategic_Web_Design-AudienceAnalysisguidecreative
 
Guide Creative - Tour of Sites
Guide Creative - Tour of SitesGuide Creative - Tour of Sites
Guide Creative - Tour of Sitesguidecreative
 
Expanding Your Nonprofit's Brand: Milestone Logos
Expanding Your Nonprofit's Brand: Milestone LogosExpanding Your Nonprofit's Brand: Milestone Logos
Expanding Your Nonprofit's Brand: Milestone Logosguidecreative
 
Living Your Nonprofit's Brand
Living Your Nonprofit's BrandLiving Your Nonprofit's Brand
Living Your Nonprofit's Brandguidecreative
 
Socialize Your Nonprofit
Socialize Your NonprofitSocialize Your Nonprofit
Socialize Your Nonprofitguidecreative
 

Más de guidecreative (11)

GUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_Mobilize_Your_NonprofitGUIDE_Series_Mobilize_Your_Nonprofit
GUIDE_Series_Mobilize_Your_Nonprofit
 
GUIDE_Series_WordPressForNonprofits
GUIDE_Series_WordPressForNonprofitsGUIDE_Series_WordPressForNonprofits
GUIDE_Series_WordPressForNonprofits
 
Bag of Tricks
Bag of TricksBag of Tricks
Bag of Tricks
 
Top Ten Elements Your School's Website Should Employ
Top Ten Elements Your School's Website Should EmployTop Ten Elements Your School's Website Should Employ
Top Ten Elements Your School's Website Should Employ
 
Strategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-TestingYourVisualStoryStrategic_Web_Design-TestingYourVisualStory
Strategic_Web_Design-TestingYourVisualStory
 
Strategic_Web_Design-VIsualDesign
Strategic_Web_Design-VIsualDesignStrategic_Web_Design-VIsualDesign
Strategic_Web_Design-VIsualDesign
 
Strategic_Web_Design-AudienceAnalysis
Strategic_Web_Design-AudienceAnalysisStrategic_Web_Design-AudienceAnalysis
Strategic_Web_Design-AudienceAnalysis
 
Guide Creative - Tour of Sites
Guide Creative - Tour of SitesGuide Creative - Tour of Sites
Guide Creative - Tour of Sites
 
Expanding Your Nonprofit's Brand: Milestone Logos
Expanding Your Nonprofit's Brand: Milestone LogosExpanding Your Nonprofit's Brand: Milestone Logos
Expanding Your Nonprofit's Brand: Milestone Logos
 
Living Your Nonprofit's Brand
Living Your Nonprofit's BrandLiving Your Nonprofit's Brand
Living Your Nonprofit's Brand
 
Socialize Your Nonprofit
Socialize Your NonprofitSocialize Your Nonprofit
Socialize Your Nonprofit
 

Último

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024SynarionITSolutions
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Principled Technologies
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 

Último (20)

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

Kill The Noise - Prioritizing Content for Strategic Nonprofit Websites

  • 1. presents Kill The Noise Prioritize your Website with Wireframes and Strategic Information Architecture Hosted by Kelley Jarrett, Marketing Manager and Web Strategist, GUIDE Creative Guest Panelist: Anthony Harris, Interactive Design Manager, GUIDE Creative
  • 2. Why is Visual Strategy Important? YOUR WEBSITE MAY SAY SO MUCH IT SAYS NOTHING AT ALL PROVIDES AUDIENCE-CENTRIC CONTENT AND NAVIGATION PROMOTES CLARITY AND FOCUS
  • 3. The Importance of Prioritizing Your Content
  • 4. Prepare to Reduce the Noise: REVIEW YOUR WEBSITE AND ASK YOURSELF: What three user tasks are the highest priority for your organization? Are you giving that user task the loudest voice? Are less important tasks competing with your critical tasks?
  • 5. Visual Prioritization YOUR WEBSITE YOUR AUDIENCE
  • 6. Wireframes Help Prioritize SHOULD BE COMPLETED AFTER AUDIENCE ANALYSIS AND BEFORE VISUAL DESIGN HELP TAKE YOUR WEBSITE FROM SUBJECTIVE TO OBJECTIVE.
  • 7. Wireframes Help Prioritize IDENTIFY THE TOP 10 TASKS AND PRIORITIZE IMPORTANCE WHEN CREATING A WIREFRAME, CONSIDER: Position Size Contrast Calls to Action DOCUMENT WHY DECISIONS WERE MADE. PREVENTS COMPETITION AND “CONTENT CREEP”
  • 8. Audience-Centric Navigation YOUR WEBSITE YOUR AUDIENCE
  • 9. Online Card Sorting Online Card Sorting gives your team the ability to determine the ideal structure of your new navigation by grouping pages and tasks into common categories and sorted by importance. This data can be used to create a new sitemap and to drive the visual design of the new interface of your site.
  • 10. Onsite Card Sorting The Onsite Card Sorting allows us to work side by side with your team in developing the navigation and interface of your site. Unlike the Online Card Sort, conducting the exercise in person can lead to revealing conversations about the nature of your audience and the deficiencies of your current navigation scheme that can be solved by a effective card sort.
  • 11. Site Map From the Onsite Card Sorting exercise, a new Site Map is generated. This site map takes all the data gathered during the card sort and compiles it into a diagram of your site’s new navigation scheme, allowing you to visualize how the user will navigate through your content. This site map also acts as a guide for the interface that is developed during the Visual Design process.
  • 12. Content YOUR WEBSITE YOUR AUDIENCE
  • 13. Analyze Your Content ANALYZE CURRENT CONTENT Active Pages Broken Links # of pages Most commonly accessed Least accessed 2 Clicks to Key tasks DETERMINE KEEPERS AND TRASH What can you leave behind? What should you optimize with Calls to Action?
  • 14. Plan Your Content Strategy ANALYZE CURRENT STATE DETERMINE WEAKNESSES
  • 15. Recap ANALYZE YOUR AUDIENCE PRIORITIZE TASKS CREATE A VISUAL HIERARCHY THROUGH WIREFRAMES FORM AN AUDIENCE-CENTRIC NAVIGATION ANALYZE YOUR CONTENT DEFINE YOUR CONTENT STRATEGY
  • 16. Next Session THE ART AND THE MAGIC BEAUTIFUL DESIGN BASED ON SOLID STRATEGY
  • 17. WHILE AUDIENCE-CENTRIC DESIGN IS KEY, YOU MUST NOT FORGET ABOUT YOUR GOALS AND WORK THEM INTO THE DESIGN. YOUR AUDIENCE’S GOALS + YOUR ORGANIZATION GOALS = WELL PRIORITIZED SITE REDUCING THE NOISE
  • 18. Recap IDENTIFY YOUR AUDIENCE ANALYZE BEHAVIOR CREATE PERSONAS PRIORITIZE OUTLINE YOUR TOP THREE GOALS GET BUY-IN TO REDUCE THE NOISE
  • 19. How Can You Learn More? 5 Tips to Strengthen Your Website’s Core Message (Blog by GUIDE Designer, Ben German) Get Better Results from Your Website (Blog by GUIDE Creative Designer, Katherine Till) The Importance of Strategic Web Design (Blog, webinar recordings and slide downloads) – Kelley Jarrett Kill the Noise – the Importance of Wireframes for Website Prioritization – Blog by Ben Wong, Interactive Design Manager Audience-Centric Design - How to Get There – Blog by Andrew Fort, Interactive Design Manager
  • 20. The GUIDE Series Continues…