cuebic

Reviving the subtleties of affection in long-distance relationships with non-verbal cues.

Duration

Roles

Tools

Team

12 weeks
User research
Prototyping
Interaction Design
UI/UX
Figma
Illustrator
After Effects
Arduino
Laser Cutter
3D Printer
Wood Modeling
Overview

Conception to working prototype

Cuebic is a product design & prototyping project I worked on during my Mdes degree at California College of the Arts. I worked with a partner to design a product that would augment long-distance relationship(LDR) communications, a problem we both shared. We designed and engineered working prototypes where we demoed to visitors from Apple, Humane, Meta, and Google at the CCA End of Year Exhibition 2022.

Context

Across the US, 14 million people are in long-distance relationships(LDR)

In an increasingly globalized world, long-distance relationships (LDRs) are becoming more common. Despite technological advancements in communication, maintaining a deep emotional connection in an LDR continues to be challenging. Having been in a LDR for the past two years, I embarked on a journey to find a solution that goes beyond traditional digital communication methods.

Zooming in

Crucial to a healthy relationship, 65% of people attribute communication as the biggest reason relationships end. How can we help improve LDR communication?

Problem

A lack of inter-relatedness & non-verbal exchanges between their lives

Existing digital communication methods, while effective in verbal messages, often falls short in those subtle, non-verbal exchanges of affection: A comforting touch on the head, a playful nudge for attention, a warm hug to let you know everything will be ok...

Their daily lives can feel disconnected across the distance, especially across different time-zones. Did she get home yet? Is he working after hours? Is she mad at me or just asleep?

What if long-distance couples can communicate beyond texts and calls?

🚧

Hi there 👋,
this mobile site is under construction, please try using a computer đŸ–„ïž

© 2024 Chico Liu

Made with

Solution Overview

Introducing Cuebic, based on the principles of Calm Design

Cuebic is a pair of smart connected devices that merges with the periphery and subtly demands your attention only when it has something to tell you. Simply put it on your desk or night stand, it’s becomes a fun embodiment of your partner!

Cuebic communicates without speaking, similar to how we often behave with our partners - one quick glance and we know what's happening.

Jump to Solution ↓

...and more all through a series of intuitive and playful interactions like a simple flip, tilt, shake, or hug

See Cuebic in action

Process

Problem to Prototype

Research
Problem
Ideation
Protoype
Testing
Solution
Research

Understanding how LDR couples communicate

We began with a broad interest in enhancing communication within LDRs. Recognizing the need to deeply understand our users' experiences and challenges, we undertook an explorative journey involving extensive research and interviews. We interviewed 8 couples with varying distances, locations, cultures, and relationship types.

Participant Demographics
To Understand
Interview Insights

Non-verbal exchange, async-communication, and the need to feel connected

Our research highlighted the crucial need for an enhanced sense of relatedness in long-distance relationships. They often suffer from asynchronous communication, loss of non-verbal cues, lack of schedule awareness, and diminished inter-connectedness. These challenges hinder emotional connection and intimacy, leaving couples feel disconnected.

1. Heavy asyncronous communication

Couples in different timezones often have very limited time to talk so they opt to communicate asyncronously over text.

“Time difference affects a lot, when I wake up she’s about to go to bed so we’re both in very different states of mind and body.”
Cross Country, Male, 32

2. Loss of non-verbal exchanges

There’s no small smile to tell you that your partners in a good mood, no soft squeeze on the shoulder to tell them everything is going to be okay...

“We don’t get a lot of time to talk because of the time difference. I know he’s not trying to be cold but it can at times feel that way.”
Cross Country, Female, 22

3. Lack of schedule awareness

It can be hard to keep track of each other’s schedule throughout the day. Some even tried to import partner’s calendar onto their own.

“The intrinsic problem was just my memory. The other person’s schedule doesn’t come into my head...”
Cross Country, Male, 32

4. Reduced inter-connectedness

Couples notice a disconnect between their life events and experiences. People don’t want to constantly disturb their partner asking for updates, which hinders communication, leading to reduced relatedness between their lives.

“After he moved, I started to feel that our lives became disconnected, half the time I don’t know what he’s doing or where he is...”
Cross State, Female, 26
Problem Statement

How might we enhance the sense of connectedness in LDR communication with the power of non-verbal, asynchronous exchange?

Our research highlighted the crucial need for an enhanced sense of relatedness in long-distance relationships. Through innovative use of non-verbal, asynchronous communication, we strive to bridge the emotional distance and enhance the intimacy experienced by such couples.

Goals and Challenges
01
HMW optimize asynchronous communication across timezones and schedules?
02
HMW help provide a mental model of their partner’s day?
03
HMW create something that blends into the periphery and don’t attract unecessary attention?
04
HMW create a desirable sense of prensence while respecting privacy?
Problem Statement

How might we enhance the sense of connectedness in LDR communication with the power of non-verbal, asynchronous exchange?

Goals and Challenges
01
HMW optimize asynchronous communication across timezones and schedules?
02
HMW help provide a mental model of their partner’s day?
03
HMW create something that blends into the periphery and don’t attract unecessary attention?
04
HMW create a desirable sense of prensence while respecting privacy?
Background

Distance and time separations can take a toll on relationships

Average Relationship Length
Proximal Relationship
Long-Distance Relationship
Source: Humboldt University, 2010
Design Philosophy

Applying principles of Calm Technology

In our journey to design something couples can use on a daily basis, we discovered the principles of calm technology. We wanted to design something that informs but doesn’t undesirably distract users’ attention. We adopted calm design principles to help reduce the perceptive invasiveness of devices on daily lives.

1

Technology should require the smallest possible amount of attention.

2

Technology should inform and create calm.

3

Technology should make use of the periphery.

4

Technology can communicate, but doesn’t need to speak.

.
.
.

Ideation

Value Proposition

From our secondary research and interviews, we focused on grounding our solution with these four key value propositions.

1

Allow non-verbal, emotional exchanges

2

Enable an awareness of partner's life

3

Provide a synchronous experience in asynchronous communication

4

Achieve the above through non-intrusive, ambient connection

Conception

We started ideating by considering the medium and form factor of our solution. We had a lot of questions.

Would it be an app? A physical product?
How much intention would the user have?
Does it have a personality?
How would someone interact with it?
What shape and form would it take?
Will people get bored using it?
How will it affect the relationship?

Ideate.

Prototype.

Test.

Repeat.

01

Function: What should it communicate?

With the myriad of information couples might communicate, we had to narrow down to the most essential and meaningful info, while minimizing distraction and optimizing for the limited screen real estate. We chose these four core functions as we found they provide the most useful information for emotional connection, while reducing unnecessary clutter and distractions.

  • mood

  • status

  • heartbeat

  • time/schdule

  • weather

  • photos/videos

  • days together

  • anniversary

  • text messages

  • voice

02

Form: Physical vs Digital

Another big decision we had to make early on was whether this will be a physical or a digital product. We had a rough idea of what we want this product to do.  So we explored our options by analyzing the benefits and drawbacks in interactivity, potential for distraction, ease of use, and design difficulty, before choosing to build a physical product. We were also heavily influenced by the philosophy of Calm Technology, which aims to create technology that seamlessly blend into the user's environment and daily routine, providing necessary information without demanding constant attention.

Physical
Digital
Attention
Uses peripheral like a clock, no action needed to receive information
Apps share it’s device with a myriad of other distracting apps and notifications
Interactivity
Full control over input and output to minimize distraction
Requires multiple interactions just to check updates
Difficulty
No set standard for what this might look like
More standardized work flow designing an app
Ease of use
Full control and customizability to optimize for usecase
Good control within the app, no control over how app is accessed
03

Final Concept

A physical device that couples can use to communicate moods, status, schedule, and send heartbeat. We knew we needed a screen to display these various information effectively. Considering we want to minimize the interaction and distractions, we decided to use physical inputs rather than a touch screen. We ended up choosing a cube shaped device as it allows for easy manipulation and multiple types of inputs. Setting a mood is as simple as flipping the cube to a different side, with each side representing a mood. And tilting the cube left and right, after a tap, will scroll through a menu of status to send.

Prototyping

Form Factor, Interactions, Electronics

We started creating prototypes with different levels of fidelity and functionality. We first made cardboard mockups to validate and test the ideal size for our product. Then we built the electronics inside using an Arduino and tested the viability of our input and output methods.

“People who are really serious about software should make their own hardware.”

-Alan Kay (inventor of the laptop & OOP)

So we made our own hardware :D

We chose the cube as our device’s form. A familiar shape with symmetry on all 3 axis. We were also inspired by the Rubik’s Cube’s intuitive interactions and convenient form factor.

Minimum

Viable

Prototype

We started creating prototypes with different levels of fidelity and functionality. We first made cardboard mockups to validate and test the ideal size for our product. Then we built the electronics inside using an Arduino and tested the viability of our input and output methods.

Cardboard prototypes to gauge the form factor and the interaction of the device

Testing different displays, learned to code visuals and display images

Prototyping the “flip” interaction using the accelerometer and onboard neopixels

A single prototype made of cardboard. Able to detect orientation and display corresponding mood as color on the screen

Testing in true-size exterior with electronics exposed

Material, Finish, Icon Design

The first prototype helped to test and verify the feasibility of our concept and ironing out technical challenges, so next we moved on to the exterior. We experimented with different ways of representing moods on each side of the cube. As well as prototyping with different materials including wood, 3D printed ABS, and laser cut acrylic. From our testing, people preffered the white frosted acrylic the most for its look and feel.

Me cutting wood to make the side panels :D

CAD modeling for 3D printing

Experimenting with Laser Engraving Moods

Laser cutting acrylic

Different types of acrylic exteriors

Different mood chip designs

Wood prototype with different shaped mood chips

Testing mood chip colors

Prototype

Finished Look

The finished prototype uses an acrylic shell, features a screen on the front powered by an Arduino micro-controller. It uses Bluetooth to communicate and has a pulse sensor to it's side. Inputs including flip, tap, tilt, shake, are detected using the built-in gyroscope.

User Feedback

"It's a bit sad when you receive a sad mood but there's nothing you can do."

Iteration

User Testing

We conducted usability testing with participants to iterate our prototype. We asked participants to spend sometime with the device to test the feasibility of the interactions. As well as asking couples to use it over the course of a day.

We discovered that people often wanted to react to updates they received, especially to the sad mood. We went through another round of iteration to design the “virtual hug” and the “cheers”.

We also observed that users wasn’t able to check updates that they might have missed. So we also added a timeline function to allow scrolling through recent updates.

Sending Hug

Receiving Hug

Receiving Cheers

Recent Timeline

User Feedback

"What about when you go out? I still want to check in."

Iteration

Creating a companion app

We designed an app to enable updates on the go and to personalize their Cuebic. Widget on the homescreen provides everything you need at a glance. Scroll through your history, view your mood trends, edit your avatar, and sync your calendar, all right in the app.

Final Solution

Cuebic

Mood Chip

Laser engraved acrylic chips represent moods on each side of Cuebic. The chip magnetically attaches to the side, allowing for easy customization.

Local Time

The indicator represented by the sun (day time) or moon (night time) acts as the hour hand on a clock that shows your partner’s local time.

Mood

Your partner’s mood represented by a Memoji, with 5 essential customizable moods, easily understand how your partner's feeling at a glance.

Calendar

One full ring represents 12 hours of schedule. Cuebic auto syncs their calendar with each colored block representing a type of event on their calendar.

Status

Your partner’s status represented by an icon, easily see what they’re up to at a glance.

How Cuebic Works

The front screen shows updates from the Cuebic it's paired with.

Each Cuebic comes with an assortment of mood chips that represent everyday moods. Any five chips can be attached magnetically to the side of the cube.

Cuebic connects via Wi-Fi & Bluetooth, it's also compatible with Qi-Wireless Charging standard,  allowing you to charge with any wireless charger to stay connected. The built in battery supports over 30hrs of use.

Cuebic is designed to minimize distractions and maximize calm, while providing effective communication through it's screen and haptics motor.

How to send and receive updates

Cuebic uses the built-in gyroscope to detect motion, simply flip to the side with the mood you currently feel, shake it to send a nudge, or hold it with both hands to send them a warm hug.

Send
MoodStatusNudgeHugPulseCheers
by

User Interface

Local Time Pointer

Night

Day

Status

Available

Busy

Away

Home

Sleep

Work

Status

Angry

Worry

Sad

Happy

Love

Calendar

Work

Activity

Appointment

Personal Event

Mood Chips

Angry

Worry

Sad

Happy

Love

Technical Breakdown

Inside Cuebic

We prototyped Cuebic using Arduino compatible Circuit Playground microcontrollers, due to limited I/O we had to include two to integrate all of the components. The CP Gizmo display is fully compatible with CP controllers however it was limited by its I/O connection thus suffering low refresh rate. We used a Qi wireless coil and a power controller to allow for simultaneous charging and usage. The vibration motors provided haptic feedback to functions like scrolling through status and receiving heartbeat.

Cuebic Assembly Stop Motion

Code written in Circuit Python

Circuit Playground Bluefruit Controller

Circuit Playground Express Controller

Circuit Playground TFT Gizmo Display

Li-Ion Battery

Dual Vibration Motor

Qi Wireless Charging Receiver Coil

Power Managment Controller

Haptic Controller

Pulse Sensor

Reflection

Learnings

Grows Â đŸŒ±
Break out of tunnel vision.

Being both the designer and the prototyper, it’s easy to be caught up in the technical details of trying to achieve high fidelity prototypes. I spent a long time coding, soldering, looking for answers on 10yo forum posts that whenever I had a new idea, I found myself as the engineer constantly in battle with myself as the designer over technical difficulties, resulting in a tunnel vision that limits imagination. As a techie I started off looking down upon quick hacks and temporary fixes, as it was “not doing it the right way”. Throughout this project I’ve learned to be more open to “Wizard of Oz” prototyping, and to integrate my technical knowledge in aid of design thinking rather than hindering.

Glows 🌟
Test early, test often.

From the beginning, we tested with different levels of fidelity to validate/invalidate different ideas. Starting with the most fundamental first, the input gestures, form factor. Then the screen and ui were tested and iterated, and lastly the exterior material, icons, finish... it allowed us to discover issues or even new ideas early in the process.

Technical đŸ‘šđŸ’»
Arduino, Circuit Python, Fabrication.
  • Code display elements using Circuit Python
  • Using Bluetooth protocol to communicate between devices
  • Provide different haptics using vibration motor
  • Laser cutting and engraving
  • Wood modeling
Upcoming

Next Steps

Additional Features

In the development of this project, we set aside some ideas that we don’t have time to get to. We’d like to explore what happens when the couple are reunited? What happens on special occasions like aniversaries or valentine’s day? How might we show growth and progress of the couple?

More Testing

We’d like to test Cuebic long term over a long distance. Due to our prototype using bluetooth, we’re limited by the distance. Integrating WiFi for testing would allow us to test it in even more realistic environment.

Chico bot
Ask me anything