How to Organize Your Content Through Navigation and Wayfinding

Shanta Nathwani
Shanta NathwaniWeb Developer at Shanta.ca
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
1 of 21

Recommended

Technical SEO - Tea-Time SEO' Series of Daily SEO Live Talks by
Technical SEO - Tea-Time SEO' Series of Daily SEO Live TalksTechnical SEO - Tea-Time SEO' Series of Daily SEO Live Talks
Technical SEO - Tea-Time SEO' Series of Daily SEO Live TalksAuthoritas
92 views19 slides
Mobile First Indexing - SMX Advanced 2017 - Patrick Stox by
Mobile First Indexing - SMX Advanced 2017 - Patrick StoxMobile First Indexing - SMX Advanced 2017 - Patrick Stox
Mobile First Indexing - SMX Advanced 2017 - Patrick Stoxpatrickstox
11.9K views48 slides
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox by
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxGoogle's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxAhrefs
470 views72 slides
AMP for Enterprises - SMX West - Patrick Stox by
AMP for Enterprises - SMX West - Patrick StoxAMP for Enterprises - SMX West - Patrick Stox
AMP for Enterprises - SMX West - Patrick Stoxpatrickstox
11.9K views45 slides
WordPress102 - WordCamp Milwaukee 2015 by
WordPress102 - WordCamp Milwaukee 2015WordPress102 - WordCamp Milwaukee 2015
WordPress102 - WordCamp Milwaukee 2015Shanta Nathwani
1.8K views18 slides
Where to focus your SEO efforts to have the most impact Digital Summit Atlant... by
Where to focus your SEO efforts to have the most impact Digital Summit Atlant...Where to focus your SEO efforts to have the most impact Digital Summit Atlant...
Where to focus your SEO efforts to have the most impact Digital Summit Atlant...patrickstox
698 views124 slides

More Related Content

What's hot

Raleigh seo-most-valuable-seo-presentation-patrick-stox by
Raleigh seo-most-valuable-seo-presentation-patrick-stoxRaleigh seo-most-valuable-seo-presentation-patrick-stox
Raleigh seo-most-valuable-seo-presentation-patrick-stoxpatrickstox
286 views124 slides
Content Architecture - WordPress Rochester Meetup - November 2016 by
Content Architecture - WordPress Rochester Meetup - November 2016Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016Shanta Nathwani
401 views19 slides
SEO for developers (session 1) by
SEO for developers (session 1)SEO for developers (session 1)
SEO for developers (session 1)RankAbove
1.2K views31 slides
Enterprise SEO Chaos - SMX Advanced 2016 by
Enterprise SEO Chaos - SMX Advanced 2016Enterprise SEO Chaos - SMX Advanced 2016
Enterprise SEO Chaos - SMX Advanced 2016patrickstox
19.6K views82 slides
How Marketers Can Work With Code by
How Marketers Can Work With CodeHow Marketers Can Work With Code
How Marketers Can Work With CodeKaizen
917 views72 slides
Blogging and SEO by
Blogging and SEOBlogging and SEO
Blogging and SEODouglas Karr
4.4K views20 slides

What's hot(14)

Raleigh seo-most-valuable-seo-presentation-patrick-stox by patrickstox
Raleigh seo-most-valuable-seo-presentation-patrick-stoxRaleigh seo-most-valuable-seo-presentation-patrick-stox
Raleigh seo-most-valuable-seo-presentation-patrick-stox
patrickstox286 views
Content Architecture - WordPress Rochester Meetup - November 2016 by Shanta Nathwani
Content Architecture - WordPress Rochester Meetup - November 2016Content Architecture - WordPress Rochester Meetup - November 2016
Content Architecture - WordPress Rochester Meetup - November 2016
Shanta Nathwani401 views
SEO for developers (session 1) by RankAbove
SEO for developers (session 1)SEO for developers (session 1)
SEO for developers (session 1)
RankAbove1.2K views
Enterprise SEO Chaos - SMX Advanced 2016 by patrickstox
Enterprise SEO Chaos - SMX Advanced 2016Enterprise SEO Chaos - SMX Advanced 2016
Enterprise SEO Chaos - SMX Advanced 2016
patrickstox19.6K views
How Marketers Can Work With Code by Kaizen
How Marketers Can Work With CodeHow Marketers Can Work With Code
How Marketers Can Work With Code
Kaizen917 views
What's Next for Page Experience - SMX Next 2021 - Patrick Stox by Ahrefs
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
Ahrefs335 views
{PubCon Vegas 2019} The Business Value of Tech SEO by Jennifer Hoffman
{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 Hoffman703 views
20 free SEO Tools you should be using - 20180829 by Christoph C. Cemper
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. Cemper5.7K views
Page Experience Update TMC June 2021 Patrick Stox by patrickstox
Page Experience Update TMC June 2021 Patrick StoxPage Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick Stox
patrickstox229 views
WordPress SEO & Optimisation by Joost de Valk
WordPress SEO & OptimisationWordPress SEO & Optimisation
WordPress SEO & Optimisation
Joost de Valk107.1K views
Solving Complex JavaScript Issues and Leveraging Semantic HTML5 by Hamlet Batista
Solving Complex JavaScript Issues and Leveraging Semantic HTML5Solving Complex JavaScript Issues and Leveraging Semantic HTML5
Solving Complex JavaScript Issues and Leveraging Semantic HTML5
Hamlet Batista1.4K views
Blog Research & Calendar by vanessasigman
Blog Research & CalendarBlog Research & Calendar
Blog Research & Calendar
vanessasigman407 views
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F... by Kahena Digital Marketing
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 by
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
1.2K views18 slides
Content Architecture - WordCamp Milwaukee 2015 by
Content Architecture - WordCamp Milwaukee 2015Content Architecture - WordCamp Milwaukee 2015
Content Architecture - WordCamp Milwaukee 2015Shanta Nathwani
2.2K views20 slides
WordPress 102 at WordCamp Minneapolis by
WordPress 102  at WordCamp MinneapolisWordPress 102  at WordCamp Minneapolis
WordPress 102 at WordCamp MinneapolisShanta Nathwani
636 views15 slides
Content architecture WordCamp Montreal 2015 by
Content architecture WordCamp Montreal 2015Content architecture WordCamp Montreal 2015
Content architecture WordCamp Montreal 2015Shanta Nathwani
1.6K views20 slides
WPHamOnt 2021 - 3 page website in 30 minutes by
WPHamOnt 2021 - 3 page website in 30 minutesWPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutesShanta Nathwani
264 views10 slides
WordPress102 - WordCamp Ann Arbor 2015 by
WordPress102 - WordCamp Ann Arbor 2015WordPress102 - WordCamp Ann Arbor 2015
WordPress102 - WordCamp Ann Arbor 2015Shanta Nathwani
486 views15 slides

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

How To Structure Content on Your Website WordCamp Miami 2015 by Shanta Nathwani
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 Nathwani1.2K views
Content Architecture - WordCamp Milwaukee 2015 by Shanta Nathwani
Content Architecture - WordCamp Milwaukee 2015Content Architecture - WordCamp Milwaukee 2015
Content Architecture - WordCamp Milwaukee 2015
Shanta Nathwani2.2K views
WordPress 102 at WordCamp Minneapolis by Shanta Nathwani
WordPress 102  at WordCamp MinneapolisWordPress 102  at WordCamp Minneapolis
WordPress 102 at WordCamp Minneapolis
Shanta Nathwani636 views
Content architecture WordCamp Montreal 2015 by Shanta Nathwani
Content architecture WordCamp Montreal 2015Content architecture WordCamp Montreal 2015
Content architecture WordCamp Montreal 2015
Shanta Nathwani1.6K views
WPHamOnt 2021 - 3 page website in 30 minutes by Shanta Nathwani
WPHamOnt 2021 - 3 page website in 30 minutesWPHamOnt 2021 - 3 page website in 30 minutes
WPHamOnt 2021 - 3 page website in 30 minutes
Shanta Nathwani264 views
WordPress102 - WordCamp Ann Arbor 2015 by Shanta Nathwani
WordPress102 - WordCamp Ann Arbor 2015WordPress102 - WordCamp Ann Arbor 2015
WordPress102 - WordCamp Ann Arbor 2015
Shanta Nathwani486 views
WordPress 102 WordCamp Hamilton 2016 by Shanta Nathwani
WordPress 102 WordCamp Hamilton 2016WordPress 102 WordCamp Hamilton 2016
WordPress 102 WordCamp Hamilton 2016
Shanta Nathwani727 views
Content Architecture at WordCamp Ottawa 2016 by Shanta Nathwani
Content Architecture at WordCamp Ottawa 2016Content Architecture at WordCamp Ottawa 2016
Content Architecture at WordCamp Ottawa 2016
Shanta Nathwani843 views
Week 1 - Interactive News Editing and Producing by kurtgessler
Week 1 - Interactive News Editing and ProducingWeek 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and Producing
kurtgessler542 views
WordPress 101 - WordCamp Minneapolis 2016 by Shanta Nathwani
WordPress 101 - WordCamp Minneapolis 2016WordPress 101 - WordCamp Minneapolis 2016
WordPress 101 - WordCamp Minneapolis 2016
Shanta Nathwani601 views
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi by Shanta Nathwani
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 Nathwani2.7K views
WordPress 101 WordCamp New York City 2014 by Shanta Nathwani
WordPress 101 WordCamp New York City 2014WordPress 101 WordCamp New York City 2014
WordPress 101 WordCamp New York City 2014
Shanta Nathwani899 views
Get real results from your website by Florizel Media
Get real results from your websiteGet real results from your website
Get real results from your website
Florizel Media462 views
WordCamp India 2021 - How I Started My Business During a Pandemic by Shanta Nathwani
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 Nathwani306 views
Content Architecture WordPress Hamilton by Shanta Nathwani
Content Architecture WordPress HamiltonContent Architecture WordPress Hamilton
Content Architecture WordPress Hamilton
Shanta Nathwani649 views
10 mistakes when you move to topic-based authoring by Sharon Burton
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 Burton1.2K views
Citizen Developers Intro to jQuery Customizations in SharePoint by Mark Rackley
Citizen Developers Intro to jQuery Customizations in SharePointCitizen Developers Intro to jQuery Customizations in SharePoint
Citizen Developers Intro to jQuery Customizations in SharePoint
Mark Rackley438 views
That's Facet-nating! FacetWP WordCamp Rochester 2016 by Shanta Nathwani
That's Facet-nating! FacetWP WordCamp Rochester 2016That's Facet-nating! FacetWP WordCamp Rochester 2016
That's Facet-nating! FacetWP WordCamp Rochester 2016
Shanta Nathwani855 views

More from Shanta Nathwani

MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021 by
MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021Shanta Nathwani
195 views20 slides
WordFest 2021 - How I Started My Business During A Pandemic by
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
311 views28 slides
WordCamp Rochester 2020 - How I Started My Business During A Pandemic by
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
416 views27 slides
Designing with Gutenberg - Las Lajas WordPress Meetup 2020 by
Designing with Gutenberg - Las Lajas WordPress Meetup 2020Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020Shanta Nathwani
276 views23 slides
Organizing Your Content - WordPress Hamilton March 2020 by
Organizing Your Content - WordPress Hamilton March 2020Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020Shanta Nathwani
81 views11 slides
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019 by
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
394 views28 slides

More from Shanta Nathwani(18)

MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021 by Shanta Nathwani
MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
MasterPress Mystery Theatre - WordCamp Santa Clarita Virtual 2021
Shanta Nathwani195 views
WordFest 2021 - How I Started My Business During A Pandemic by Shanta Nathwani
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 Nathwani311 views
WordCamp Rochester 2020 - How I Started My Business During A Pandemic by Shanta Nathwani
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 Nathwani416 views
Designing with Gutenberg - Las Lajas WordPress Meetup 2020 by Shanta Nathwani
Designing with Gutenberg - Las Lajas WordPress Meetup 2020Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Designing with Gutenberg - Las Lajas WordPress Meetup 2020
Shanta Nathwani276 views
Organizing Your Content - WordPress Hamilton March 2020 by Shanta Nathwani
Organizing Your Content - WordPress Hamilton March 2020Organizing Your Content - WordPress Hamilton March 2020
Organizing Your Content - WordPress Hamilton March 2020
Shanta Nathwani81 views
Navigation and Wayfinding On Your Website - WordCamp Ottawa 2019 by Shanta Nathwani
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 Nathwani394 views
WordCamp Hamilton - CPT's vs Gutenberg Templates by Shanta Nathwani
WordCamp Hamilton - CPT's vs Gutenberg TemplatesWordCamp Hamilton - CPT's vs Gutenberg Templates
WordCamp Hamilton - CPT's vs Gutenberg Templates
Shanta Nathwani357 views
WordCamp Buffalo 2019 - 3 Page Website in 30 minutes by Shanta Nathwani
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 Nathwani284 views
An Affordable REST - Coder Camp Hamilton 2019 by Shanta Nathwani
An Affordable REST - Coder Camp Hamilton 2019An Affordable REST - Coder Camp Hamilton 2019
An Affordable REST - Coder Camp Hamilton 2019
Shanta Nathwani275 views
WPHamOnt April 2018 - Finding Your Talk by Shanta Nathwani
WPHamOnt April 2018 - Finding Your TalkWPHamOnt April 2018 - Finding Your Talk
WPHamOnt April 2018 - Finding Your Talk
Shanta Nathwani449 views
WCTO 2017 - Everything I Need To Know About Life I Learned at Code School by Shanta Nathwani
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 Nathwani325 views
DevTO - Everything I Need to Know About Life I Learned at Code School by Shanta Nathwani
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 Nathwani259 views
WP Durham - The Word-Camp Scenario Survival Guide by Shanta Nathwani
WP Durham - The Word-Camp Scenario Survival GuideWP Durham - The Word-Camp Scenario Survival Guide
WP Durham - The Word-Camp Scenario Survival Guide
Shanta Nathwani310 views
FacetWP - WordCamp Milwaukee 2016 by Shanta Nathwani
FacetWP - WordCamp Milwaukee 2016FacetWP - WordCamp Milwaukee 2016
FacetWP - WordCamp Milwaukee 2016
Shanta Nathwani625 views
WPCampus - Sheridan CCIT Case Study by Shanta Nathwani
WPCampus - Sheridan CCIT Case StudyWPCampus - Sheridan CCIT Case Study
WPCampus - Sheridan CCIT Case Study
Shanta Nathwani1K views
Content Architecture at WordCamp Minneapolis 2016 by Shanta Nathwani
Content Architecture at WordCamp Minneapolis 2016Content Architecture at WordCamp Minneapolis 2016
Content Architecture at WordCamp Minneapolis 2016
Shanta Nathwani635 views
Facet-nating! - FacetsWP in WordPress by Shanta Nathwani
Facet-nating! - FacetsWP in WordPressFacet-nating! - FacetsWP in WordPress
Facet-nating! - FacetsWP in WordPress
Shanta Nathwani2.6K views

Recently uploaded

Understanding GenAI/LLM and What is Google Offering - Felix Goh by
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix GohNUS-ISS
41 views33 slides
Spesifikasi Lengkap ASUS Vivobook Go 14 by
Spesifikasi Lengkap ASUS Vivobook Go 14Spesifikasi Lengkap ASUS Vivobook Go 14
Spesifikasi Lengkap ASUS Vivobook Go 14Dot Semarang
35 views1 slide
ChatGPT and AI for Web Developers by
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web DevelopersMaximiliano Firtman
181 views82 slides
Perth MeetUp November 2023 by
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023 Michael Price
15 views44 slides
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu... by
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...NUS-ISS
37 views54 slides
Business Analyst Series 2023 - Week 3 Session 5 by
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5DianaGray10
209 views20 slides

Recently uploaded(20)

Understanding GenAI/LLM and What is Google Offering - Felix Goh by NUS-ISS
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix Goh
NUS-ISS41 views
Spesifikasi Lengkap ASUS Vivobook Go 14 by Dot Semarang
Spesifikasi Lengkap ASUS Vivobook Go 14Spesifikasi Lengkap ASUS Vivobook Go 14
Spesifikasi Lengkap ASUS Vivobook Go 14
Dot Semarang35 views
Perth MeetUp November 2023 by Michael Price
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023
Michael Price15 views
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu... by NUS-ISS
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
NUS-ISS37 views
Business Analyst Series 2023 - Week 3 Session 5 by DianaGray10
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5
DianaGray10209 views
Empathic Computing: Delivering the Potential of the Metaverse by Mark Billinghurst
Empathic Computing: Delivering  the Potential of the MetaverseEmpathic Computing: Delivering  the Potential of the Metaverse
Empathic Computing: Delivering the Potential of the Metaverse
Mark Billinghurst470 views
DALI Basics Course 2023 by Ivory Egg
DALI Basics Course  2023DALI Basics Course  2023
DALI Basics Course 2023
Ivory Egg14 views
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze by NUS-ISS
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng TszeDigital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
NUS-ISS19 views
Future of Learning - Khoong Chan Meng by NUS-ISS
Future of Learning - Khoong Chan MengFuture of Learning - Khoong Chan Meng
Future of Learning - Khoong Chan Meng
NUS-ISS33 views
.conf Go 2023 - Data analysis as a routine by Splunk
.conf Go 2023 - Data analysis as a routine.conf Go 2023 - Data analysis as a routine
.conf Go 2023 - Data analysis as a routine
Splunk93 views
The Importance of Cybersecurity for Digital Transformation by NUS-ISS
The Importance of Cybersecurity for Digital TransformationThe Importance of Cybersecurity for Digital Transformation
The Importance of Cybersecurity for Digital Transformation
NUS-ISS27 views
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors by sugiuralab
TouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective SensorsTouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective Sensors
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors
sugiuralab15 views
Attacking IoT Devices from a Web Perspective - Linux Day by Simone Onofri
Attacking IoT Devices from a Web Perspective - Linux Day Attacking IoT Devices from a Web Perspective - Linux Day
Attacking IoT Devices from a Web Perspective - Linux Day
Simone Onofri15 views
Voice Logger - Telephony Integration Solution at Aegis by Nirmal Sharma
Voice Logger - Telephony Integration Solution at AegisVoice Logger - Telephony Integration Solution at Aegis
Voice Logger - Telephony Integration Solution at Aegis
Nirmal Sharma17 views
.conf Go 2023 - How KPN drives Customer Satisfaction on IPTV by Splunk
.conf Go 2023 - How KPN drives Customer Satisfaction on IPTV.conf Go 2023 - How KPN drives Customer Satisfaction on IPTV
.conf Go 2023 - How KPN drives Customer Satisfaction on IPTV
Splunk88 views
Combining Orchestration and Choreography for a Clean Architecture by ThomasHeinrichs1
Combining Orchestration and Choreography for a Clean ArchitectureCombining Orchestration and Choreography for a Clean Architecture
Combining Orchestration and Choreography for a Clean Architecture
ThomasHeinrichs169 views
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum... by NUS-ISS
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
NUS-ISS34 views

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!