Categories
Design Design Ops Design Systems Product design UI

Design System Testing

The design system project that I’m currently leading on is moving forward well. We are now in the testing phase after building out our digital product UI components in Figma with a Zeroheight front end.

We are testing with a small group of developers and test analysts which have been made available from our scrum teams. The first round has now been completed and we’re now working on refinements and the next batch of components that will be released for testing.

The design system project is coming together and it feels good to be able to bring detailed, consistent design elements to our product teams!

Categories
Design Design Systems Digital Product design

Zeroheight

I’m building out our new product styleguide using zeroheight, this follows proof of concept work that I carried out using a Figma shared library.

The UI elements and components form the building block for an established digital product. As our teams grow our new system will really help new team members understand and access our product design.

It’s pretty good so far and it means that we can provide a single source of truth for all our collegues across our design, dev, test and product teams. Our UX team are able to add in guidance and usability guidelines to the components as they’re created in the system.

Once I completed the IA the build out has been going well, there are also features built in like release notes that will help us communicate changes and updates to our new system.

I’m happy with this product, to be clear I’m not paid to endorse it, but zeroheight was recommended to me and it seems to be a good fit.

I’m looking forward to completing this project and I hope that it wil form the basis for a new, multi product, design system.

Categories
Design Design Ops Design Systems Product design UI UX

Design System Governance

I’m working on the governance process for our new design system, this sets out how the system will be used by our product teams. We work in agile so this is a key consideration when planning the system’s work flow.

Our system will be based on our digital products that we offer to B2B and B2C audiences and users groups. Using Figma for our design system gives us lots of flexibility with their shared library feature so we can control our components and design patterns look and feel across multiple products.

There are many considerations when designing a governance model which include how our scrums team members access and use the system. Our internal users will be at very different technical levels with different system needs from stakeholders to developers and we aim to engage with all of our colleagues.

I’ve started with a simple flow chart which I’ve developed to illustrate how components and patterns are created and introduced to the system as usable, tested design elements. The goverance process can be adapted as we go, as the system itself will be live and should change as we progress as a company.

I also want to encourage contribution from everyone in the company so making this process as easy as possible is important. My view is that anyone can have a good idea and not being a design team member can give an objective view on how patterns work in the real world on our live websites and apps.

I’m enjoying putting the design system governance together as it will add so much to our design and production process with consistency, accessibility and usability for our end users.