5 βSite navigation elements
There are multiple means of navigating around a Smallsite Design site.
The standard navigation of the web is hyperlinks, but it can be tedious building all the links required for a working site, because it is not just creating the links, but manually working out where to put the important links into the structure of a site and make them visually distinctive. Smallsite Design does all this automatically as part of creating content, though it also provides optional additional elements for visually-Enhanced
In general, to reduce clutter, a navigation link will not be shown if it is targeting the current page.
Automatically createdβ³
Several navigation aids are created as a result of creating content.
Subsite navigation barβ³
The subsite navigation bar provides quick access to major items of the site.
- a.Home β link to the home page for the subsite.
- b.Categories β link to the Categories page for the subsite.
- c.Subsites β link to the Subsites page, if more than one subsite.
- d.
name β indicates the current subsite, if more than one. - e.name β link to the home page for that subsite, if more than one.
- f.Links β link to the Links section at the bottom of the page.
- g.π β link to the Search box in the
Links section.
The
List pagesβ³
There are several pages that list site elements of the same type.
- a.Subsites page β lists all subsites.
- b.Categories page β lists all the categories for a subsite, with links to each Category page.
- c.Category page β lists all the articles for a category, with links to each article.
There is no list of the default category of a subsite, but its pages are usually available through links elsewhere, such as home pages in the top navigation bar or Subsites page, or in the Subsite links subsection of the
The Navigation article also allows a catalog, which is like a categories page, except that it is an ordered list that can contain up to 20 articles or categories from anywhere on the site. This makes it suitable for themed content that may span multiple categories or subsites.
Latest articlesβ³
Being able to highlight the latest articles allows repeat visitors to catch up quickly.
- a.Latest articles subsection of the
Links section at the bottom of each page, for the latest three. - b.Latest articles page for the latest 10, linked to from the heading of the Latest articles subsection.
- c.Subsite feed for the latest 10, linked to by the
Feed link in the Subsite links subsection of theLinks section.
All three show the latest articles for the current subsite, latest first, up until their number limit. The
Enhanced navigationβ³
Several extra elements are available for providing extra and visually-enhanced navigation.
Smallsite Design is primarily geared towards the written word, but it does provide some visual navigation aids to help visitors discover premium site content.
All the enhanced navigation facilities described here are enabled by selecting the type of link in the
Extra subsite linksβ³
Important content can be accessed by adding special links in key navigation areas.
In addition to providing links to a subsite's Categories page and other subsites, the Subsite
If the added links include all the current categories for the subsite, the
The Subsite links subsection of the
Visual linksβ³
Some major visual linking facilities are available for enhanced discovery of content.
Cards provide an informative way to help visitors find what they might be interested in. They include a rectangular image, with a heading above and an introduction below. A selection is made by clicking on the heading to go to the target article or category.
While the image is sourced from the target's basic aside, the heading and introduction come from its navigation text (or heading/headline if none) and its introduction. They are two wide for larger viewing areas, but typically single on a phone in portrait mode. There can be up to eight cards in the array. There is a
A gallery is a collage of images from which a visitor can click on one to go to the target article or category. Typically, a target article may provide a larger version of the image, along with a description of what the image relates to.
The images are extracted from the central parts of the target article or category's basic aside image, auto-sized vertically to even heights, shown four wide for larger viewing areas, but lesser on phones in portrait mode. There can be up to 20 images in a gallery.
Both cards and galleries are defined by selecting target articles and categories on the Links page, accessed from the Links to section of the
Related articles and sitesβ³
Extra links can be defined for each article and subsite to help visitors discover similar content on the site and other sites.
At the bottom of every article, links to Related articles and Related sites can be added. These help discoverability by showing readers more of what they are interested in. They can also be useful for increasing search engine ranking. Links to authoritative sites that have a measurable relevance to the page they are on can enhance the authority of the page. Cross links between articles of a site can enhance the perceived integration of the site. Note that
Each article and subsite can have up to five of each defined. What ends up in each list is whatever are defined by the article, followed by the same from the subsite to make the up maximum of five that can show in each list. For example, if an article defines three links, while its subsite defines four, the resultant list will contain the three article links, followed by the first 5 - 3 = 2 of the subsite links.
Use subsite links sparingly and only for very general topics, and use as many article links for very specifically-related links as possible. If a link target appears in both the article and subsite related links, only the article's one is shown.
Footnotesβ³
Footnotes allow adding extra information without cluttering up the main body of an article.
Footnotes are a single rich-text element, so are not meant for a lot of content. Only two are allowed for each parent. They are placed at the end of an element so that reading of the element is not impeded by clutter. In general, each element they can be attached to should only cover one item in the surrounding thread, so only one footnote should suffice. Sample footnote:[1]
If adding too many footnotes to an article, perhaps consider restructuring it or breaking it up into multiple articles in an overall category. Reading should not require excessive jumping around a page. Footnotes can be put on a spike and inserted or appended as, or replace, any of the elements that they can be attached to.
Structuring the site navigationβ³
Careful structuring of the site's navigation pages will enable easy discoverability.
The main subsite's home page is the de facto site home page, and its content is critical to successfully engaging visitors. While it is a navigation page, and so can have various type of navigation links, the best will likely be cards, just because they provide the right balance of attractiveness with simplicity. There can be a maximum of eight, but consider four to six a good working number, just to not overwhelm new visitors. If possible, make the images for them really related to the area rather than stock photos.
Their heading will come from their target's
If visitors have decided to click on a card, they have tacitly agreed to trust the site, but also to be willing to face some more choices. That means that second tier navigation pages can use a catalog, being an ordered custom list of up to 20 articles or categories. The idea is to make choosing simpler by keeping the numbers at each choice smaller than a huge selection, with the main home page being the simplest. Catalog items can have images from the target if that would help the visitor choose.
A Category page is limited to showing articles within its subsite, but a catalog is similar in look, but can list any categories or articles from the whole site, and are explicitly ordered, and so they can provide a progressive path through various content, becoming an alternate discovery path outside just drilling down through categories to articles.
Navigation is key to discovery, but it is a balance of simplicity with expanding opportunities. Picking the right balance will avoid overwhelming new visitors, while not being too simplistic for those familiar with the site.