COMO

COMO

(Comfort of Missing Out)

Overview

Research

Lo-fi Prototype

Improve social interaction by reducing FOMO and helping friends and family stay truly connected.

Timeline

Context

Brainstorm

Academic Literature Review

Competitive Analysis

Mood & Aesthetic

Sept 2024-Dec 2024

COMO (Comfort of Missing Out) is a project from my COGS 120 (Interaction Design) course at UCSD. In a team of four, we researched a real-world problem and designed a system to address it. Drawing from human-computer interaction (HCI) history and methods we studied in class, we applied research-backed techniques to create a thoughtful and user-centered design solution.

To decide on our direction, we had to first hone in on the problem we wanted to solve. The challenge was to design a system that not only addressed a real need but also reframed the experience in a novel way. This was a new and unfamiliar task for us—we started by reflecting on problems we encounter in everyday life and explored areas that sparked our interest:


  • Texting doesn’t fully capture emotion: We wanted to reduce misunderstandings in digital communication by exploring how words could better convey emotion and nuance.

  • Capturing fleeting “aha” moments: There are meaningful thoughts and moments in daily life we often wish we could record and share—with ourselves or close friends.

  • Maintaining quality long-distance connections: As life takes people in different directions, we wanted to explore ways to help people stay emotionally close, even when physically apart.

  • Cultivating optimism and emotional expression: We aimed to encourage people to share their feelings, get things off their chest, and maintain meaningful relationships through emotional support.

  • Context recovery and forward movement: We wanted users to have a sense of freedom to explore, revisit, and hold onto the information or moments that mattered to them.


From these themes, we began to combine ideas and narrow our focus, ultimately shaping the problem we wanted to solve.

Users

Problem

We focused our target users on long-distance friends and family. While many apps on the market cater to group projects or formal settings, we couldn’t find a more casual, social experience—one where friends and family could debrief, share, and connect more meaningfully.

From our users and research, we identified three major barriers in current meeting systems:


  • Lack of Emotional Context: Most platforms fail to capture tone, mood, or nonverbal cues, leading to misunderstandings and emotionally distant communication.

  • Limited Flexibility in Exploration: Meeting content is often delivered in rigid, linear formats, making it difficult for users to revisit, interact with, or extract meaningful insights from past discussions.

  • Engagement Drop-off: Existing systems don’t support post-meeting interaction, causing users to disengage quickly and reducing overall collaboration quality.

Our team examined the challenges of maintaining meaningful connections in digital communication, particularly in remote and hybrid group settings. This analysis was grounded in current communication issues faced by distributed teams and inspired by real-world observations.


Key insights included:

  • Emotional and contextual disconnects: Current digital tools often lack the emotional nuance, tone, and context of in-person interactions, leading to miscommunication and weakened interpersonal bonds.

  • Inefficiency in asynchronous collaboration: Users struggle to catch up on missed meetings, as traditional formats like static recordings or summaries are time-consuming and passive, reducing both efficiency and engagement.

  • Barriers to active participation: Poor engagement stems from passive consumption of content and the lack of interactive, revisitable formats that allow for exploration, annotation, or response.

  • Scheduling and time-zone conflicts: Conflicting commitments across teams make synchronous meetings difficult, contributing to disconnection and project misalignment.

  • Long-term consequences: Without intervention, teams face reduced productivity, burnout, and increased miscommunication, potentially damaging collaboration and project outcomes.


Our investigation highlighted the need for more interactive and emotionally intelligent communication systems that support context recovery, boost engagement, and make digital collaboration feel as natural and connected as in-person teamwork.

We explored existing meeting recap apps on the market that support group projects and long-distance communication, focusing on unique features that help summarize and display meeting content.

Based on our research, most existing apps lacked emotional context. While many offered summary features, users were unable to explore the content flexibly or interactively.

Project Manager,

Visual Designer

4 Designers

Research, Ideation,

Project Management

Role

Team

Key Skills

Logo

Moodboard

Users & Problem

Fellow.app

Fireflies.ai

Youtube

  • Timeline highlights show most-viewed parts

  • AI-generated video summaries

  • Comments & live chat allow interaction with other viewers

Otter.ai

  • Lacks emotional context in communication.

  • Few social interaction features for engagement.

  • Rigid, linear navigation limits flexibility.

  • Integrates with tools like Asana and Slack

  • Ineffective summaries lack clarity or depth

  • Poor exploration experience; hard to interact with content

  • No social layer for emotional connection or engagement

  • Too formal and structured for flexible team dynamics

  • Rigid templates restrict customization

  • Lacks post-meeting engagement features to keep teams connected

A collaborative communication system for close friends and family that enhances emotional connection, boosts engagement, and enables interactive, forward-moving information sharing—making digital interaction feel more natural and meaningful. Information is feed-forward, easily explorable, and personalized, with summaries tailored to each person’s interests and the ability to unravel deeper context when needed.

Our Solution:

Colors

Primary Color

#F9F7FA

#FFF3DF

#DFCCF3

#FFDE96

Active

#34333E

Inactive

#6B6976

Text

Light

#B2B1BA

#EC7429

Secondary Color

Accent

Background

#B1BCA6

Future Direction

Takeaways

Takeaways

Hi-fi Prototype

Improvements

Wireframing

Hi-fi Prototype

Phone Screens

Initial Landing and Home Screens

We improved our design by applying our branding style and incorporating feedback, refining features for each section, and adding more screens to create a smoother, more intuitive user flow.

When users first open the app, they land on the home page, where they can see recaps of all past meetings. Upon opening a meeting, they’re able to view key emotional moments along with reactions and highlights from those moments.

Another key feature of COMO is its cross-platform conversation support—comments can be shared to other apps and continued there, or users can keep chatting within COMO itself.

Semantic Zooming Summary

Like a roll cake, each key moment can be unrolled to reveal more layers—details about the note, reactions, comments, and video clips. This creates a more engaging experience, allowing users to explore emotional highlights and interact with the content on multiple levels.

Personalized Summaries

After engaging with a meeting, users can revisit the specific moments they interacted with—such as places they commented, took screenshots, or reacted—creating a personalized trail of their experience.

We used Figma to design our initial features and screen flows, focusing on enabling users to explore information freely and view feedback-forward summaries.


  • Home Page: Displays all past meetings with multiple summary levels for each video, allowing users to quickly browse and revisit key content.

  • Exploration Levels: Lets users dive deeper into specific moments, helping them determine which parts are most relevant or interesting.

  • Summary Pages: Offers personalized summaries based on what the user is exploring—highlighting the content they’re most engaged with.

COMO addresses these problems, enhancing the experience and creating a more engaging way to connect:


  • Rigid Templates → Semantic Zooming

    • Instead of static layouts, semantic zooming lets users seamlessly transition from broad overviews to detailed content, like a roll cake unrolling, ensuring intuitive and engaging navigation.

  • Poor Exploration → Rich Engagement

    • We enhance discoverability with intuitive interactions like liking, dragging through videos, and reacting to key moments. By prioritizing recognition over recall, familiar emojis make engagement effortless and natural.

  • Lack of Social Aspect → Seamless Integration With Conversations

    • We integrate shared content directly into chats, making it easy to engage with friends on platforms like Instagram and Discord, with minimal effort and seamless navigation.

  • Surface Level Information → Personalized Summary

    • We provide a centralized space for users to review their interactions, offering personalized summaries with screenshots, comments, and reactions, all organized for easy access and exploration.

Through this project, I gained a deeper understanding of academic research and how to design from an academic standpoint. Rather than focusing solely on the end product, COMO emphasized creating a design system rooted in interaction—solving a real problem through thoughtful structure and experience.


  • Applying HCI Methods to Real-World Design: Learned how academic practices like user research and iterative design directly inform product development—encouraging a systems-level approach, not just screen-based thinking.

  • Articulating Vision Through Collaboration: Gained experience turning abstract ideas into actionable concepts, developing strategies to align diverse perspectives and lead the team toward cohesive outcomes.

  • Brainstorming Beyond Feasibility: Shifted focus from “what’s doable” to bold, unconventional ideas—exploring solutions that broke from standard patterns and addressed deeper user needs.

  • Designing for Interaction and Emotion: Integrated emotional engagement, functionality, and user interaction to imagine a richer, more meaningful design system with layered features.

  • Enhance External Motivation: Increase focus on users’ engagement history to provide personalized feedback and encourage continued interaction. Adding motivation features could help sustain user participation over time.

  • User Testing Plan: Conduct thorough user testing to evaluate how well COMO works in real-world scenarios. This will help identify usability issues, gather feedback, and guide improvements to better meet users’ needs.

The home page allows users to view past meetings, with emotional key points summarized when opening a meeting.

Opening a meeting reveals emotional highlights with video clips, where users can view semantically zoom key moments, comment, and interact with friends.

Personalized summaries generated from the moments you explored to the comments tied to where you left off.

Made with love

By cindy zhou

Reach me

Navigate

Create a free website with Framer, the website builder loved by startups, designers and agencies.