Category: UI

Categories
Design Design Ops Design Team Product design UI Usability UX UX Design

Internal Design Agency

I’m working on improving our product design across our live NHS solutions for our company. This process is to formalise our design resource with an organised approach to production with our wider product team. To implement this I’m starting to run my design team as an internal design agency with a group of ‘clients’ which are our business stakeholders and senior product owners.

Introducing a unified approach to our product design has multiple advantages and this will help us to innovate and explore the best ways to help our end users engage with and use our products. On an internal level we can manage and guide our stakeholders and product owners using a design to production process that is clear and accountable.

We can approach projects in the same way with clear phases of requirements gathering and ideation. Then moving to wireframe and prototype design and iteration. Once signed off we can support the development and test teams with efficient design hand overs to build out the agreed features that match the final designs.

As we progress I can refine our design to production process to streamline the way my design team works within our wider product team. I aim to fully integrate with the wider business and become an even more valuable internal digital design resource.

Categories
Creative Design Design Ops Digital Mobile Product design UI Web design

Mobile Style Guide

I’ve just completed a mobile style guide to support our product team and further define our brand’s look and feel. This builds on my previous style guide that included desktop, responsive web and mobile.

Following considerable back end improvements our mobile team where implementing I was able to review several components for our app. This gave me a great opportunity to review the UX of our core functionality, we were also able to update our UI styling to a more contemporary look and feel.

Our mobile specific components were originally contained in one page of our divison’s style guide. The app design review highlighted the common components for our app and desktop and the need for a dedicated mobile style guide has been realised. This gives us much more space to provide guidance, examples and use cases for our mobile optimised components.

The new mobile style guide now includes comprehensive details of our mobile components. This style guide also builds towards a future design system that we can build at a later date.

Categories
Design Mobile Product design UI UX UX Design

Staff Organisation

It is sometimes a significant UI/UX challenge to design solutions for systems that will help organise large staff groups. In my current role I’m working on new ways to roster NHS staff for large UK based trusts.

Keeping complex systems easy to use for the main user groups is very important in my user centred approach. I’m looking at ways to make our new system both intuative and streamlined. This takes into consideration the needs of diverse user groups and a large number of users.

Being able to access large data sets for admin user on desktop and end-users being able to access the system to see their work patterns on mobile devices are key stakeholder requirements.

I like working on larger projects and this is certainly demanding on a UI/UX design level. The product and development teams currently working on this product are great to work with and we have an excellent working reationship which really helps with the production process.

Challenge is good and designing a better system is never easy but I enjoy leading the design process that can make a difference for our users.

Categories
Design Design Ops Product design UI UX Web development

UX/UI Backlog

I’ve been working on a design audit of our live products, I’m looking for anything that will help us bring together our cross product look and feel. Picking up anything that is inconsistent in the UI and generally aiming for brand unity.

Following on from this recent work I’m capturing the UI and UX inconsistencies in the form of a UX/UI backlog. This helps to formalise the tasks in the form of user stories for our senior developers to estimate the work. This can then be scheduled in by our product owners and bought into future sprints for production.

Keeping the estimated user stories light and manageable help the work to be picked up by our dev teams when they have capacity and are available to work on the UI items.

I’m aiming to improve our products with a unified look and feel and keeping our UI consistent helps to deliver an improved user experience. This helps to bring our products to our users as a single brand.

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 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.