1. OVERVIEW
A data visualisation project for DNV, an international accredited registrar and classification organisation
2. PROJECT DETAILS
The Project
Client: DNV
Sector: Classification
Project: Boost My Internal Audit
Dates: Feb 21 to Mar 21
Employer: Infosys Consulting
Objectives
DNV wanted to tranform its library of 240 assurance knowledge articles into an interactive data visualisation web app in order help its customers to:
(1) find and select articles for internal audits
(2) generate ideas for knowledge articles
(3) improve the effectiveness of their management systems
Problems
(1) The method for finding knowledge articles about risks and standards was too 'dry'
(2) Very few ideas were being generated from both the auditor and customer in order to improve the effectiveness of the customer’s management systems
Results
(1) A design solution which transformed DNV’s ibrary of articles into an interactive data visualisation web app
(2) A clickable prototype covering: home page, network chart of the library, filter and search functions, viewable and downloadable articles, submission of new articles
(3) A design system and specs for responsive layouts
Challenges
(1) A complex and abstract data visualisation project
(2) I had not worked on a project of this type before
(3) Time was cut in half from 8 to 4 weeks for delivery
My Role & The Team
My Role: Lead UX Designer
Team: 2 x UX Designer (inc. myself), 1 x Project Manager, 1 x Solution Architect, 2 x UI Developers, 2 x Integration Developers, 1 x Tester
Network Chart
Sunburst Chart
Tree Chart
Bubble Chart
1. Framing The Problem
At the start of the project I ran a workshop with the client and the internal team to work through problems, objectives, and assumptions in order to establish a shared understanding of the problem space.
Kick-off Workshop
Focus Area Article Example
Problem Statement
Assumptions
DNV
Business Assurance
3. PROBLEM SPACE
Following on from the workshop, I led an investigation into different styles of data visualisation which included network, sunburst, tree and bubble charts. An analysis of the pros and cons led to a decision to pursue the "Network Chart" style.
PROBLEM SPACE
2. Research Into Data Visualistaion
1. Ideation
4. SOLUTION SPACE
During ideation I explored solutions to a number of design challenges: (1) how to visually represent the library in a network chart format; (2) how to model the hierarchy of information relationships; (3) how to filter and search focus area articles; (4) how to display focus area article details; (5) how to submit proposals for new focus areas; and (6) how to design responsive design formats.
Information Properties
Data Visualisation
Article Details
Filters
SOLUTION SPACE
2. Prototyping
At the prototyping stage the logic behind the information hierarchy was concluded and the data visualisation of the library was refined. A clickable prototype was produced using Adobe XD and regular reviews took place with the product owner and the development team to iterate the prototype through to final delivery.
Home
Focus Area Library
Search
Filters
Info Panel
Focus Area Article
Home
Library
Filters
Info Panel
Search
Article
