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 Mobile Product design UX

Mobile Competition

I’ve been looking at the competition for our app in the healthcare sector here in the UK. It’s a good process to review what’s available to our clients and the NHS trusts that we supply.

There is a limit to what you can see without access to these systems but you can see reviews, ratings and end user feedback. You can also see what examples of the mobile screens from marketing material and app store submissions.

Put all this together and you get a feeling for the UX and then I can compare our app against the wider market. This is useful info which can be fed back to the business, it will also give us an idea of how we can improve our app’s design.

A product design review is something I like to carry out on a periodic basis as this helps to keep the look and feel fresh. A review also allows for new feature concepts to be considered by stakeholders and product owners.

Categories
Creative Design Ops Design Systems Mobile Product design UX

Mobile Style Guide

We’ve just released our mobile specific style guide, this builds on and compliments our desktop style guide which was released at the start of this year.

This guide is the latest collaboration with my design team, we have been working on this alongside new feature and BAU work. This guide captures our mobile optimised design patterns as they are designed and built into our app. The new guide also covers every component and design pattern that is currently live in our app.

Our new guide helps to ensure consistency as a single source of truth for our mobile development team and it will help with our onboarding process. It’s also another step towards a new design system that I hope to implement as a project that will further improve our new app feature to market speed.

Categories
Design Mobile Product design Usability UX UX Design

User Testing Prototypes

I’m currently building two Figma prototypes for a new NHS rostering solution that has a unique approach for the sector. The prototypes demonstrate the user journeys for two user groups of the new system. I’m working in close collaboration with our POs to refine the final prototypes ahead of user testing to validate our ideas based on the user stories we have created.

I’ve kept the UI as intuitive as possible so the end-users are able to use the new system in the real world. I’m also user testing early so we can make sure that we’re getting feedback on the solution well ahead of any development.

We have a focus group ready for testing and we can also access medical staff that represent the target user groups for the new system. This ensures that we can produce a digital product that engages our users whilst also addressing our stakeholder requirements and business needs.

I’ll be iterating the prototypes and system functionality as we go forward with our successive rounds of user testing. Our new rostering system is designed to integrate with our mobile app to help our medics organise their schedules and make their working day easier.

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