SlideShare une entreprise Scribd logo
1  sur  20
Télécharger pour lire hors ligne
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…

Contenu connexe

Tendances

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
 

Tendances (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
 

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Similaire à 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
 

Plus 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
 

Plus 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
 

Dernier

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsPrecisely
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 

Dernier (20)

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power Systems
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 

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…