Over the past few years, Adaptavist have formulated several design and implementation patterns which seem to keep getting used. We've started this Pattern Library document some of them and hope you'll find them useful.
So, let's get started...
These patterns all relate to our Documentation theme with particular focus on visual design.
- Accordian Menu Anti-Pattern — Accordian menus are currently very difficult to implment in Confluence...
- Dark Background Anti-Pattern — Dark backgrounds on web pages are generally a bad idea, especially in Confluence. They cost a lot more to initially develop and maintain. They even prevent re-use of your assets in most cases.
To engage visitors and give them a reason to come back to the site, they must see visible evidence of activity on your site.
- News Alert Pattern — Create a trigger page within your site - when the page exists, the contents of it are shown in a news alert panel, when it doesn't exist the news alert panel disappears.
- Newsroom Pattern — Post news articles, events, promotions, etc., in to a [blog]. You can usually customise the design of a blog to make it look more like a formal newsroom - in most cases just putting the organisation logo and colour scheme will do the trick.
- Random Sample Pattern — Create a content pool (in the case of a wiki this can be either a space or a section of the heirarchy within a space) and randomly include either a whole page or an excerpt from a page within that pool.
- Recently Updated Pattern — Display a hyperlinked list of recently updated content, optionally categorised and optionally showing the author and time of update.
There's no point having a great site if people can't find their way around it or get lost trying...
- Breadcrumb Trail Pattern —
Under construction - Hierarchy Pattern — Organise your content in to a hierarchical structure to group related content and allow visitors to "drill down" in to more detailed content should they chose to do so.
- Linear Navigation Pattern — Provide "next" and "previous" navigation links to allow the visitor to move back and fourth through a series of pages.
- Tree View Pattern — Use an AJAX Tree View to dynamically visualise the hierarchical structure of your site and it's contents and allow direct navigation to any location.