Categories
Design Design Ops Design Systems Digital Product design

UI Review and Design Systems

I’m leading on a UI review of one of our premium products looking at common UI components. This is to unify our front end to further improve the professional look and feel for this product and to ensure that our screens reflect our brand.

I’m also looking at UI consistency so that common elements render in the same way across all screens. This process helps this premium product to look professional and can be easily identified as one of our branded products in the marketplace.

Having a comprehensive collection of UI elements ensures that nothing is missed in our style guide. This helps to speed and streamline our development and test processes and increases our speed to market for new features.

This is also a positive step towards a future design system which would include code snippets for the UI elements. I’m very happy to contribute to this production process as it helps new starters and junior members of our scrum teams understand our approach to contemporary software production.

Categories
Design Digital Product design UX UX Design

Design Concepts

I’m currently working ahead of production on design concepts for our projects that are in the discovery phase. Based on stakeholder requirements these concepts help to flesh out the digital solution that will eventually be built by our development teams.

The concepts will typically cover the key screens that will enable users to perform certain tasks or access what they need from the specific service. I design the screens in Figma which are then built into prototypes that allow stakeholders and product owners to visualise how the digital solution will look. They can then review, discuss, feedback and adjust the concepts which can easily be edited.

These prototypes give insight to the product’s user journey and allow for early user testing to validate the design concepts. I enjoy this creative process as it helps early understanding of a proposed digital solution and it is an efficent process for digital product production.

Categories
Design Digital Usability UX UX Design

UI/UX Improvements

I’m looking at making some UI/UX improvements to two of our products to improve usability and address inconsistent UI elements.

Working with our product owners and senior developers we’re going through user stories that I’ve created based on live system adjustments to our UI. I’m writing my user stories to keep these improvements end-user focused to improve our product usability and also to enhance our product’s look and feel.

Once agreed with the POs and senior devs the UI/UX tasks are estimated and bought into production. I also transfer my user stories to the respective product backlogs for the POs to implement in their sprints.

It’s good to capture these UI improvements that will enhance the user experience of our user groups. This work also improves the overall look and feel of our product suite so there is a seamless cross-product user experience.

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
Digital

Seasons Greetings

Just to say all the best for the festive season and hope that you have an excellent time with family and friends. Wishing you a very happy new year and a great 2023!

Categories
Creative Design Design Ops Digital Product design UX UX Design

UX Brighton

Well it’s been a while! But I was very glad to having bought my ticket and headed into Brighton to attend this conference once again.

Really good to see it up and running again after the break for the pandemic and good to attend a design orientated conference. I also caught up with some old designer friends that I’ve previously worked with in Brighton.

There were some inspirational speakers with the day’s theme being focused on Product Design and Management. As ever I took lots of notes to mull over and themes to explore over the coming weeks.

UX Brighton always inspires me and I enjoy the takeaways that I can bring into my design practice and career.

Categories
Creative Design Digital Mobile Product design UX Design

Mobile Design

I’ve been working on mobile prototypes and design screen concepts to support our sales team. They deliver webinars that we’re presenting to groups of potential clients that represent large health care organisations.

Using Figma I create screen flows of our products to highlight key screens to show our product features and overall look and feel. The demos help show current and future features that are live or currently in production.

I’m also working on a wider mobile design project as part of a back-end system upgrade project which is underway. I’m looking at our app’s UX and UI, the user journey, improved performance and resolving usability bugs. It’s good to work with our mobile development team during this project and collaborate on mobile functionality.

We have end-users ready for user testing of our new app once it has progressed through our internal test and UAT process. I’m looking forward to getting this user feedback on our app and to see it go live.

This project will improve the user experience of our audience and bring an much improved mobile app to market.

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