Contacts Mobile App

Change Grow Live

Client

Change Grow Live is a national health and social care charity helping people with challenges including drugs and alcohol, housing, justice, health and wellbeing.

Audience

• Internal staff
• Front-line staff

My role

• Design lead
• UX design
• UI design
• Prototype creations

Brief

Improve the UX and UI design of the Beta version of clients' internal database (known as CRIIS) contact Mobile App which is to be used by front-line staff when out visiting clients and need to access client details from database.

Approach

Liaise with App developers to understand what the organisation's objectives for the product are including the user needs and the timescales for the project. Review the developers MVP and enhance the user experience and user interface design by completing a heuristic evaluation to identify opportunities. Create low and high fidelity prototypes using Adobe XD to pass on to the development team to create and test with end users.

Above: Drag the handle up and down to reveal the before and after UI design

Screenshot of the prototype user flow created in Adobe XD
iPhone showing login page
iPhone showing contact details page

Results

The design received positive feedback from App developers when they built and tested the App with staff and it's now in continuous improvement iterations.

The UX and UI developments added include:

  • Onboarding added using progressive disclosure to communicate the three areas of content 
  • Consistent UI patterns introduced including buttons, colours, affordance, fonts, form styles, microinteractions, replicating the Website UI for continuity
  • Feedback interactions added in appropriate areas
  • CRIIS identity created
  • Accessibility improved with higher contrast levels and font sizes
  • Content/copy refined to improve the usability

Selected Works

Brand DevelopmentSightsavers

SDGs CampaignSightsavers

Annual ReviewSightsavers

Website Blog DesignSightsavers

Website RedesignChange Grow Live

Annual ReportChange Grow Live

Brand RefreshChange Grow Live

Get in touch:

© Tom Morton 2021