Improving design process at Onalytica

Completed
November 2018
Project length
Eight months
Subjects
Leading Design, Interaction Design, Design Systems

I helped Onalytica’s design and product teams improve processes and kick-start a standardised approach to interface design.

Discovery

Onalytica’s goals were threefold:

  1. To identify their most pressing usability problems;
  2. to validate their current discovery and development process;
  3. to help better define roles and responsibilities within the product and design team.

I spent time interviewing their users — both external clients and internal “power” users. I also conducted one-to-one sessions with designers, product managers and developers.

Refining design process

Aligning teams, bottom-up

I ran an affinity mapping session from which some strong themes emerged. I was then able to put together a full application review — this detailed the issues which were having the most significant impact on users.

Using this visual laundry list, Onalytica’s teams were able to plan out fixes for specific UX problems. Moreover, presenting findings in this way further raised awareness of users and their needs.

Aligning teams, top-down

It was clear that many of the skills and processes they needed to improve the overall usability of their products were already in place. However, there wasn’t a single unified vision of how teams should work together from the top.

I gave a presentation to Onalytica’s management team in which I outlined a framework process and a set of clearly defined roles they needed to make this process work.

A presentation slide detailing the responsibilities of design, product and development teams
A presentation slide showing how product teams take input from all over the business and from users to make decisions
A presentation slide showing the varying skills of user researchers and designers
A presentation slide showing the “double diamond” design process
A presentation slide showing details of what is done at each stage of the “double diamond” design process
A presentation slide showing common themes of a design review I did of Onalytica’s application.
Slides from a presentation on design process I gave to Onalytica’s leadership team.
Jon has improved our processes, leading to better integration of design into the business. Through his time with us, Jon raised the visibility of design across the company, making it easier to engage with stakeholders.
Karl Roche, Head of Product Design

A systematic approach to interface design

In the second phase of work I co-designed and built a pattern library.

Working alongside Onalytica’s design and development teams, I created a custom build of Bootstrap, on top of which I built a pattern library interface. This enabled both designers and developers to pick and use components easily.

All the components compose together, so the pattern library can also be used for rapid prototyping and user testing.

A screenshot from the pattern library
A screenshot from the pattern library
I created a pattern library that designers could use for rapid prototyping and developers for production code.

Outcomes

A better process

Design, technology and product — and critically senior leaders — have a much clearer idea of how to run a user-centred design process.

Better team alignment

By involving people from across the business in the design process, Onalytica’s product team has increased understanding and buy-in from everyone.

A robust pattern library

Onalytica’s new pattern library serves as both the single source of truth for developers and as a test-bed for new interface ideas.

Jon is a great communicator and steered us through the UX options and decisions to plan work effectively. We’re delighted with the results - both technically and creatively.
Andrew Macleod, CTO