Capability Assessment Tool
UX/UI Design
A project working to further the development of an existing digital capability assessment tool Aginic had developed for a government department in 2021, and to develop a new tool to assess procurement skill maturity.
Context
In this project, I supported the translation of mid-fidelity screens to high fidelity iterative prototypes and usability testing. In close collaboration with the product owners, I developed the current version of the tool to include the newly requested features required for a larger roll-out across the department. I worked in an agile team alongside developers to create iterative products based on the detailed prototypes that were designed.
Timeline
September - November 2022
Role
UX/UI Designer
Tools
Figma, Miro, Maze (user testing tool)
The digital capability assessment tools needed to define maturity within the context of a Digital Capability Framework, as well as a Procurement Capability Framework which was also defined throughout the project.
The challenge
As the user base for the solution was large and diverse, it was crucial to ensure that the tool was engaging and that the usability and accessibility of the application was validated thoroughly.
The approach
To efficiently design the interactive prototype, I created user flow diagrams to ensure all steps were accounted for. A low fidelity prototype was workshopped early and regularly to minimise rework on the high-fidelity prototype.
High-Fidelity Designs for Usability Testing
The high-fidelity prototype was completed in small slices to ensure we received regular feedback and had time to revise the designs. Leading a team of designers, it was important to ensure the designs were consistent. We put together not only the interactive prototype, but ensured we delivered static screens with annotations and measurements to the developers. Once we had key sections prototyped, we conducted both asynchronous testing through the Maze tool and synchronous usability testing through workshops conducted online and documented on a Miro board. These tests informed the continued development of the prototype design.
Problem Focus
Meeting user needs
Product owners were seeking clean and functional designs within the survey tool while also requesting a large amount of content in each question. It was a large focus of the iterative design process to work with the content as it was given to the team and make the content fit while not feeling overwhelming. As we received new content we would often review previous designs to keep continuity.
It was also important to consider users taking the survey and needing to take breaks and completing the survey in chunks of time, so a separate user flow and screens were designed if users had to close the survey and then return at a later date.
Ensuring the user profile page was useful to the audience was important and we solved this by gathering feedback during usability tests, adding graphs and information that was more valuable to users and adjusting the hierarchy of information in the layout.
Reflection
What did I learn from this project?
It would have been more ideal to host smaller user testing groups earlier on to inform design decisions at an earlier stage, however it was challenging organising the participants in a short amount of time, and would have been difficult to have them return for iterative feedback throughout the project duration. It was a project filled with learnings, whether it was working with multiple product owners and ensuring designs met both their requirements, or leading a design team to ensure they were working efficiently and producing consistent output.