The NSQHS standards previously had not been included in a digital format with a number coded system printed every 4 years to hard copy printed booklets. A website that succinctly disseminated all print content over 4000 pages of content into over 400 distinct landing pages that would be accessed by over 30 different target audiences personas was required. Content that feels outside of the core schema and classification model for the NSQHS material also need to be included into the website with a new mechanism for relating that information to aspect of the main schema.
Digital Garden was asked to develop a stand-alone website to house the NSQHS Standards and the supporting resources to provide health services, frontline clinicians, managers, consumers and other stakeholders with access to information about the standards and scheme.
The key objectives for the new website were:
Drupal - the new website to be built in Drupal 8
Navigation - A website that is easy to navigate and easy to engage with
Scalable - Building a solution that will scale with the organisation, allowing them to add new features as the needs arise
Accessible - the site must comply to WCAG 2 guidelines
Advanced Search - common on all pages
Mobile first - Creating an adaptive design so the website is accessible across devices including mobile, tablet and desktop
Secure - Built with Drupal 8 that follows all security best practices.
The solution is to build a fully accessible, AA compliant Drupal 8 website that allows users belonging to specific target groups to quickly find information regarding National Safety and Quality Health Service (NSQHS) Standards that are of particular relevance to them.
This has been done through a series of interactive tools that allow specific user groups to be able to navigate to content relevant to their profession. The main navigation includes a role selection which on selection transforms the exposed content relevant to the specific role. This selection is carried out sitewide meaning all subsequent content is catered to that role. Since there are hundreds of pages of content available and each standard is role specific this is the most intuitive way to present relevant content as efficiently as possible to sometimes time-poor users. Standards have also been colour coded site-wide to clearly identify which section of the website the user has navigated to. Combined with multi-tiered breadcrumbs both in main in sticky navigation the user can easily move between content to ensure a seamless user journey. Apache Solr was also implemented to ensure all content types are easily indexed and the search function is scalable as new detailed content is added.
A set of digital style guidelines was defined in line with the visual identity created for the print documentation that translated the brand requirements into web-accessible typography, colours and iconography. Based on these guidelines a visual design set was created that proposed how content should be templated using the Drupal 8 CMS.
Content was extracted from the print documentation and attributed with tags and SEO meta information before being included into the CMS system. Suggested rewriting of aspects of the content was suggested to the NSQHS subject matter experts to ensure a tone and voice appropriate for web access was conveyed throughout the site.
The solution was initially built in prototype with a subset of the content scope included that allowed for display and navigation of the core solution architecture and navigation features including search, colour coding and tagging. The prototype was tested with over thirty respondent in three hospital district with testers including doctors, project managers, hospital admin, nurses and medical academics. Based on the testing results, adaptation to the information architecture was made to ensure critical content points for each role were highlight and easily accessible.
With the offline documentation of the National Safety Quality and Health standards amounting to over 800 pages, Digital Garden had to quickly absorb the complex nature of this website's Information Architecture which included Parent Child relationships as well as certain cross-linked hierarchical content to be referenced in specific areas.
A varied range of user persona’s meant that there needed to be a level understanding of how different user groups would interact with the website. Each persona being more or less time poor, using a range of devices and searching for different content. The approach needed to cater for all of these journeys in the most interactive and direct manner.