The NSQHS seeks 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.
Digital Garden was asked to put an estimate together for the development for the website, whilst their team would create the UX, UI and functional specifications for the website.
The key objectives for the new website are:
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 on interactive tools that allow specific user groups to be able to navigate to content relevant to their profession. The main navigation include 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 color 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.
Digital Garden development team worked with predefined UI providing guidance and system recommendations throughout the implementation process. Digital Garden’s Technical lead was able to produce a technical specification document that guided the wider development to implement the design accurately and in a way which mean easy and straightforward content management of the complex Information Architecture. The use of Drupal core module Paragraphs was received well by client during initial UAT phases, capitalising on the true nature and benefits of the Drupal CMS. The smooth development process meant that QA and UAT resulted in minimal feedback and the technical team were able to focus on new features and enhancements to assist with content migration, video embeds and colour association on new content types to further assist with logical user workflows.
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.