Single Website Experience (SWE) Pattern Library
The Single Website Experience (SWE) is a frontend framework used for www.qld.gov.au
- SWE 3 is a rapid protoyping framework, built on bootstrap 3
- SWE 3 is used for all new websites
- SWE 3 replaces SWE 2
- SWE 3's appearance laregly reflects SWE 2
- SWE 3 is not feature complete, required components will be ported as necessary
- SWE resources (including SWE Product Definition document)
- SWE 3 Page models and templates
- Consistent User Experinece (CUE) standard
- Websites policy (IS26)
- Web Content Accessibility Guidelines 2.0
This SWE 2 Pattern Library is now deprecated since June 30, 2019. Please refer to SWE 3 Page models and templates for the SWE3 Pattern Library.
- Figures (images, diagrams, captions)
- Status messages
- Data tables (sortable tables)
- Downloadable document link
- Meta links
- Pull-quote with citation
- Side-by-side comparison
- Side-by-side comparison (advantages and disadvantages)
- Cross-selling links
- News slideshow
- Structure of a form
- Progressive disclosure
- Autocomplete address form
- Client-side validation
Web applications 🤔(already linked, should probably move to all this content in to Forms, under validationa lerts or something)
🤔(already in news?)
🤔(already in forms?)
🤔(combine with print)
🤔 💀3 years old!
Consistent User Experience (CUE)
To ensure a consistent experience, the Consistent User Experience (CUE) Standard requires that:
- agency web pages are laid out consistently, with elements such as the navigation, search button and agency name always in the same place
- navigation is based on what visitors are likely to be looking for, rather than on how departments are organised
- the underlying techniques used to create the pages ensure they are accessible to as many people as possible.
The CUE Standard incorporates previously independent standards and guidelines into a suite of requirements for the Queensland Government online.
This Queensland Government Enterprise Architecture (QGEA) policy states the minimum requirements for Queensland Government agencies in the creation, implementation and management of websites.
Web Content Accessibility Guidelines 2.0 (WCAG 2.0)
Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these. Following these guidelines will also often make your Web content more usable to users in general.
As per IS26's Policy requirement 1 Queensland Government websites must meet AA level conformance.
Naming conventions and categories in the Pattern libarary
Content pages may be further categorised by content type. e.g. form, guidelines, instruction etc. The AGLS Document Vocabulary Encoding Scheme offers a starting point.
🤔= under review, this content might move or be removed soon 🚀= experimental, not to be trusted