Jeevan Rekha- Now the entire hospital in an app- UX case study

Rishiraj Ghosh
Nandini Syju
Vishal Yagyasaini

National Institute of Design
ID’19
Course- Interaction Design

onboarding of Jeevan Rekha

Overview

We created the Jeevan Rekha app as part of our Interaction Design Course’s 6-week Design Project at the National Institute of Design. We spent the next six weeks picking up a lot on the way, as we developed this app.

Jeevan Rekha is an application that is created keeping the bystanders or patient party in mind. The patient party has to run a lot of errands and communicate with the hospital management system to keep track of their admitted patient.

Jeevan Rekha connects the Hospital to the patient party so that they can track the hospital updates of the inpatient, remotely from their phones, maintaining their work-life balance.

Design Brief-

“To create a digital experience for communication with the Hospital body for Patient’s Guardian”

Secondary Research

We did preliminary desk research on Hospital Systems and their subsystems. Made diagrams and gained clarity on Hospital management processes. It was followed by observing typical interactions of people in hospitals.

Primary Research

After having an idea about Hospitals on secondary research, we -

  • Conducted Field-visits to Hospitals
  • Observed the environment and context of hospitals, their users, and their stakeholders
  • Collected Pain Points
  • Identified areas of Queue
  • Interviews with experienced users in the domain

Defining

We did a brainstorming session on framing problem statements.

We proposed the problem statements, observed the correlation among them, and voted based on our Scope and relevance.

Problem Statement-

“Lack of transparency and compulsion in physical presence for communication between Patient’s Guardians and hospital system causing distress.”

User survey

We created a User Survey Proposal with the questionnaire and intentions behind them and identified our target user.

We conducted the survey and got insights on users’ previous experiences with hospitals, and opinions and attitudes for the system.

User Interviews

We recruited users for further interviews to get insights from their interviews.

User Personas

We identified behavioral patterns after conducting user interviews and made binary variables to be quantified on a Likert scale. This is followed by a recording of patterns observed on the behavioral variables.

Finally, we created user personas on our empathize phase based on the aforesaid research.
From the observed principal pattern, we derived our Primary Persona.

Followed by Secondary and Tertiary Personas

Competitive Analysis

We hypothetically thought of the services we are going to provide through our solution and identified potential competitors in the digital market.

We analyzed-

  • Pros and Cons
  • Information Hierarchy
  • Common flows we can learn from them
  • UX writing

User Story Mapping

We tried to get into the user’s perspective and drafted stories, categorizing them into ‘needs to know’ and ‘need to do’.

And then further mapped them based on phases of the flow, i.e., before admission, communication, purchase-related for the hospital side. Parallelly we started exploring Feature listing based on the user’s needs and had another brainstorming session.

Feature Prioritization

We had a prioritizing session on features with MoSCoW analysis, with reference to the user story map and Scope.

We voted based on scored icons and categorized them into different feature priority(s).

Information Architecture

We identified major tasks and planned journey maps, keeping in mind the decision points in between. We created flowcharts of task analysis of each action.

After some discussion, we made a couple of changes and added some new task flows to the journey.

After this, we identified the key-path flow in the journey, which includes the most priority user-flows with only primary features.

Low-fidelity wireframes

We kept our Information Architecture as the backbone and gave the user flows a 2D shape through wireframing.

We made a Use Case Scenario also, to make a detailed day-by-day story, to put relatable data into the product context.

We first sketched basic ideas of screens on paper and then refined them on Figma.

a few Lo-Fi paper wireframes

We further reiterated the low fidelity wireframes on Figma with intense brainstorming sessions, based on factors such as layouts, usability, intuitiveness, and hierarchy.

User Testing

After coming up with the wired key path flow, we went out for User Testing.

After round 1, we got feedback from our users. We observed how the users were interacting with our flows. We developed insights that indicated several drawbacks in our design in navigation and emphasis.

We made revised versions of our wireframes and then launched Round 2 of our User Testing.

We accomplished better interactions from the side of users and again made some more improvements.

High Fidelity

After validating our design, we went to create a Design System for our Hi-Fi screens.

wired prototype

Our Final Prototype

scan QR for activating Figma prototype

direct link- https://www.figma.com/proto/CUbuddC5QYTB6lfzj4Nqlf/Jeevan-Rekha?node-id=61%3A2017&starting-point-node-id=61%3A2017

About the Team

Thank You!

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store