What is Caregiver Aware?

Using Cognitive’s cutting-edge WiFi Motion technology, Caregiver Aware goes beyond traditional monitoring, offering caregivers peace of mind and valuable insights into the well-being of the elderly.

Leading & Building User Interface from Inception

When guiding UI design from the ground up, my role encompassed the establishment of foundational elements, including conceptualization, design system formulation, and the integration of innovative user-centric interfaces. See UI design patent.

My responsibilities on this project:

  • Led the end-to-end user-interface development of a caregiving app, overseeing its conceptualization and guiding it through to successful implementation.

  • Conducted extensive research on caregiving needs, implementing intuitive structures to effectively address user requirements

  • Established a robust design system by meticulously defining colour schemes, typography, and imagery, enhancing the overall user experience.

  • Crafted aesthetically captivating and unified app screens harmonized with the brand identity, adeptly conveying a sense of trust and security.

  • Cohesively collaborated with the UX team to meticulously tailor the app to the specific needs of the target users, orchestrating intuitive information organization, seamless navigation, and heightened user retention.

  • Maintained a synergistic partnership with developers, ensuring the precise and efficient implementation of the meticulously designed interfaces.

 

Brainstorming preliminary designs

Pictured: The first rough sketches of the future app (left) and the first two iterations of the interface (right).

Final mobile application

Pictured: The final styled and developed “Caregiver Aware” application.


Overview of Project

Below are some high-level design goals that were accomplished while designing Caregiver Aware:

 

Conducted user research to ensure interface met the needs of caregivers

Understood the specific needs, challenges, and preferences of caregivers and elders through user research to ensure all design elements and layouts reflect those needs.

 

Interface is easy to navigate, with clear and intuitive controls for varying types of users

Prioritized a straightforward user experience to accommodate users of varying technological proficiency and used familiar design patterns and layouts to minimize the learning curve.

 

Streamlined the user journey with efficient and easy-to-understand task flows

Prioritized vital information and actions, enabling users to swiftly access and manage crucial tasks with streamlined simplicity, while strategically designing features for quick comprehension through an easily scannable interface

 

Incorporated a compassionate and empathetic design approach

Considered the emotional and mental well-being of users involved in caregiving by using supportive language, thoughtful visuals, and features that acknowledge the challenges and stresses associated with caregiving.

 

Below are the design characteristics of Caregiver Aware’s user interface design:

 

User-Friendly

Intuitive: Ensured the design aligns with user expectations and employs consistent and logical layouts for smooth user interaction.

Interactive: Incorporated interactive elements such as buttons, prompts, and animations, ensuring that user actions trigger meaningful responses.

Gamification: To stray away from a “medical” look, gamification was implemented in subtle ways with the use of icons, data displays, colours, and intuitive customization (such as setting goals).

Graphics and icons: Explained concepts in a visually pleasing way, and used consistent icons to ensure experience is intuitive.

 

Peaceful

Doesn’t feel “clinical”: Chose friendly colours and tones, rather than clinical whites and dark blues, and created a more “gamified” experience rather than a “grave” one.

Customization: Provided customizable features, such as the ability to create alerts and setting goals, allowing users to personalize the app's settings to the elder’s particular needs and schedules.

Simple and intuitive: Designed a clean and straightforward interface with an emphasis on user-friendly navigation.

Friendly imagery: Used imagery that conveys a sense of compassion, empathy, and positive caregiving experiences.

 

Sleek

Innovative data displays: Used summary statistics to present streamlined data perspectives through engaging and intuitive visualizations tailored to the information's nature.

Card format: Each card presents a unit of information, facilitating easy scanning and comprehension. Clicking on a card allows users to explore additional data details.

Rounded shapes: Rounded shapes reduce visual stress and create an overall softer appearance.

Minimalism:
Unnecessary elements were stripped away to create a clutter-free interface. This allows users to focus on content and tasks without distractions.

 

Process

Step One

Project definition and research

  • Identified the target users and understood their needs, preferences, and pain points, then determined the primary goals and objectives of app with the UX team.

  • Studied similar caregiving apps to understand industry trends and user expectations.

Step Two

Brainstorming of use cases and features

  • Based on the research, the Product Team brainstormed on possible use cases that would be useful for a caregiver and their elder(s).

  • Features and possible data displays for said features were then brainstormed.

Step Three

Sketching and wireframing

  • Started with low-fidelity sketches to visualize the basic layout and flow of the app.

  • Created wireframes to outline the structure and placement of UI elements without worrying about visual design details.

Step Four

Define and document guidelines in Design System

  • Crafted a colour scheme, typography styles, and visual elements (icons, images, etc.) that align with the brand and appeal to the target audience.

  • Ensured UI design elements complies with accessibility standards (e.g., WCAG) to ensure the app is usable by people with disabilities.

Ongoing

Collaborating with UX Team

  • Established a shared understanding of user needs and design objectives

  • Provided feedback and iterated on both UX and UI elements to create a cohesive user experience and maintained open communication throughout the design and development process.

Ongoing

Communicating with developers

  • Discussed the feasibility of design elements, addressed technical constraints, and invited feedback to designs.

  • Created detailed design specifications, including mockups, style guides, and design assets, and handed these off to developers in the correct formats.

 
 

Design System and Final Application

Caregiver Aware elements from the Design System

 

Below is a selection of screens from the developed Caregiver Aware mobile application

 

Onboarding

 

Walkthrough

 

Dashboard

 

Activity Insights

 

Sleep Insights

 

Settings and Goals

 

Custom Notifications

 

Quick Setup Guide