Pice

UI/UX Design
Case Study

Pice is an app designed to prevent heart attacks, inspired by the sudden loss of my grandfather to this condition. My goal is to help individuals with heart problems avoid similar tragedies, ensuring they have the chance to live healthier lives.

Introduction
Project Time: 6 Weeks

Design Challenge

Maximize efficiency in accessing emergency help for patients.

Improve accuracy of data organization for swift response times.

Optimize data storage and retrieval systems.

Ensure streamlined processes for accessing critical patient information during emergencies.

User Research

Problem

Users often experience cognitive overload when navigating Apple's Health app due to its overwhelming complexity.

Solution

To reduce cognitive load on the app, I redesigned the screen to clearly categorize and separate important information from other details.

Ideation&
Wireframe Design

I started sketching a low-fidelity design featuring a boxed grid layout to better organize and present information within the app interface, aiming for improved user interaction and clarity.

_{“How can we reduce the risk of heart attacks via notifications?”}

Mid-Fid Prototypes

I gathered all the feedback, refined my low-fidelity prototype design, and began creating mid-fidelity prototypes.

Pain Point

I'm addressing the main pain points in the heart monitor journey, where users faced the most challenges.

Interview Takeaways

Users need simpler navigation with fewer screens.
Important tools and information should stand out clearly.
Calls-to-action must be straightforward and prominent.
The interface should be intuitive yet informative enough for users' needs.

System Map

Next, having understood the expectations, concerns, problems, and proposed solutions of our target users, let's explore the system map. This will outline the paths our users will follow while using the app.

User journey map

Based on the collected data, I developed a user journey map. It includes users' names, demographics, frustrations, emotions, and identifies future opportunities for the app based on the identified problem points in the scenario.

Visual Design
& Typography

Scenario 01

Dashboard

Users without serious heart problems can utilize the app daily for preventive care.

Daily use for preventative heart care for users without serious heart problems.

Monitoring of health status within the app.

Reminders for medication intake.

Tracking of vitamin intake to ensure adequate nutrition.

Scenario 02

Dashboard

Alert users to abnormal heart rates detected by the app.

Provide recommendations based on detected abnormalities.

Report instances of irregular heart rates.

Differentiate alert levels with varying shades of red to indicate severity.

Support users who have experienced a minor heart attack with proactive monitoring and alerts.

Scenario 03

HeartGuard

Sends the user's location to the emergency center during critical situations.

Enables users to send SOS messages including their location to nearby emergency centers.

Facilitates quick access to emergency assistance for users with serious heart problems.

Provides peace of mind through immediate response capabilities during medical emergencies.

Addtional features 01

Medical ID

Users can toggle their medical ID display for emergencies.
Upon activation, doctors or physicians can access the user's medical ID by clicking a notification on the screen.

Ensures quick access to vital medical information.

Enhances emergency response effectiveness by ensuring medical professionals have immediate access to necessary user information.

Addtional features 02

Delayed Messages

During emergencies, this message automatically sends to saved contacts.

Users can customize a delayed emergency message in settings.

Facilitates communication of important information to loved ones.

Provides peace of mind by ensuring messages are sent in critical situations.