Problem
Problem
Problem
Have you ever wanted to see what you see in your dreams?
Have you ever wanted to see what you see in your dreams?
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.
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.
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
Solution
Solution
An app that uses AI to visualize, interpret, and analyze dreams based on fragments and insights from various schools of thought.
An app that uses AI to visualize, interpret, and analyze dreams based on fragments and insights from various schools of thought.
An app that uses AI to visualize, interpret, and analyze dreams based on fragments and insights from various schools of thought.
Project Type
UX Design
UI Design
Role
UX/UI Designer
Tools
Figma
Photoshop
Duration
4 weeks
Project Type
Project Type
UX Design
UX Design
UI Design
UI Design
Role
Role
UX/UI Designer
UX/UI Designer
Tools
Tools
Figma
Figma
Photoshop
Photoshop
Duration
Duration
4 weeks
4 weeks
My Design Process
My Design Process
My Design Process
Research
Research
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.
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.
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.
Default Mode Network
DMN may engage in narrative-making, trying to connect the random fragments into a storyline.
Activation-Synthesis
Dreams are the brain's attempt to make sense of random neural signals generated during REM sleep.
Why dreams fade away?
Prefrontal cortex is less active during REM sleep, and norepinephrine, crucial for memory, is suppressed.
What is dream?
What is dream?
Series of thoughts, images, and feelings occur involuntarily in mind during the REM stage of sleep.
Series of thoughts, images, and feelings occur involuntarily in mind during the REM stage of sleep.
Activation-Synthesis
Activation-Synthesis
Dreams are the brain's attempt to make sense of random neural signals generated during REM sleep.
Dreams are the brain's attempt to make sense of random neural signals generated during REM sleep.
Default Mode Network
Default Mode Network
DMN may engage in narrative-making, trying to connect the random fragments into a storyline.
DMN may engage in narrative-making, trying to connect the random fragments into a storyline.
Why dreams fade away?
Why dreams fade away?
Prefrontal cortex is less active during REM sleep, and norepinephrine, crucial for memory, is suppressed.
Prefrontal cortex is less active during REM sleep, and norepinephrine, crucial for memory, is suppressed.
Interview
Interview
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.
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.
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?
How often do you remember your dreams?
How often do you remember your dreams?
Can you describe the types of content you often encounter in your dreams?
Can you describe the types of content you often encounter in 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?
Do you have any habits related to remembering your dreams after waking up?
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.
I always had nightmares and got used to drawing them down to remember them for their hidden meanings.
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.
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.
Most of my dreams are peaceful and beautiful. I want to remember them, but they fade quickly since I can't draw.
Findings
Findings
Findings
Existing documentation is unreliable, and online interpretations lack credibility. AI synthesizes fragments into coherent outputs, enabling accurate dream reconstruction.
Existing documentation is unreliable, and online interpretations lack credibility. AI synthesizes fragments into coherent outputs, enabling accurate dream reconstruction.
Existing documentation is unreliable, and online interpretations lack credibility. AI synthesizes fragments into coherent outputs, enabling accurate dream reconstruction.
Problems Identified
Problems Identified
Problems Identified
Easy to forget
Texts are vague
Can’t draw
Inaccurate interpretation
AI isn’t controllable
Easy to forget
Easy to forget
Inaccurate interpretation
Inaccurate interpretation
Texts are vague
Texts are vague
AI isn’t controllable
AI isn’t controllable
Can’t draw
Can’t draw
Business Analysis
Business Analysis
Business Analysis
Competitive Analysis
Competitive 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.
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.
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.
Findings
Findings
Findings
Lack of...
Lack of...
Lack of...
Voice input
Vivid visuals
Documentations
Direct interpretation
Customization
Dream analysis
Voice input
Voice input
Direct interpretation
Direct interpretation
Vivid visuals
Vivid visuals
Customization
Customization
Documentations
Documentations
Dream analysis
Dream analysis
Ideation
Ideation
Ideation
How to...?
How to...?
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.
The parallels between dream generation and AI-generated outcomes make AI an ideal tool for visualizing dreams while incorporating interpretations from diverse schools of thought.
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
Key Features
Key Features
Visualize dreams into images or videos with AI generative technology
Visualize dreams into images or videos with AI generative technology
Visualize dreams into images or videos with AI generative technology
Interpretations from different schools of thoughts
Interpretations from different schools of thoughts
Interpretations from different schools of thoughts
Documentation including video, image, and interpretation
Documentation including video, image, and interpretation
Documentation including video, image, and interpretation
How to make AI generative images & videos controllable?
How to make AI generative images & videos controllable?
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.
To generate videos and images that accurately reflect dream scenarios, users must customize settings from six various perspectives to achieve the best outcomes.
To generate videos and images that accurately reflect dream scenarios, users must customize settings from six various perspectives to achieve the best outcomes.
Mood
Clarity
Time
Color
Narrative
Perspective
Mood
Mood
Color
Color
Clarity
Clarity
Narrative
Narrative
Time
Time
Perspective
Perspective
Storyboard
Storyboard
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.
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.
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
Get AI-generated images and videos
Input keywords and adjust settings
Get interpretations from different school
Wake up and recall dreams last night
Wake up and recall dreams last night
Input keywords and adjust settings
Input keywords and adjust settings
Get AI-generated images and videos
Get AI-generated images and videos
Get interpretations from different school
Get interpretations from different school
Design
Design
Design
User Flow
User Flow
User Flow
To map out the process of visualization and interpretations, I created a user flow for the app.
To map out the process of visualization and interpretations, I created a user flow for the app.
To map out the process of visualization and interpretations, I created a user flow for the app.
Size & Style
Size & Style
Size & Style
To ensure a consistent, user-friendly, and scalable design that meets usability standards, I finalized the app's size and style guidelines.
To ensure a consistent, user-friendly, and scalable design that meets usability standards, I finalized the app's size and style guidelines.
To ensure a consistent, user-friendly, and scalable design that meets usability standards, I finalized the app's size and style guidelines.
Wireframe & Prototype
Wireframe & Prototype
Wireframe & Prototype
To verify whether the platform could help users efficiently complete tasks and deliver a smooth interaction experience, I designed the main interfaces to support subsequent user testing.
To verify whether the platform could help users efficiently complete tasks and deliver a smooth interaction experience, I designed the main interfaces to support subsequent user testing.
To verify whether the platform could help users efficiently complete tasks and deliver a smooth interaction experience, I designed the main interfaces to support subsequent user testing.
Iteration
Iteration
Iteration
Usability Test
Usability Test
Usability Test
To evaluate dream visualization and documentation, I conducted usability testing with six friends and professors, recording interactions, noting feedback, and analyzing issues.
To evaluate dream visualization and documentation, I conducted usability testing with six friends and professors, recording interactions, noting feedback, and analyzing issues.
To evaluate dream visualization and documentation, I conducted usability testing with six friends and professors, recording interactions, noting feedback, and analyzing issues.
Improvement
Improvement
Improvement
Based on the usability test results, I redesigned the UI interface to improve the user experience.
Based on the usability test results, I redesigned the UI interface to improve the user experience.
Based on the usability test results, I redesigned the UI interface to improve the user experience.
Multi-Modal Interaction Panel
Multi-Modal Interaction Panel
Users can customize dream generation by uploading references, recording voice inputs, and adjusting output quantity, enabling more precise and personalized results in this Multi-Modal Interaction Panel.
Users can customize dream generation by uploading references, recording voice inputs, and adjusting output quantity, enabling more precise and personalized results in this Multi-Modal Interaction Panel.
Users can customize dream generation by uploading references, recording voice inputs, and adjusting output quantity, enabling more precise and personalized results in this Multi-Modal Interaction Panel.
AI Keywords
AI Keywords
Users can generate keyword tags with the AI Keywords feature, then refine results by deleting or reordering tags to intuitively control generation logic and improve accuracy.
Users can generate keyword tags with the AI Keywords feature, then refine results by deleting or reordering tags to intuitively control generation logic and improve accuracy.
Users can generate keyword tags with the AI Keywords feature, then refine results by deleting or reordering tags to intuitively control generation logic and improve accuracy.
Parameters Customization
Parameters Customization
Users can customize AI-generated images through six adjustable parameters. The interface features sliders for precise real-time control, enhancing output accuracy and relevance.
Users can customize AI-generated images through six adjustable parameters. The interface features sliders for precise real-time control, enhancing output accuracy and relevance.
Users can customize AI-generated images through six adjustable parameters. The interface features sliders for precise real-time control, enhancing output accuracy and relevance.
Result & Adjustment
Result & Adjustment
On the results page, users can swipe to browse generated images and videos, save favorites for later review, or select Adjustment to refine keywords and parameters for more tailored outputs.
On the results page, users can swipe to browse generated images and videos, save favorites for later review, or select Adjustment to refine keywords and parameters for more tailored outputs.
On the results page, users can swipe to browse generated images and videos, save favorites for later review, or select Adjustment to refine keywords and parameters for more tailored outputs.
Dream Collection & Interpretation
Dream Collection & Interpretation
Dream Collection
In Collection, users review dreams by date through a scrollable calendar. The Insights view highlights key elements with clickable annotations, and users can share favorite dreams to the community.
In Collection, users review dreams by date through a scrollable calendar. The Insights view highlights key elements with clickable annotations, and users can share favorite dreams to the community.
In Collection, users review dreams by date through a scrollable calendar. The Insights view highlights key elements with clickable annotations, and users can share favorite dreams to the community.
Dream Analysis
Dream Analysis
Users can explore dream data through interactive charts showing recent frequency and heatmaps, with smartwatch integration for a more holistic sleep and dream experience.
Users can explore dream data through interactive charts showing recent frequency and heatmaps, with smartwatch integration for a more holistic sleep and dream experience.
Users can explore dream data through interactive charts showing recent frequency and heatmaps, with smartwatch integration for a more holistic sleep and dream experience.
Dream Discovery & Remix
Dream Discovery & Remix
In the Discover section, users can browse shared dreams, view comments, and publish their own. Favorite creations can be remixed using existing templates, with editable prompts and parameters for personalized regeneration.
In the Discover section, users can browse shared dreams, view comments, and publish their own. Favorite creations can be remixed using existing templates, with editable prompts and parameters for personalized regeneration.
In the Discover section, users can browse shared dreams, view comments, and publish their own. Favorite creations can be remixed using existing templates, with editable prompts and parameters for personalized regeneration.
Revised Prototype
Revised Prototype
Revised Prototype
Click to Explore More
Click to Explore More
Click to Explore More
Takeaway
Takeaway
Reflection
Reflection
