Research, Sketching, Wireframing, Prototyping
My role: UX/UI Designer
Human Centered Design Class - Fall 2019
This project was the second-term project for the Human Centered Design class for second-year MFA Interactive Media students. The instructions were to design and prototype an incident reporting system for nursing settings. The objective of the system is to provide user specific interface for report, submission and analysis of incidents in nursing homes.
One of the biggest causes for underreporting is the reporting system design. Existing incident reporting systems are paper based, they are usually delegated to supervisors, and do not address worker safety. Some of user's opinions are "I can never find the forms" or "I usually ask my manager to write it for me". Based on these facts, the challenge of this project was to identify: How might we encourage users to change their traditional paper-based reporting systems and address worker safety?
I conducted different User Centered Design techniques to approach this project. After a few iterations of my task flows, site maps and sketches, based on the feedback received from my classmates and the Professor, I designed a web-based incident reporting system for nursing home settings. The solution is called "Safety" and it is characterized by its simplicity and appealing interface oriented to the needs of the target users. It also provides key dashboard analytics that will allow to identify system hazards and statistics about case management.
PROCESS & DELIVERABLES
The professor provided us with some background about incidents in work environments and information about Nursing Home Facilities. She also provided some requirements to address in our solution.
There are 3 types of error events:
Injuries / Illness: Accidents that actually occurred
Property damages : To physical property
Near misses : Accidents that could potentially occur
Nursing homes open 24 hours/day. There are different departments in these facilities such as nursing, housekeepers, HR, dining services, etc. For this project, we focused on the Nursing Department.
There are 3 levels of care in nursing homes:
Dementia and related conditions
Traditional long term nursing care
Short term, rehabilitative nursing care
The system has been designed mainly for Administrators, Assistant Director of Nursing (ADON) and Director of Nursing (DON) who are the responsible of reviewing the incidents and filling the required documentation such as Worker Compensation and OSHA Forms.
I first conducted a secondary research to understand the use of incident reporting systems and the operations at nursing homes. Some of the questions that I addressed in my the research were:
What are Incident Reporting Systems?
What are the barriers to report?
What design considerations should be taken into account when designing Incident Reporting Systems?
What is OSHA?
What are the design precedents?
I synthesized the research and then used the key insights to derive main design principles that helped guide me during the concept development. The full report can be found here: Secondary Research Incident Reporting System
The concept map helped me to organize my findings and integrate them with the design requirements given for the project. It also helped to map the different status for the incidents and cases.
Once I had an overall understanding of the product, I started working on the task flows. I used Lucidchart to develop the task flows. It was an iterative process as I shared them in class and received feedback from my classmates and the Professor.
The mapped tasks were:
Create User Account
Edit User Account
Create Report (Injury/Illness, Property Damage, Near Miss)
Edit In Progress Report
Review Submitted Incident
Submit Worker Compensation Form
Submit OSHA's Form 301
View OSHA's Forms
Generate OSHA's Summary Report
Below are some of the task flows:
The sitemap was an iterative process as well as it had been changing once I started working on my sketches and wireframes. Below is the last version of the site map.
I started designing some sketches based on the stated sitemap and the task flows. These sketches helped me to explore design alternatives and I was able to organize accordingly all the elements. Below are some of my sketches.
After revising my sketches and making some changes, I used Figma to create the wireframes. These wireframes convey the structure of each screen, the content, the actions and behaviors the user might expect from each button. The label number on each screen correspond to the site map. This exercise was great to determine what type of elements will be needed for the forms such as text labels, drop-down options or radio buttons; the modal confirmation messages; and the elements and visualizations needed for the dashboards.
The complete set of annotated wireframes can be found here: Annotated Wireframes Incident Reporting System
THE FINAL DESIGN
Finally, I designed the prototype for "Safety, The Incident Reporting System for Nursing Homes". This was the last step in the design process that followed an iterative process as well.
Some considerations that I took for the present project:
The screen size chosen for the design was Desktop 1440 x 1024.
The system assigns the reports to admins to be reviewed.
The style guide can be found here: Style guide Incident reporting System
The icons and images were downloaded from plugins in Figma. Icons were from 'Iconify', a free source library and the images were from 'Unsplash', a free source library.
Below are some of the screens of the final design and a video of the prototype.