DreamNet

"Turning Imagination into Shared Connections."

Team: Yang(Cindy) Jin, Cindy Zhou, Yuntian Guo, Liyun Luo, Zhaorui Zhang
Timeline: 10 weeks | Oct 2024 - Dec 2024
Tools: Figma, FigJam, Dall-E, Google Slides, Google Docs

Figma PrototypesPresentation VideoSlides Deck
Project Overview
DreamNet is a platform where dreams take center stage, allowing users to connect through their subconscious and explore shared experiences. Our research with 33 users showed that dreaming is a common yet deeply personal process, with most participants dreaming frequently but rarely sharing due to its intimate and abstract nature. DreamNet bridges this gap by providing a structured, identity-free space for open discussion and discovery. By sharing dreams, users can form meaningful connections and gain insight into our collective subconscious.
My Contributions
Designed the Figma AI Art Gallery prototype, conducted research and analysis, led UX writing, participated in prototyping sessions, created presentation slides, and developed the project portfolio.

The Social Setting

In today’s fast-paced technological world, forming genuine relationships, especially with strangers has become increasingly difficult. DreamNet allows users to create, share, and connect through vivid visuals and collaborative storytelling. Bringing dreams to life with visualizations and collaborative stories, sharing them to foster deeper connections and collective experiences.

Dreams Impact On Users Lives

Based on 33 survey results:
- People sometimes shares dreams to their immediate social circle
- Dreams are related to occurrences of people’s everyday lives

Some testimonies of how people share dreams and how there is not a structured way to do so, but users are interested:

"Yes, I usually shared with them the following days when I still remembered them. I felt a sense of joy, relax, and happy when sharing with them if they react surprise and shock."

"Not often, but they are happy to listen to me and give responses that comfort my worries or share in my happiness."

"I sometimes believe that dreams occur when we experience strong emotions in reality, and emotions so powerful that our minds keep processing that even after we fall asleep."

"The dream is likely a recollection of place I have been to or places that I am familiar with in the real world. The pieces of these places has been resembled in my dream to create the scene."

Our Novelty

DreamNet: Create, share, and connect through vivid visuals and collaborative storytelling

Bring your dreams to life with visualizations and collaborative stories, sharing them to foster deeper connections and collective experiences.

Problem/Opportunity

DreamNet taps into this universal and personal aspect of dreams.
Users can engage in reflective experiences that foster mutual understanding between people.

Design Goals

  • Implement connecting features between users to discuss dreams
  • Allow users to visualize dream scenes
  • Be able to look back and reflect on past dreams

Initial Research

We started our project with thorough user research, beginning with a survey to gather people’s thoughts on the concept. Next, we conducted a market analysis of existing products to identify gaps and opportunities for creating something more novel and innovative, while also establishing the need for our solution. To further inform our approach, we referred to academic studies to pinpoint key elements to focus on.

User Research

21 out of 33 responses are interested in knowing about others' dreams.

People haven't had an opportunity to socialize about their dreams so users are unsure about it, and we find this to be an opportunity to explore how dreams can be used as a medium to socialize and connect with others.

People experience a wide variety of dreams, and by sharing them, we can uncover many points of creativity.

People are most interested in seeing dreams visually with 25 out of 33 users, then recording dreams (23 out of 33 users)

Competitive Analysis

Our competitive analysis showcases how DreamNet integrates three key features—dream journaling, AI art generation, and collaborative storytelling—to create a unique platform that bridges personal introspection with shared creativity. Unlike competitors that focus on a single aspect, such as secure dream storage, instant AI-generated art, or text-based collaborative stories, DreamNet combines these elements into a cohesive experience. This synergy empowers users to explore their subconscious, transform dreams into visual art, and co-create imaginative narratives with others, positioning DreamNet as a comprehensive platform for dream-inspired creativity and collaboration.

Academic Research

DreamNet’s design is informed by academic research on dream tracking, AI art, collaborative storytelling, and virtual communities. By integrating these insights, DreamNet fosters creativity, emotional well-being, and meaningful social connections while addressing emerging themes in technology and self-expression.

Dream Tracking

  • Articles highlight dream tracking's benefits for creativity, emotional processing, and self-reflection. Recording dreams improves recall, sparks creativity, and connects subconscious thoughts to real life. Psychoanalytic approaches emphasize dream interpretation for uncovering repressed emotions and resolving conflicts.
  • For DreamNet, adding dream-tracking tools can help users gain self-insight, enhance emotional well-being, and foster creativity.

AI-Generated Art

  • Studies on AI-generated art explore neural network advancements and ethical views of AI as creators. Models like GANs and StyleGAN produce realistic art, sparking debates on machine creativity. Research shows AI art can influence perceptions of AI’s moral standing.
  • For DreamNet, incorporating AI-generated art in dream interpretations could add creativity and encourage reflection on AI's role in creativity.

Online Community Storytelling

  • Studies show that digital storytelling strengthens community bonds and collective identity by creating meaningful narratives. Shared stories foster trust, boost social impact, and promote group stability through enjoyment.
  • For DreamNet, encouraging users to share emotional dream stories could build community and enhance connection.

Collaborative Content Creation

  • Articles show that collaborative content thrives on social motivations like community memory and shared experiences. Wiki technology fosters collective ownership through instant contributions. Effective platforms balance contributors to maintain engagement and content quality.
  • For DreamNet, these insights suggest creating features that encourage meaningful connections and collective creativity in dream sharing.

Emotion Mapping in Dreams

  • Studies show that dreams aid emotional processing, with pleasant dreams easing negative feelings and nightmares increasing anxiety. Cross-cultural research suggests that social and survival-related dreams help simulate real-world challenges.
  • For DreamNet, incorporating emotion mapping could help users process and reflect on dream emotions, fostering personal growth and resilience through shared experiences.

Digital Identity and Anonymity in Virtual Communities

  • Articles explore how anonymity shapes digital identity. The SIDE model suggests anonymity can strengthen group identity or amplify personal identity, depending on the connection to the group. Private self-awareness fosters self-expression, while public self-awareness drives social validation.
  • For DreamNet, offering anonymity could encourage open dream sharing, fostering self-expression and authentic community engagement.

Design Process

Wireframes

Initial Branding Sketches

Branding Guidlines

User Flow

Information Architecture

Prototyping Tools

FigJam: Simulating users using the app and trying out the features we offer.

Dall-E: Generate AI image and we act as Wizards on the back end.

The First Prototype (Week 8)

Flow for our Prototype

  • Creating an Immersive Experience for the Users.
  • First experience the Dream Journal Writing.
  • Then try out the social aspect of our app through collaborative storywriting.
  • Lastly, move on to the AI Image Gallery to discuss and see the visualization of our dreams.

Dream Journal Writing

  1. Users wrote down their dreams on sticky notes in Figma, selecting colors to match their dream mood.
  2. They then chose a dream (their own or others') to visualize using AI-generated art.

Collaborative Story Writing

  1. Participants selected one of two prompts to write a story based on dreams collaboratively.
  2. Comments, emojis, and reactions were added directly to the dream boards.

AI Image Gallery

  1. Users explored a gallery featuring AI-generated images based on selected dreams.
  2. They guessed the dreams behind the images, shared reactions, and engaged in discussion.

Week 8 Key Takeaways

Behavioral Observations:

  • Participants were engaged with reacting to AI-generated images but less active during collaborative writing due to unclear instructions.
  • Many found dream recording difficult, struggling to articulate or recall dreams.

Feedback Highlights:

Immersiveness:

  • Users appreciated the lights-off technique. One participant noted, "Lights off was a good idea, maybe stick with dream-like music."
  • More visuals and music were suggested for an enhanced atmosphere.

Collaborative Writing Challenges:

  • Instructions were unclear, leading to confusion and reduced engagement.
  • As one user shared, "Collaborative writing lacked clear instructions and not many people participated actively."

Dream Recording Difficulty:

  • Without intuitive tools, users found it hard to record dreams effectively.
  • A suggestion was, "Audio recordings would make dream sharing more intuitive."

Summary:

Based on our feedback form we found that participants were engaged with AI-generated images but struggled with collaborative writing due to unclear instructions. Dream recording also posed challenges, as many found it difficult to articulate or recall their dreams without intuitive tools. The immersive experience, enhanced by the lights-off technique, was well-received, with suggestions to add dream-like music and more visuals for the atmosphere. To improve engagement, clearer instructions for collaborative writing and features like audio recordings for dream capture were recommended. These insights highlight the need for refining instructions and tools to support a more seamless and engaging user experience.

6 out of 17 users found it hard to get into the mindset of thinking of a dream.

11 out of 17 users found collaborative writing confusing, or they didn't understand why there was a need for this feature.

How We Can Improve in Week 10 Prototype

User Feedback Insights:

  • Enhance collaborative writing through better instructions and structure.
  • Increase immersion with sensory enhancements like visuals and audio.
  • Address difficulty in dream recording with more intuitive options.

Key Changes for Week 10 prototype:

  • Mad Libs-Style Story Writing: Structured and fun story prompts.
  • Voice Recording Option: Allow easier dream documentation.
  • Music Integration: Add background music for a dream-like atmosphere.
  • Interactive Gallery: Encourage in-person conversations around visualizations.

Resulting Benefits:

  • Improved user engagement and experience consistency.
  • Fostered deeper connections and storytelling creativity.

The Second Prototype (Week 10)

Flow for our Prototype

  • Users experienced the three main updated features of our app
  • Lights were turned off for at the beginning to help users recall their dreams.
  • We continued to use Figjam as our main platform.
  • Wizard of Oz- team members simulated social interactions to enhance the experience.

Dream Journal Writing

  1. Users can choose to write down their dreams on sticky notes in Figma or use the recording feature to record their voices.
  2. They then chose a dream (their own or others’) to visualize using AI-generated art.

Mad Libs - Collaborative Story Writing

  1. Participants are able to collaboratively write on the prompt.
  2. They can fill in the blanks to simulate the collaborative aspect.
  3. We chose Mad Libs to allow users to fill win what they want and no need to be concerned about what others wrote.
  4. Users are able to react to other's answer.

AI Image Gallery

  1. Users explored a gallery featuring AI-generated images based on selected dreams. We included a lot more images to create a greater sense of a gallery.
  2. They are able to guess the dreams behind the images, shared reactions, and engaged in discussion.

Week 10 Key Takeaways

Dream Recording & Collaboration:

  • Bite-sized prompts like Mad-libs improved usability, though some found collaborative storytelling less motivating.
  • “I liked the use of Madlibs to make it easier to collaborate, but it’s hard to understand why you would want to write collaboratively.”

Social Interaction:

  • Limited interaction was noted, with participants suggesting features like real-time collaboration or a chat room.
  • “Only through the in-app sticky notes, but yes.”

Immersive Experience:

  • The introduction and dream recording elements stood out as engaging, with dimmed lights adding a strong immersive effect.
  • “Lights off and putting dreams down was a strong immersive experience.”

Summary:

Overall, the dream recording and collaboration features received positive feedback for usability, especially through bite-sized prompts like Mad Libs. However, some participants questioned the purpose of collaborative storytelling, indicating a need to clarify its value. Social interaction was limited, with suggestions for features like real-time collaboration or chat rooms to enhance engagement. The immersive experience, particularly during the dream recording phase, stood out due to elements like dimmed lights, which effectively deepened user immersion. These insights highlight opportunities to enhance collaboration and interaction while maintaining the engaging and immersive aspects of the experience.

Out of 12 individuals who filled out our survey form 10 thought it was really fun, or pretty fun. Generally, a positive experience that brought our intention of DreamNet. A place to share deep connections and have fun.

The Final Prototype

This is the final prototype we created using Figma, incorporating the core features we identified through user research and iterative design. We focused on refining the interface and interactions to ensure an intuitive and seamless user experience. Additionally, we included more frames to account for various user flows, transitions, and edge cases, making the experience smoother and more comprehensive. Our goal was to balance functionality with visual appeal, ensuring the design not only meets user needs but also feels engaging and easy to navigate.

Key Features

Dream Recording

Collaborative Writing

AI Art Gallery

Record the dreams either through writing or recording.

Writing collaboratively with other users.

View AI Artworks that are generated from users dreams.

Feature Breakdowns

Dream Recording

Users can record their dreams every time they open the app, making it easy to capture their thoughts right away.

Type & Voice Recording

Users can choose to record via type or voice.

Typing

Users can type down their dreams and add pictures, drawings, or stickers related to their dreams to make their entries more vivid and personal.

Voice Recording

An easier way to quickly record: simply hold to talk, and if not satisfied, easily undo and try again.

Voice to Text

Convert users' voice into text, making it easier to record and revisit their dreams without typing.

Generate Image

An option to process users' dreams allows them to generate unique images, which they can then easily download or share.

Save Feature

Users can save their dreams and access them anytime on the “Profile” page, where they can revisit or share their dream entries for a more personalized experience.

AI-Generated Art Gallery

Scroll and view the gallery to explore posts shared by other users, discovering their dream-inspired creations.

Engage with Posts

View posts, like and comment on them, and connect with other users.

Guess the Dream

“Guess the Dream” will occasionally pop up, inviting users to guess the dream story behind an AI-generated image, adding an engaging and interactive twist.

Flowing Button

Navigate back to dream recording.

Chats

Connecting with other users thorugh a post.

Past Chats

View past connections through profile.

Collaborative Writing

Stories can be written line by line, with options to revisit the previous line, add tags, continue with the next line, or refresh for new stories.

Collaborative Writing: View

Users can view reactions received on their story, with support for likes, emoji reactions, and a comment area for further interaction and feedback.

Profile Page

Users can view journal entries and arts by calendar, check statistics showing the total journal and arts count, and easily navigate to the chat page for further interaction.

What We Learned

We explored new prototyping methods, such as piggyback prototyping, to test ideas dynamically, moving beyond static screens like Figma prototypes. We also focused on incorporating more social elements and finding unconventional ways to simulate features, enhancing user immersion in the experience.

Challenges

Our challenges stemmed from using a new prototyping technique and multiple platforms to convey our concept. We struggled to find the ideal platform and create an effective user flow, particularly for a multi-user experience within a limited timeframe.

Additionally, given its digital nature, we encountered difficulties making the prototype as social as intended. Translating a digital platform into a real-time, interactive experience with people proved to be a significant challenge.

Social Structures & Complexities

Discovery & Creative Inspo

Users can view others’ dreams, stories, and artworks to empathize and form a creative mindset.

AI-Driven Social Features

AI can be integrated into the transformation from personal ideas to artworks that can be posted and commented on. This redefines technology’s role in creating new social interaction opportunities.

Collaboration & Co-Creation

Users work together to form a collective narrative with logic and creativity.

Community-Driven Engagement

Users can add emoji reactions and/or comment on collaboratively written stories. Emoji helps to express clear emotionality with quick reaction time.

Self-Expression & Artistic Tastes

Self-expression occurs in dream journaling and personalized profiles. Users can reflect on their unconscious minds and inner thoughts by writing down their dreams on sticky notes and seeing their visualizations.

Future Changes

For future improvements, we plan to:

  • Add a post-chat survey with a reward feature: To gather valuable feedback and incentivize user participation.
  • Encourage friendships and long-term connections: Fostering a more engaging, community-driven experience.
  • Refine our design: Ensuring a cohesive and consistent flow across all interactions.
  • Conduct usability tests: Testing our Figma prototype with real users to gather insights and fine-tune the experience.

These changes will help enhance both usability and the overall user experience.

We believe our app holds great potential for future users and offers a solid audience base for those seeking a space to reflect and draw inspiration from the unconscious world of dreams. Our goal is to foster deeper connections and encourage genuine, meaningful conversations.

Team Contributions

Cindy Jin: Contributed to the project by designing the Figma AI Art Gallery prototype, conducting competitive analysis, academic research, and user research. Participated in Week 8 and Week 10 prototyping sessions, created presentation slides, and developed the project portfolio.

Cindy Zhou: Contributed to various aspects of the project, including creating slides, prototyping, Figma, and developing the portfolio. Assisted in managing the project's progress and ensuring timely completion.

Yuntian Guo: Contributed to the project by designing the Figma Collborative Writing prototype, conducting user research, competitive analysis, and academic research. Worked throughout two prototyping sessions, created presentation slide, and developed the project portfolio.

Liyun Luo: Contributed to the project throughout the entire timeline in different areas including designing the prototype of the profile page using Figma, conducting user research, working in the two prototyping sessions, completing the presentation slides and website.

Zhaorui Zhang: Contributed to the project by designing the prototype for the dream recording feature, completing the presentation slides and website, and participating in two prototyping sessions.