Bioclinic Medical Laboratory App

How can we improve the patient experience at Bioclinic laboratories during their medical journey? 


Client : Bioclinic Marketing Team


Team : 1 Product Designer, 2 UX/UI Designer


Challenge : proof of concept for an app for the laboratory


Activities : User research, persona, experience map, wireframe, prototyping, user test, iteration


Result : App

qqq


Bioclinic is a group of Medical laboratory based in France. The demand was to create a proof of concept of a mobile application for the medical laboratory patient. The company wants to provide its users a reliable, very simple and functional application to improve the experience of laboratory patients and health professionals.

Discovery


The discovery phase allow us to understand the needs of users, but also their motivations, attitudes, feelings and previous experiences. It corresponds to a phase of empathy that serves to gather information, understand the users and give meaning.

qqq


Action :

> Interview

> Observation

> Form

Interview

We had previously established hypotheses about user needs, and the interviews were intended to help us verify them or identify other sources of problems.


We interviewed users remotely by recruiting them via groups or networks of patients with frequent laboratory analyses. We also interviewed users directly in one of the group’s laboratories in guerrilla mode. Finally, we had the opportunity to talk with the staff of some of the laboratories. 

Observation

We used two observation methodologies in one of the group’s laboratories and collected all observations in a grid. 


Fly on the wall: We made ourselves as discreet as possible, in order to observe people without intervening. 


Shadowing: We followed a person through his or her journey at the laboratory.

Form

Based on the interviews and observations previously conducted, we had axes with associated questions. 


We avoided multiple-choice questions because they could present biases when filling out the form. We used 5-option Lickert scales to be open to undecided people. We avoided open-ended questions because they are difficult to use statistically. 



A digital version of the form was disseminated on different networks that we had solicited for the interviews, and a paper version was also distributed in one of the group’s laboratories. 

Ideate


Confronting the theory with the real world makes possible to reveal usage trends, design errors, and unidentified resources right from the start of a project. 

qqq


Action :

> Ideation Workshop

> Card Sorting

  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button

Ideation Workshop

We gathered six participants to conduct a series of workshops, two Bioclinic stakeholders and four potential users. We introduced the topic and presented the different workshops. 


Workshop Content:

> Ice Breaker

> Empathy Map

> Energizer

> Zero Draft

> What If

Card Sorting

Once the workshops were completed, we worked as a team to consolidate all of the participants’ ideas. We sorted through the cards to identify the most recurring and important points of friction for patients. 

This allowed us to identify potential areas of functionality for the application, which we then prioritized. 

Create


Create physical representations of possible solutions that can be interacted with and evaluated by the target user. This phase seeks to transform the ideas produced during the ideation phase into a tangible form, often mock-ups and prototypes.

qqq


Action :

> Conception Workshop

> Mock-up

> Wireframe

> Prototype

  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button

Conception Workshop

Our idea was to produce tangible solutions that came directly from the users. We had thirteen participants that we brought together in turn in small groups of two to three people. We quickly presented them the Bioclinic group and the major axes extracted from the ideation phase that we had written in idea sheets.


Workshop content

> Ice Breaker

> Crazy 8


We selected the screens that received the most votes during the convergence part of the workshop. Then, these screens allowed us to design our prototype.

Mock-up

We created a User-flow, in order to define the structure of our interface. We chose Adobe XD software to create the mock-ups, our objective being to evaluate the first solutions through user tests. 


The User Flow allows us to understand and anticipate the behaviors of the target users in order to create a solution in accordance with these behaviors.

Wireframe

Home screen with the main features :

> Find the nearest laboratory 

> Find out about the number of patients and the waiting time

> Understand and prepare your exam 

> Consult your results 

> Contact the laboratory 

  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button

Planning your laboratory visit

> Choose your laboratory 

> View real-time attendance 

> Create a reminder to come to the lab

> Create a route to the lab


  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button

Knowledge of the examination protocol 

> Glossary of tests 

> Examination information 

  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button

Understanding and tracking results

> Find all your exams 

> See your results 

> Understand your results 


Prototype

We also proposed a graphic interface in accordance with the graphic charter of the Bioclinic group. 

Related Projects


Share by: