SlideShare uma empresa Scribd logo
1 de 21
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

Mais conteúdo relacionado

Mais procurados

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-stoxpatrickstox
 
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 2016Shanta 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 2016patrickstox
 
How Marketers Can Work With Code
How Marketers Can Work With CodeHow Marketers Can Work With Code
How Marketers Can Work With CodeKaizen
 
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 StoxAhrefs
 
{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 - 20180829Christoph 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 Stoxpatrickstox
 
WordPress SEO & Optimisation
WordPress SEO & OptimisationWordPress SEO & Optimisation
WordPress SEO & OptimisationJoost 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 HTML5Hamlet Batista
 
Blog Research & Calendar
Blog Research & CalendarBlog Research & Calendar
Blog Research & Calendarvanessasigman
 
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
 

Mais procurados (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...
 

Semelhante a 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 2015Shanta Nathwani
 
Content Architecture - WordCamp Milwaukee 2015
Content Architecture - WordCamp Milwaukee 2015Content Architecture - WordCamp Milwaukee 2015
Content Architecture - WordCamp Milwaukee 2015Shanta Nathwani
 
WordPress 102 at WordCamp Minneapolis
WordPress 102  at WordCamp MinneapolisWordPress 102  at WordCamp Minneapolis
WordPress 102 at WordCamp MinneapolisShanta Nathwani
 
Content architecture WordCamp Montreal 2015
Content architecture WordCamp Montreal 2015Content architecture WordCamp Montreal 2015
Content architecture WordCamp Montreal 2015Shanta 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 minutesShanta Nathwani
 
WordPress102 - WordCamp Ann Arbor 2015
WordPress102 - WordCamp Ann Arbor 2015WordPress102 - WordCamp Ann Arbor 2015
WordPress102 - WordCamp Ann Arbor 2015Shanta Nathwani
 
WordPress 102 WordCamp Hamilton 2016
WordPress 102 WordCamp Hamilton 2016WordPress 102 WordCamp Hamilton 2016
WordPress 102 WordCamp Hamilton 2016Shanta Nathwani
 
Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016Shanta 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 Producingkurtgessler
 
WordPress 101 - WordCamp Minneapolis 2016
WordPress 101 - WordCamp Minneapolis 2016WordPress 101 - WordCamp Minneapolis 2016
WordPress 101 - WordCamp Minneapolis 2016Shanta Nathwani
 
WordPress for Small Businesses
WordPress for Small BusinessesWordPress for Small Businesses
WordPress for Small BusinessesShanta 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 #WCChiShanta 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 2014Shanta Nathwani
 
Get real results from your website
Get real results from your websiteGet real results from your website
Get real results from your websiteFlorizel 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 PandemicShanta Nathwani
 
Content Architecture WordPress Hamilton
Content Architecture WordPress HamiltonContent Architecture WordPress Hamilton
Content Architecture WordPress HamiltonShanta 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 authoringSharon 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 SharePointMark 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 2016Shanta Nathwani
 

Semelhante a 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
 

Mais de 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 2021Shanta 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 PandemicShanta 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 PandemicShanta 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 2020Shanta 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 2020Shanta 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 2019Shanta 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 TemplatesShanta 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 minutesShanta 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 2019Shanta Nathwani
 
WPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your TalkWPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your TalkShanta Nathwani
 
FSTO - An Affordable REST
FSTO - An Affordable RESTFSTO - An Affordable REST
FSTO - An Affordable RESTShanta 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 SchoolShanta 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 SchoolShanta 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 GuideShanta Nathwani
 
FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016Shanta Nathwani
 
WPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case StudyWPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case StudyShanta Nathwani
 
Content Architecture at WordCamp Minneapolis 2016
Content Architecture at WordCamp Minneapolis 2016Content Architecture at WordCamp Minneapolis 2016
Content Architecture at WordCamp Minneapolis 2016Shanta Nathwani
 
Facet-nating! - FacetsWP in WordPress
Facet-nating! - FacetsWP in WordPressFacet-nating! - FacetsWP in WordPress
Facet-nating! - FacetsWP in WordPressShanta Nathwani
 

Mais de 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
 

Último

My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
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
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfSeasiaInfotech2
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
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
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 

Último (20)

My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
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...
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
The Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdfThe Future of Software Development - Devin AI Innovative Approach.pdf
The Future of Software Development - Devin AI Innovative Approach.pdf
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
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?
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 

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

Notas do Editor

  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!