UCSD Healthcare Robotics Lab

Creating & testing designs for the Stretch Telepresence Robot

TEAM

2 UX Designers

5 Developers


Timeline

Apr - Sept 2024

(6 Months)

Skills

Product Design

UX Research
Healthcare Design

DELIVERABLES

Developed Interface

UCSD Healthcare Robotics Lab

Creating & testing designs for the Stretch Telepresence Robot

TEAM

2 UX Designers

5 Developers

Timeline

Apr - Sep 2024

(6 Months)

Skills

Product Design

UX Research
Healthcare Design

DELIVERABLES

Developed Interface

Background

The UCSD Healthcare Robotics Lab has been working on Stretch, a compact and cost-effective mobile robot equipped with an arm. A key application for Stretch that the lab has been working on is assisting people with chronic illnesses to perform daily tasks from the comfort of their beds, offering greater independence and convenience.

Arms
Mobility
Teleoperated
Vision
Wheels
Arms
Mobility
Teleoperated
Vision
Wheels
THE Problem

The current interface options for Stretch are cluttered and rely exclusively on mouse input, limiting flexibility. This prompted researchers to explore alternative input methods to create a more adaptable and user-friendly experiences.

How might we STATEMENT

How might we design a more intuitive and adaptable control interface for Stretch that supports multiple input modalities and enhances user’s experiences?

Our Solution

To address these challenges, my co-designer and I developed a redesigned interface for Stretch under the guidance of our principal investigator. The new interface supports 3 input control modalities, to improve flexibility, usability, and accessibility for users, making the robot more effective.

Research
Usability Audit

In the beginning, I looked at existing interfaces that had been utilized for Stretch to inspire our future designs. Here were some key issues I identified.

IDEATION
Design exploration

During our ideation phase, my co-designer and I created various iterations of what the screens of the new interface would look like. Here are some ideas we tinkered with:

Adding visual feedback

Adding visual feedback

Experimenting with Icons

Experimenting with Icons

Changing control layouts

Changing control layouts

Dark vs. Light controls

Dark vs. Light controls

Additionally, I identified a gap in the onboarding process to teaching users how to interact with each interface so I decided to make "cheat sheets" with visuals that correlate modality mappings to movements on the robot for users to refer to. Users would have to click on the 'I' next to the settings icon in the top right corner of the interface to access them.

DEsign system

Before handing off to engineers to develop our designs, my co-designer and I created a design system for easy component recycling, and to show engineers the layout of the system. We also created high-fidelity prototypes to test different the control overlays to run our designs through the WCAG guidelines and ensure our final designs followed accessibility norms.

FINAL DESIGNS
FInal designs

In the end we created 6 different screens for the 3 modalities — the phantom omni, xbox controller, and mouse. We disregarded some of the nuances of the phantom omni and xbox controller for the sake of the study, making the interfaces look as similar as possible. I specifically worked on the layout of controls, and vector sketches of the omni and xbox controller for the icons on the interface and on the cheat sheet.

Phantom Omni

Xbox Controller

Mouse

Base Control

Cheat Sheets

Demo Use

Phantom Omni

Xbox Controller

Mouse

Base Control

Cheat Sheets

Demo Use

Phantom Omni

Xbox Controller

Mouse

Base Control

Cheat Sheets

Demo Use

Reflection
Key Takeaways
Key Takeaways

Whether or not designs target a specific demographic, user testing is impactful in refining designs.

Whether or not designs target a specific demographic, user testing is impactful in refining designs.

Maintain a strong focus on accessibility at every stage of the design process, from the early sketches in Figma to the final implementation.

Maintain a strong focus on accessibility at every stage of the design process, from the early sketches in Figma to the final implementation.

Other projects

Streamlining the Application Process for future California Certified Interior Designers

PRODUCT DESIGN • WEB DESIGN • NON-PROFIT WORK

Like what you see?

Let's create together!

UPDATED 12.12.2024︒⚬ © MADE EATING LOTS OF FRUIT AND DRINKING 茶 AND 咖啡
THE Problem

Researchers at the UCSD Healthcare Robotics Lab had done previous work on a robot called Stretch, a compact, lightweight, and low-cost mobile robot with an arm, designed for researchers developing robot applications to help people in homes and workplaces.

Arms
Mobility
Teleoperated
Vision
Wheels

Streamlining the Application Process for future California Certified Interior Designers

PRODUCT DESIGN • WEB DESIGN • NON-PROFIT WORK

Transforming Music Festivals into Sustainable and Cost-Effective Experiences for College Students with TicketTasker

PRODUCT DESIGN • MOBILE DESIGN • PRODUCT THINKING

Like what you see?

Let's create together!

Let's create together!

UPDATED 12.12.2024︒⚬ © MADE EATING LOTS OF FRUIT AND DRINKING 茶 AND 咖啡