an app to replace
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.
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:
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.
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.
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:
The first screen to reach its final design was the dashboard (below) while other sections of the applications required more iterations.
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.
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.
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.