julie poignot :: ux designer

selected work : uniquedoc

Uniquedoc

client: uniquedoc agency: newborne product: iOS app

an app to replace
them all

Problem

Healthcare professionals use many different apps as part of their job. It wastes precious time, can lead to security issues and overall, is not efficient.

lightbulbs
Solution

A unique tool that lets healthcare professionals collaborate and grow their network in a secure way.

Reasearch & analysis setting the foundation

After doing some research and a workshop with the client, the team put together a UX report that would serve as the foundation of the project. This document answered essential questions:

  • what is the product?
  • what are the project, business and user objectives?
  • who are the users?
  • are there competitors?

Information architecture understanding & organising the data

The UX report helped us create the appmaps for the two applications (iPad and iPhone) and I drew up a features & content specification. This document listed all the content needed per screen: item, type, description, example, relationship with other items and so on.

App map for the ipad app:

Uniquedoc - Information Architecture - iPad App Map

Task & screen flows optimizing the journey

At this point, I started mapping the entire apps with task flows and screen flows to ensure a smooth and cohesive experience for each user story and optimize the tasks the user would perform.

The diagram below is one of the many screen flows I designed.

screen flow for the Settings section
Uniquedoc - Settings screenflow

Sketches & Wireframes visualising the experience

With a more defined product in mind, I sketched ideas and concepts for the most important screens first (dashboard, inbox, contacts), quickly moving on to low-fidelity and high-fidelity wireframes using an iteration process.

some of the early concepts for the dashboard
Uniquedoc - Dashboard concept wireframe 1 Dashboard - Dashboard concept wireframe 2

Iteration process design, test, repeat

Working iteratively allowed us to detect problems early on and improve the wireframes before moving on to the design stage:

Iteration Process: Think, Sketch, Test/Review. Repeat or Refine.

The first screen to reach its final design was the dashboard (below) while other sections of the applications required more iterations.

the final design (wireframe) for the dashboard
Uniquedoc - iPad Dashboard Wireframe

Interaction design a human & enjoyable experience

An app destined to healthcare professionals necessitated well crafted interaction design: intuitive, fast and errorproof. The whole team was involved in this aspect of the project as it entailed research, design and development. In parallel to working on the wireframes I designed interactions and transitions to create a more intuitive and enjoyable experience for the users.

The wireframes below show how the user would be able to share a file in a conversation with one of his contacts.

Uniquedoc - File Transfer - Interaction Design

Annotated docs communicating the experience

I was in charge of creating and organising the UX deliverables. A big part of that task was to annotate the wireframes, which was essential in our communication with the client but also acted as a reference guide for the development team.

Uniquedoc iPhone App - Annotated Wireframes
Documenting

I documented the UX deliverables, including task flows, concepts and of course the wireframes.

Implementation building the product

After all screens had been wireframed and validated (internally and by the client), I collaborated with the designers and the developers to guide them and ensure, together, that both apps were built the way we conceived them. However, we stayed flexible until the end of the project, constantly questioning our work and improving each screen, feature and design even during the production phase.

Testing test, fix, repeat

In parallel to the development, I was alpha testing the applications to identify any issue and help improve the quality of the product.

Uniquedoc - iPad and iPhone final designs. Dashboard designs