SlideShare a Scribd company logo
How to Organize Your
Content Through Navigation
and Wayfinding
By Shanta R. Nathwani
Content Control Summit
May 2, 2020 at 2 PM
https://namara.com 1
Agenda
https://namara.com 2
INTRODUCTION PAGES & POSTS CATEGORIES & TAGS NAVIGATION &
WAYFINDING
Q & A’S
Guidelines
https://namara.com 3
You will not
finish
everything
today. This
is an
ongoing
process and
takes time.
If you’re not
sure, ask
around. We
all visit
websites.
You’ll
probably
find
You won’t
need your
computer
until Step 5.
This
method is
flexible. The
steps are
not. Trust in
the process.
There is
light at the
Shanta R. Nathwani
• President & CEO, Namara
Technologies Inc.
• Former Professor of Web
Development and Design at Sheridan
College
• Given more than 40 WordCamp
talks, mostly beginner and Content
Strategy
https://namara.com 4
Twitter: @ShantaDotCa
Web: https://shanta.ca
https://tantienhime.co
m
Go to this website to see
my demo in Steps 5 and 6
https://namara.com 5
Main Idea
Posts vs. Pages & Categories vs. Tags. There is so much confusion about what types
of things should be put on a page and what should be in a post. Static vs. Dynamic
content is the best way to tackle this. When creating a website, you can edit a menu
to include not only pages, but also categories that can create a more complete
experience.
https://namara.com 6
What is Wayfinding?
The basic process
of wayfinding
involves four
stages:
https://namara.com 7
Orientation is the attempt to determine one's location, in
relation to objects that may be nearby and the desired
destination.
Route decision is the selection of a course of direction to the
destination.
Route monitoring is checking to make sure that the selected
route is heading towards the destination.
Destination recognition is when the destination is recognized.[1]
Question…
• How many of you, when you visit a website for the first time,
click on a link called “Blog”?
• Comment in the chat if you do or not…
https://namara.com 8
1. Write down all the things
It will look like a mess, but that’s okay
https://namara.com 9
Post-It Notes
• Used to put down all the
pieces of information that you
want to put on your website
• Later, you will want to colour
code them into categories and
pages
https://namara.com 10
3-5-7 Principle
https://namara.com 11
3 CLICKS TO WHERE
YOU NEED TO BE
FEW (VERY FEW)
EXCEPTIONS
NO MORE THAN 5-7
ITEMS IN A LIST.
THIS INCLUDES MENUS
AND LISTS
Pages vs. Posts
Pages
• Static information for the most part
• “About Us” is a great example
• Does not use Categories
• Can have sub-pages
Posts
• Dynamic information
• Time sensitive
• Uses Categories & Tags
• “Upcoming Events” or “Events Attended”
are good examples
https://namara.com 12
Categories vs. Tags
Categories
• Major classifications for information
• “Events” is a great example
• Can have sub-categories (much like
pages)
• Hierarchical
Tags
• Describes the content using keywords
• WordPress recommends 5-7 per post
• Non-Hierarchical
https://namara.com 13
2. Put content to either Categories or Pages
Pages Categories
https://namara.com 14
About Us Events
Services
Recipes
Contact
Products Portfolio
Pages Categories
3. Change the colour of one of the two
Sets
https://namara.com 15
About Us
Events
Services Recipes
Contact
Products Portfolio
4. Structure
the Menu
using the
post it
notes
https://namara.com 16
Things to keep in mind when organizing
the menu
https://namara.com 17
Keeping the 3-5-7 Rule, start to structure your menus according to the topic,
not whether your content is a post or a page.
Think about what’s important to your visitors. If you’re not sure, ask around!
About Us is usually kept to the left, while Contact Us is usually on the right.
5. Create your Categories on WordPress
https://namara.com 18
6. Create the menu on Your website
https://namara.com 19
Resources
• Information Architecture: Blueprints for the Web:
http://www.amazon.com/Information-Architecture-Blueprints-
Christina-Wodtke/dp/0735712506
• Don’t Make Me Think: http://www.amazon.com/Dont-Make-
Think-Revisited-Usability/dp/0321965515
• Evil By Design: http://evilbydesign.info/book/
• WordPress.tv: https://wordpress.tv/2019/11/04/shanta-r-
nathwani-how-to-organize-your-content-through-navigation-
and-wayfinding/
https://namara.com 20
Questions?
• Please feel free to send me a
message!
• https://shanta.ca/contact
Free Offer!
https://namara.com/content-
control-summit-3-questions/
https://namara.com 21

More Related Content

What's hot

Raleigh seo-most-valuable-seo-presentation-patrick-stox
Raleigh seo-most-valuable-seo-presentation-patrick-stoxRaleigh seo-most-valuable-seo-presentation-patrick-stox
Raleigh seo-most-valuable-seo-presentation-patrick-stox
patrickstox
 
Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016
Shanta Nathwani
 
SEO for developers (session 1)
SEO for developers (session 1)SEO for developers (session 1)
SEO for developers (session 1)
RankAbove
 
Enterprise SEO Chaos - SMX Advanced 2016
Enterprise SEO Chaos - SMX Advanced 2016Enterprise SEO Chaos - SMX Advanced 2016
Enterprise SEO Chaos - SMX Advanced 2016
patrickstox
 
How Marketers Can Work With Code
How Marketers Can Work With CodeHow Marketers Can Work With Code
How Marketers Can Work With Code
Kaizen
 
Blogging and SEO
Blogging and SEOBlogging and SEO
Blogging and SEO
Douglas Karr
 
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick StoxWhat's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
Ahrefs
 
{PubCon Vegas 2019} The Business Value of Tech SEO
{PubCon Vegas 2019} The Business Value of Tech SEO {PubCon Vegas 2019} The Business Value of Tech SEO
{PubCon Vegas 2019} The Business Value of Tech SEO
Jennifer Hoffman
 
20 free SEO Tools you should be using - 20180829
20 free SEO Tools you should be using - 2018082920 free SEO Tools you should be using - 20180829
20 free SEO Tools you should be using - 20180829
Christoph C. Cemper
 
Page Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick StoxPage Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick Stox
patrickstox
 
WordPress SEO & Optimisation
WordPress SEO & OptimisationWordPress SEO & Optimisation
WordPress SEO & Optimisation
Joost de Valk
 
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
Solving Complex JavaScript Issues and Leveraging Semantic HTML5Solving Complex JavaScript Issues and Leveraging Semantic HTML5
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
Hamlet Batista
 
Blog Research & Calendar
Blog Research & CalendarBlog Research & Calendar
Blog Research & Calendar
vanessasigman
 
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...
Kahena Digital Marketing
 

What's hot (14)

Raleigh seo-most-valuable-seo-presentation-patrick-stox
Raleigh seo-most-valuable-seo-presentation-patrick-stoxRaleigh seo-most-valuable-seo-presentation-patrick-stox
Raleigh seo-most-valuable-seo-presentation-patrick-stox
 
Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016
 
SEO for developers (session 1)
SEO for developers (session 1)SEO for developers (session 1)
SEO for developers (session 1)
 
Enterprise SEO Chaos - SMX Advanced 2016
Enterprise SEO Chaos - SMX Advanced 2016Enterprise SEO Chaos - SMX Advanced 2016
Enterprise SEO Chaos - SMX Advanced 2016
 
How Marketers Can Work With Code
How Marketers Can Work With CodeHow Marketers Can Work With Code
How Marketers Can Work With Code
 
Blogging and SEO
Blogging and SEOBlogging and SEO
Blogging and SEO
 
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick StoxWhat's Next for Page Experience - SMX Next 2021 - Patrick Stox
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
 
{PubCon Vegas 2019} The Business Value of Tech SEO
{PubCon Vegas 2019} The Business Value of Tech SEO {PubCon Vegas 2019} The Business Value of Tech SEO
{PubCon Vegas 2019} The Business Value of Tech SEO
 
20 free SEO Tools you should be using - 20180829
20 free SEO Tools you should be using - 2018082920 free SEO Tools you should be using - 20180829
20 free SEO Tools you should be using - 20180829
 
Page Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick StoxPage Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick Stox
 
WordPress SEO & Optimisation
WordPress SEO & OptimisationWordPress SEO & Optimisation
WordPress SEO & Optimisation
 
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
Solving Complex JavaScript Issues and Leveraging Semantic HTML5Solving Complex JavaScript Issues and Leveraging Semantic HTML5
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
 
Blog Research & Calendar
Blog Research & CalendarBlog Research & Calendar
Blog Research & Calendar
 
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...
 

Similar to How to Organize Your Content Through Navigation and Wayfinding

How To Structure Content on Your Website WordCamp Miami 2015
How To Structure Content on Your Website  WordCamp Miami 2015How To Structure Content on Your Website  WordCamp Miami 2015
How To Structure Content on Your Website WordCamp Miami 2015
Shanta Nathwani
 
Content Architecture - WordCamp Milwaukee 2015
Content Architecture - WordCamp Milwaukee 2015Content Architecture - WordCamp Milwaukee 2015
Content Architecture - WordCamp Milwaukee 2015
Shanta Nathwani
 
WordPress 102 at WordCamp Minneapolis
WordPress 102  at WordCamp MinneapolisWordPress 102  at WordCamp Minneapolis
WordPress 102 at WordCamp Minneapolis
Shanta Nathwani
 
Content architecture WordCamp Montreal 2015
Content architecture WordCamp Montreal 2015Content architecture WordCamp Montreal 2015
Content architecture WordCamp Montreal 2015
Shanta Nathwani
 
WPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutesWPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutes
Shanta Nathwani
 
WordPress102 - WordCamp Ann Arbor 2015
WordPress102 - WordCamp Ann Arbor 2015WordPress102 - WordCamp Ann Arbor 2015
WordPress102 - WordCamp Ann Arbor 2015
Shanta Nathwani
 
WordPress 102 WordCamp Hamilton 2016
WordPress 102 WordCamp Hamilton 2016WordPress 102 WordCamp Hamilton 2016
WordPress 102 WordCamp Hamilton 2016
Shanta Nathwani
 
Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016
Shanta Nathwani
 
Week 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and ProducingWeek 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and Producing
kurtgessler
 
WordPress 101 - WordCamp Minneapolis 2016
WordPress 101 - WordCamp Minneapolis 2016WordPress 101 - WordCamp Minneapolis 2016
WordPress 101 - WordCamp Minneapolis 2016
Shanta Nathwani
 
WordPress for Small Businesses
WordPress for Small BusinessesWordPress for Small Businesses
WordPress for Small Businesses
Shanta Nathwani
 
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChiWordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi
Shanta Nathwani
 
WordPress 101 WordCamp New York City 2014
WordPress 101 WordCamp New York City 2014WordPress 101 WordCamp New York City 2014
WordPress 101 WordCamp New York City 2014
Shanta Nathwani
 
Haltech WordPress102
Haltech  WordPress102Haltech  WordPress102
Haltech WordPress102
Shanta Nathwani
 
Get real results from your website
Get real results from your websiteGet real results from your website
Get real results from your website
Florizel Media
 
WordCamp India 2021 - How I Started My Business During a Pandemic
WordCamp India 2021 - How I Started My Business During a PandemicWordCamp India 2021 - How I Started My Business During a Pandemic
WordCamp India 2021 - How I Started My Business During a Pandemic
Shanta Nathwani
 
Content Architecture WordPress Hamilton
Content Architecture WordPress HamiltonContent Architecture WordPress Hamilton
Content Architecture WordPress Hamilton
Shanta Nathwani
 
10 mistakes when you move to topic-based authoring
10 mistakes when you move to topic-based authoring10 mistakes when you move to topic-based authoring
10 mistakes when you move to topic-based authoring
Sharon Burton
 
Citizen Developers Intro to jQuery Customizations in SharePoint
Citizen Developers Intro to jQuery Customizations in SharePointCitizen Developers Intro to jQuery Customizations in SharePoint
Citizen Developers Intro to jQuery Customizations in SharePoint
Mark Rackley
 
That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016
Shanta Nathwani
 

Similar to How to Organize Your Content Through Navigation and Wayfinding (20)

How To Structure Content on Your Website WordCamp Miami 2015
How To Structure Content on Your Website  WordCamp Miami 2015How To Structure Content on Your Website  WordCamp Miami 2015
How To Structure Content on Your Website WordCamp Miami 2015
 
Content Architecture - WordCamp Milwaukee 2015
Content Architecture - WordCamp Milwaukee 2015Content Architecture - WordCamp Milwaukee 2015
Content Architecture - WordCamp Milwaukee 2015
 
WordPress 102 at WordCamp Minneapolis
WordPress 102  at WordCamp MinneapolisWordPress 102  at WordCamp Minneapolis
WordPress 102 at WordCamp Minneapolis
 
Content architecture WordCamp Montreal 2015
Content architecture WordCamp Montreal 2015Content architecture WordCamp Montreal 2015
Content architecture WordCamp Montreal 2015
 
WPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutesWPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutes
 
WordPress102 - WordCamp Ann Arbor 2015
WordPress102 - WordCamp Ann Arbor 2015WordPress102 - WordCamp Ann Arbor 2015
WordPress102 - WordCamp Ann Arbor 2015
 
WordPress 102 WordCamp Hamilton 2016
WordPress 102 WordCamp Hamilton 2016WordPress 102 WordCamp Hamilton 2016
WordPress 102 WordCamp Hamilton 2016
 
Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016
 
Week 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and ProducingWeek 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and Producing
 
WordPress 101 - WordCamp Minneapolis 2016
WordPress 101 - WordCamp Minneapolis 2016WordPress 101 - WordCamp Minneapolis 2016
WordPress 101 - WordCamp Minneapolis 2016
 
WordPress for Small Businesses
WordPress for Small BusinessesWordPress for Small Businesses
WordPress for Small Businesses
 
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChiWordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi
 
WordPress 101 WordCamp New York City 2014
WordPress 101 WordCamp New York City 2014WordPress 101 WordCamp New York City 2014
WordPress 101 WordCamp New York City 2014
 
Haltech WordPress102
Haltech  WordPress102Haltech  WordPress102
Haltech WordPress102
 
Get real results from your website
Get real results from your websiteGet real results from your website
Get real results from your website
 
WordCamp India 2021 - How I Started My Business During a Pandemic
WordCamp India 2021 - How I Started My Business During a PandemicWordCamp India 2021 - How I Started My Business During a Pandemic
WordCamp India 2021 - How I Started My Business During a Pandemic
 
Content Architecture WordPress Hamilton
Content Architecture WordPress HamiltonContent Architecture WordPress Hamilton
Content Architecture WordPress Hamilton
 
10 mistakes when you move to topic-based authoring
10 mistakes when you move to topic-based authoring10 mistakes when you move to topic-based authoring
10 mistakes when you move to topic-based authoring
 
Citizen Developers Intro to jQuery Customizations in SharePoint
Citizen Developers Intro to jQuery Customizations in SharePointCitizen Developers Intro to jQuery Customizations in SharePoint
Citizen Developers Intro to jQuery Customizations in SharePoint
 
That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016
 

More from Shanta Nathwani

MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
Shanta Nathwani
 
WordFest 2021 - How I Started My Business During A Pandemic
WordFest 2021 - How I Started My Business During A PandemicWordFest 2021 - How I Started My Business During A Pandemic
WordFest 2021 - How I Started My Business During A Pandemic
Shanta Nathwani
 
WordCamp Rochester 2020 - How I Started My Business During A Pandemic
WordCamp Rochester 2020 - How I Started My Business During A PandemicWordCamp Rochester 2020 - How I Started My Business During A Pandemic
WordCamp Rochester 2020 - How I Started My Business During A Pandemic
Shanta Nathwani
 
Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Shanta Nathwani
 
Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020
Shanta Nathwani
 
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Shanta Nathwani
 
WordCamp Hamilton - CPT's vs Gutenberg Templates
WordCamp Hamilton - CPT's vs Gutenberg TemplatesWordCamp Hamilton - CPT's vs Gutenberg Templates
WordCamp Hamilton - CPT's vs Gutenberg Templates
Shanta Nathwani
 
WordCamp Buffalo 2019 - 3 Page Website in 30 minutes
WordCamp Buffalo 2019  - 3 Page Website in 30 minutesWordCamp Buffalo 2019  - 3 Page Website in 30 minutes
WordCamp Buffalo 2019 - 3 Page Website in 30 minutes
Shanta Nathwani
 
An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019
Shanta Nathwani
 
WPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your TalkWPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your Talk
Shanta Nathwani
 
FSTO - An Affordable REST
FSTO - An Affordable RESTFSTO - An Affordable REST
FSTO - An Affordable REST
Shanta Nathwani
 
WCTO 2017 - Everything I Need To Know About Life I Learned at Code School
WCTO 2017 - Everything I Need To Know About Life I Learned at Code SchoolWCTO 2017 - Everything I Need To Know About Life I Learned at Code School
WCTO 2017 - Everything I Need To Know About Life I Learned at Code School
Shanta Nathwani
 
DevTO - Everything I Need to Know About Life I Learned at Code School
DevTO - Everything I Need to Know About Life I Learned at Code SchoolDevTO - Everything I Need to Know About Life I Learned at Code School
DevTO - Everything I Need to Know About Life I Learned at Code School
Shanta Nathwani
 
WP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival GuideWP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival Guide
Shanta Nathwani
 
FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016
Shanta Nathwani
 
WPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case StudyWPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case Study
Shanta Nathwani
 
Content Architecture at WordCamp Minneapolis 2016
Content Architecture at WordCamp Minneapolis 2016Content Architecture at WordCamp Minneapolis 2016
Content Architecture at WordCamp Minneapolis 2016
Shanta Nathwani
 
Facet-nating! - FacetsWP in WordPress
Facet-nating! - FacetsWP in WordPressFacet-nating! - FacetsWP in WordPress
Facet-nating! - FacetsWP in WordPress
Shanta Nathwani
 

More from Shanta Nathwani (18)

MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
 
WordFest 2021 - How I Started My Business During A Pandemic
WordFest 2021 - How I Started My Business During A PandemicWordFest 2021 - How I Started My Business During A Pandemic
WordFest 2021 - How I Started My Business During A Pandemic
 
WordCamp Rochester 2020 - How I Started My Business During A Pandemic
WordCamp Rochester 2020 - How I Started My Business During A PandemicWordCamp Rochester 2020 - How I Started My Business During A Pandemic
WordCamp Rochester 2020 - How I Started My Business During A Pandemic
 
Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020
 
Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020
 
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019
 
WordCamp Hamilton - CPT's vs Gutenberg Templates
WordCamp Hamilton - CPT's vs Gutenberg TemplatesWordCamp Hamilton - CPT's vs Gutenberg Templates
WordCamp Hamilton - CPT's vs Gutenberg Templates
 
WordCamp Buffalo 2019 - 3 Page Website in 30 minutes
WordCamp Buffalo 2019  - 3 Page Website in 30 minutesWordCamp Buffalo 2019  - 3 Page Website in 30 minutes
WordCamp Buffalo 2019 - 3 Page Website in 30 minutes
 
An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019
 
WPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your TalkWPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your Talk
 
FSTO - An Affordable REST
FSTO - An Affordable RESTFSTO - An Affordable REST
FSTO - An Affordable REST
 
WCTO 2017 - Everything I Need To Know About Life I Learned at Code School
WCTO 2017 - Everything I Need To Know About Life I Learned at Code SchoolWCTO 2017 - Everything I Need To Know About Life I Learned at Code School
WCTO 2017 - Everything I Need To Know About Life I Learned at Code School
 
DevTO - Everything I Need to Know About Life I Learned at Code School
DevTO - Everything I Need to Know About Life I Learned at Code SchoolDevTO - Everything I Need to Know About Life I Learned at Code School
DevTO - Everything I Need to Know About Life I Learned at Code School
 
WP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival GuideWP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival Guide
 
FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016
 
WPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case StudyWPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case Study
 
Content Architecture at WordCamp Minneapolis 2016
Content Architecture at WordCamp Minneapolis 2016Content Architecture at WordCamp Minneapolis 2016
Content Architecture at WordCamp Minneapolis 2016
 
Facet-nating! - FacetsWP in WordPress
Facet-nating! - FacetsWP in WordPressFacet-nating! - FacetsWP in WordPress
Facet-nating! - FacetsWP in WordPress
 

Recently uploaded

Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 

Recently uploaded (20)

Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 

How to Organize Your Content Through Navigation and Wayfinding

  • 1. How to Organize Your Content Through Navigation and Wayfinding By Shanta R. Nathwani Content Control Summit May 2, 2020 at 2 PM https://namara.com 1
  • 2. Agenda https://namara.com 2 INTRODUCTION PAGES & POSTS CATEGORIES & TAGS NAVIGATION & WAYFINDING Q & A’S
  • 3. Guidelines https://namara.com 3 You will not finish everything today. This is an ongoing process and takes time. If you’re not sure, ask around. We all visit websites. You’ll probably find You won’t need your computer until Step 5. This method is flexible. The steps are not. Trust in the process. There is light at the
  • 4. Shanta R. Nathwani • President & CEO, Namara Technologies Inc. • Former Professor of Web Development and Design at Sheridan College • Given more than 40 WordCamp talks, mostly beginner and Content Strategy https://namara.com 4 Twitter: @ShantaDotCa Web: https://shanta.ca
  • 5. https://tantienhime.co m Go to this website to see my demo in Steps 5 and 6 https://namara.com 5
  • 6. Main Idea Posts vs. Pages & Categories vs. Tags. There is so much confusion about what types of things should be put on a page and what should be in a post. Static vs. Dynamic content is the best way to tackle this. When creating a website, you can edit a menu to include not only pages, but also categories that can create a more complete experience. https://namara.com 6
  • 7. What is Wayfinding? The basic process of wayfinding involves four stages: https://namara.com 7 Orientation is the attempt to determine one's location, in relation to objects that may be nearby and the desired destination. Route decision is the selection of a course of direction to the destination. Route monitoring is checking to make sure that the selected route is heading towards the destination. Destination recognition is when the destination is recognized.[1]
  • 8. Question… • How many of you, when you visit a website for the first time, click on a link called “Blog”? • Comment in the chat if you do or not… https://namara.com 8
  • 9. 1. Write down all the things It will look like a mess, but that’s okay https://namara.com 9
  • 10. Post-It Notes • Used to put down all the pieces of information that you want to put on your website • Later, you will want to colour code them into categories and pages https://namara.com 10
  • 11. 3-5-7 Principle https://namara.com 11 3 CLICKS TO WHERE YOU NEED TO BE FEW (VERY FEW) EXCEPTIONS NO MORE THAN 5-7 ITEMS IN A LIST. THIS INCLUDES MENUS AND LISTS
  • 12. Pages vs. Posts Pages • Static information for the most part • “About Us” is a great example • Does not use Categories • Can have sub-pages Posts • Dynamic information • Time sensitive • Uses Categories & Tags • “Upcoming Events” or “Events Attended” are good examples https://namara.com 12
  • 13. Categories vs. Tags Categories • Major classifications for information • “Events” is a great example • Can have sub-categories (much like pages) • Hierarchical Tags • Describes the content using keywords • WordPress recommends 5-7 per post • Non-Hierarchical https://namara.com 13
  • 14. 2. Put content to either Categories or Pages Pages Categories https://namara.com 14 About Us Events Services Recipes Contact Products Portfolio
  • 15. Pages Categories 3. Change the colour of one of the two Sets https://namara.com 15 About Us Events Services Recipes Contact Products Portfolio
  • 16. 4. Structure the Menu using the post it notes https://namara.com 16
  • 17. Things to keep in mind when organizing the menu https://namara.com 17 Keeping the 3-5-7 Rule, start to structure your menus according to the topic, not whether your content is a post or a page. Think about what’s important to your visitors. If you’re not sure, ask around! About Us is usually kept to the left, while Contact Us is usually on the right.
  • 18. 5. Create your Categories on WordPress https://namara.com 18
  • 19. 6. Create the menu on Your website https://namara.com 19
  • 20. Resources • Information Architecture: Blueprints for the Web: http://www.amazon.com/Information-Architecture-Blueprints- Christina-Wodtke/dp/0735712506 • Don’t Make Me Think: http://www.amazon.com/Dont-Make- Think-Revisited-Usability/dp/0321965515 • Evil By Design: http://evilbydesign.info/book/ • WordPress.tv: https://wordpress.tv/2019/11/04/shanta-r- nathwani-how-to-organize-your-content-through-navigation- and-wayfinding/ https://namara.com 20
  • 21. Questions? • Please feel free to send me a message! • https://shanta.ca/contact Free Offer! https://namara.com/content- control-summit-3-questions/ https://namara.com 21

Editor's Notes

  1. Last week I launched my own company, Namara Technologies Inc. I was a bridesmaid at my friend’s wedding in Mexico last year. So I love this shot I was a professor at Sheridan College where I taught Web Development and Design using WordPress.
  2. You won’t see the dashboard, but you’ll be able to see the result. My little bit of WordPress Contributor Day. Milwaukee 2015, we built a deck so that we could have the speaker dinner.
  3. Most people don’t. I’m not talking about SEO, which leads people to your site, but what people do when they get there.
  4. All the things or topics that you might want to put on your website. Some suggestions: About, Contact, Recipes, speaking articles, etc. Don’t use blog! The point here is two fold: setting up your navigation (Comes later) but more importantly, finding your focus. This method helps you with both.
  5. I’m using WordPress here as the basis, but this applies to any website.
  6. 4. Keeping the 3-5-7 Rule, start to structure your menus according to the topic, not whether or not your content is a post or a page. Think about what’s important to your visitors. About Us is usually kept to the left, while Contact Us is usually on the right.
  7. You’ve already done the heavy lifting using the post it notes, now you just have to apply what you’ve learned. I don’t recommend adding categories on the fly. It can detract from your purpose.
  8. Using Categories and pages, mimic what we created using the post it notes.
  9. I'm developing my own courses, so I'd love to hear from you about your questions and what I can do to make it better!