Nintex Mobile UX design process

Leading redesign of a much-loved Mobile application

Skills

Design leadership Sketching

Background

Nintex Mobile is a mobile application used by people world-wide to access content, respond to set tasks and enter information into systems of record. Its design was dated and its interface needed improving.

This is how I lead the design process.

Challenge

  • The app had useful functionality used by many people globally, but was difficult to use and looked old fashioned.
  • The development team were stretched across 3 platforms and sometimes unable to replicate the designs that I created.
  • Often the designs were thought to be too big a leap from the current state.

Actions

Together with the product manager, I researched pain points and redesigned key user journeys with a new interface.

To address the lack of resources, I created a “Good, better, best” model.   This was to allow the dev team to fix key design issues quickly whilst not losing focus on the bigger design goals.

Good, better, best.

The design process used was to start with sketches and then iterate designs until completion with a high fidelity deliverable. Sometimes this meant user testing, more often gaining approval from product, engineering and support teams.

Sketch of improvement
Prototype of gesture interface
HIgh fidelity mock up of action

Results

The good, better, best model proved successful with developers and product management; all new work followed this approach.  Importantly, the dreaded “we’ll do that in version 2” was avoided – the team was inspired to complete the design to “better” and even “best” concepts.

By tackling the interface in manageable pieces we managed to  implement large features such as an interface that could be re-themed and a complete overhaul of the design and layout.

Theming

A theming system was designed and built – people now able to white-label and style their own apps.

Theme example – light
Theme example – dark

 

 

 

 

 

Sign in experience

The sign in journey was completed overhauled and a new design highlighting local tradeshows implemented.

Before: sign in interface
After: sign in interface