Category: Design

Categories
Design Design Ops Mobile UI UX Design

Product UI Consistency

It can be a challenge bringing consistency to multiple products which are available from the same company. It’s important to present a uniform look and feel to the end user so they can see the relationship within the product suite.

I’m currently working on a group of products that have been developed with by seperate dev teams. They have evolved to have a range of inconsistencies and with the lack of a style guide in place there is no single source of truth for design.

Working with the product owners is key and our technical authors have experienced and helpful attention to detail. Seeing the bigger picture is a must to spot how UI elements and tasks are handled in the different product systems.

This project also builds towards a future design system where each UI component’s use case is detailed for the whole company to refer to. Other benefits are that UI components are understood by all in the production and test teams and new starters can quickly get up to speed with the available UI components.

Categories
Design Digital IA Product design UI UX

Rostering Solutions

My current UI/UX challenge is designing a complex rostering solution for NHS workers. Working in close collaboration with our stakeholders, product owners and the development teams we have been progressing through our user stories. We are working towards producing an intuaitive solution for the busy keyworkers in our hospitals.

This is part of a larger project to streamline how our health workers can plan their working days with accessible and usable shift information. We have many user groups and aim to cater for a variety of end-users who will access their information on mobile devices.

An easy to use, paperless digital staff rostering solution should make the NHS end-users’s life easier. This is a system that can be built on into the future and it’s great to be involved and to be at the heart of this health care project.

Categories
Design Design Ops Design Systems Mobile Product design UI UX

Style Guides

At the start of the year I took on a new challenge and a new job. I’m now working for a Uk based NHS approved supplier and again find myself as the sole lead UI/UX designer tasked with bringing consistency to an established product suite.

Working in the product team I began this project with a design audit in order to establish the common look and feel for the Workforce division. This is area of the business has a primary focus of working with NHS staff to roster work patterns and allow managers to organise their hospital departments.

I produced a series of screen comparisons in Figma which I went on to build into a style guide. The guide is now in its second version and is based on Atomic Design where UI components build into common, reusable design patterns and then onto page templates.

I enjoy bringing order to agile teams with organised design and having a single source of truth ultimately speeds up software production and creates an efficient production environment. I feel that this is the start of this process and I’m hoping to introduce a design system once the style guide is further along the line.

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.

Categories
Design Design Ops Design Systems Digital UX

Design Systems

I’m currently leading on a design system project to help bring consistancy and streamline our design component production. It is the first step in a large project which is going to involve close collaboration with our UX design, development and test teams.

At the end of last year I produced a proof of concept of a design system in Figma using the built in shared library feature. This project is now going on to contribute to the design system project following my research on the industry standard approach to building an in-house system.

It’s exciting times and there are many things to consider including system governance which I’ve written a brief research report on. This will help us implement and maintain the new system and enable us to accept and build on design and product input from the wider business.

Once live our new design system will reduce our concept to launch time with a uniform look and feel to all of our digital products. The development team can build out code in multiple front-end technologies to match our design components to further reduce build time. The new system will also make our test team’s job easier with clear accessible design patterns with use cases and guidance.

Overall the new design system will improve our design to development process, this will help our scrum team members with a modern approach to design with a single source of truth.

I’m happy to be leading on this project and I feel that it is part of the future of commercial digital product design.

Categories
Creative Design Poems

Dark Nights of Poetry at Year’s End

As the year draws to a close I’m reading more poetry and taking the chance to review what I’ve read this year.

TS Eliot’s Four Quartets has been my go to poem of the year, I was reading it over summer, I really like the abstraction of this work. If you don’t know it look it up, there’s also a great rendition of Eliot’s work read by Sir Alec Guiness.

I hope and aim to be even more creative in the new year and poetry is going to be a part of that.

Both reading and writing.

Categories
Design Design Ops Digital UX UX Design

UX Brighton

I attended UX Brighton last week, a conference which focuses on UX (User Experience), it was inspiring with a good mix of speaker. This year the theme was design which I particularly enjoyed as I’ve worked in this field for many years.

The conferenece was well organised and has info packed talks form a range of industry professionals, the talks were kept to a shorter length which I found refreshing.

UX Brighton was held at the Dome in Brighton, Sussex, UK which is a great venue and handy for me as I live near and work in the city.

I would recommend attending this conference if you’re interested in UX and are able to go. The talks are soon to be available on the UXBri website if you want to get a flavour of what happened on the day or get a feel for the conference.

Categories
Art Creative Design Poems

Being Creative

Being creative is a challenge! Just remaining motivated on a daily basis in its self can be tough.

I’ve been inspired by writing poetry and song writing recently which is a great outlet for my creativity. My design work is mainly visual and working on creative writing on a daily basis is a very complimentary exercise.

I’ve always enjoyed the challenge of creating something from a blank page, or digital screen. For some that would be a situation they would never chose to be in but not for me.

So if your a creative reading this please be inspired and I can really recommend using different creative techniques to enhance your creative practice.