Problem
Have you ever wanted to see what you see in your dreams?
I often dream, but I can only recall fragments after waking up. I've tried piecing them together, but it hasn't worked. I wish for something that could help me reconstruct those fragments into continuous scenes, allowing me to relive my dreams in reality.
Solution
An app that uses AI to visualize, interpret, and analyze dreams based on fragments and insights from various schools of thought.
Project Type
UX/UI Design
Role
UX/UI Designer
Tools
Figma
Photoshop
Duration
4 weeks
My Design Process
Research
To reconstruct my dreams in reality, I sought a deeper understanding of them, leading me to conduct extensive research on the subject, which is J. Allan Hobson's Activation-Synthesis Theory.
What is dream?
Series of thoughts, images, and feelings occur involuntarily in mind during the Rapid Eye Movement stage of sleep.
Activation-Synthesis
Dreams are the brain's attempt to make sense of random neural signals generated during REM sleep.
Default Mode Network
DMN may engage in narrative-making, trying to connect the random fragments into a storyline.
Why do dreams fade away?
Prefrontal cortex is less active during REM sleep, and norepinephrine, crucial for memory, is suppressed.
Interview
After discussing my idea with friends, I found that many others share the same wish as I do. As a result, I recruited 10 participants to interview them about their experiences with dreams.
How often do you remember your dreams?
Can you describe the types of content you often encounter in your dreams?
Do you have any habits related to remembering your dreams after waking up?
I always had nightmares and got used to drawing them down to remember them for their hidden meanings.
I sometimes had realistic dreams. I love searching online to understand them, but the explanation I find aren't professional.
Most of my dreams are peaceful and beautiful. I want to remember them, but they fade quickly since I can't draw.
Load More
Findings
Existing documentation is unreliable, and online interpretations lack credibility. AI synthesizes fragments into coherent outputs, enabling accurate dream reconstruction.
Problems Identified
Easy to forget
Inaccurate interpretation
Texts are vague
AI isn’t controllable
Can’t draw
Business Analysis
Competitive Analysis
There are several apps on the market that assist users in documenting their dreams. To assess their strengths and weaknesses, I conducted a competitive analysis of four of them.
Load More
Findings
Lack of...
Voice input
Direct interpretation
Vivid visuals
Customization
Documentations
Dream analysis
Ideation
How to...?
The parallels between dream generation and AI-generated outcomes make AI an ideal tool for visualizing dreams while incorporating professional interpretations from diverse schools of thought.
Key Features
Student email and ID are required for registration
Trading system with clear price
Delivery services(Official Delivery, Seller Delivery, Self-pickup)
How to make AI generative images & videos controllable?
To generate videos and images that accurately reflect dream scenarios, users must customize settings from six various perspectives to achieve the best outcomes.
Mood
Color
Clarity
Narrative
Time
Perspective
Storyboard
To better understand how users would use this app for visualizing and understanding their dreams in daily life, I created storyboard to concretize the process.
Wake up and recall dreams last night
Input keywords and adjust settings
Get AI-generated images and videos
Get interpretations from different schools
Design
User Flow
To map out the process of visualization and interpretations, I created a user flow for the app.
Size & Style
To ensure a consistent, user-friendly, and scalable design that meets usability standards, I finalized the app's size and style guidelines.
Wireframe
To evaluate the usability of the app's interactions and functions, I developed the first version of the app and conducted user testing to gather feedback and identify areas for improvement.
Prototype
I created a high-fidelity prototype to refine the user experience, ensure seamless user flow, and accurately represent the app’s visual identity for user testing.
Keyword Input
Users can input their dream experiences by entering short descriptive keywords, either by typing them manually or recording them as voice input.
Customized Adjustment
Users can refine their dream scenes from various adjustment, including mood, color, clarity, narrative, time, and perspective, to enhance the vividness and accuracy of the generated results.
Visualization
Users can generate visual representations of their dream scenes by inputting keywords, adjusting settings, and refining details, resulting in personalized dream images and videos.
Calendar
If users are satisfied with the images and videos from today's dream scene, they can save them to the Calendar, where they can access and revisit their previously generated dream scenes.
Interpretation
After adding dream scene images and videos to the Calendar, users receive an interpretation. They can choose their preferred interpretation from various theories and save it to the Calendar.
Iteration
Usability Test
To evaluate dream visualization and documentation, I conducted usability testing with six friends and professors, recording interactions, noting feedback, and analyzing issues.
Improvement
Based on the usability test results, I redesigned the UI interface to improve the user experience.
Multiple Dreams
Users can now create multiple dream scenes without overwriting previous ones. Saved scenes can be added to the calendar, allowing them to switch between entries.
Dream Analysis
Users now may access dream analysis in the "Calendar," showing total dreams, best strike, and a heatmap of dream frequency over 1 week, 1 month, and 1 year.
Bookmark & Customization
Users now may bookmark favorite dream scenes in their profile and adjust advanced settings on the visualization page, toggling options on or off as desired.
Revised Prototype
Click to Explore More
Takeaway
Reflection
