Duration - 3 weeks
Testers - 5
Background
Imagine in 200 years it will be "normal" to implant a chip into your brain! With my app you will be able to connect your brain chip to my app and stream dreams while you sleep! You can browse through the different themes of dreams then queue them for when you are sleeping!
In class we were instructed to come up with a fictional app that resembled no app made today. We were then supposed to come up with a testing scenario that related to the core feature.
Onboarding (new user experience)
I wanted my app to have an effortless new user experience. I want a new user to quickly be able to access dreams than once they decide they want to experience one they can connect their brain chip.
I also decided to make the onboarding journey a component within Figma so that I could implement the live background behind.
Core User Experience
My core user experience consists of the Home page (for browsing), start/resume screen (stream dreams and connect brain chip) and a library page to (view dreams you have seen and saved). The last item in the bottom right corner is the button panel that displays the buttons to navigate between difference pages. These button are functional throughout my prototype for this project so that I can simulate a real app during testing.
Start and Connect Brain Chip
Being able to stream a dream is my most important feature the app has. That being the case I put most of the testing focus on this sequence of screen. to start the dream the connect your brain chip after. I was able to make informed decisions based off commonalities in feedback from testing. My first iteration is listed first than my solution is below.
User Testing Feedback:
"Connection screen doesn't translate well from the other screen."
"Nothing is telling you that the brain chip is supposed to be clicked."
"There should be feedback saying that you are in the dreaming."
Solve Feedback:
- Integrate testing screen into start screen
- Made the brain screen interaction more obvious
- Gave the user feedback that they are supposed to be inside the dream
Library
This feature is for users to go back and view what dreams they have already experienced. I also created a button for users to filter the list of dreams to help find a specific dream.
User Testing Feedback:
"I don't know what the dreams are named."
"The dream pictures are small."
"The 3 column layout doesn't fit the design."
"The filter button is a good addition."
Solve Feedback:
- You can read what the dreams are actually called
- Filter button still works with the redesign
- Pictures for dreams are bigger and you can better identify them
Organization
My favorite part about this project was coming up with all these layouts and interactive components but I needed to find out a way to implement them into my design. The two features I love to use in Figma are components and auto layout.
Using my knowledge of components, variants and auto layout I was able to create motion and interactive design elements In my app. These elements are for potential engineers I would hand this app to who need to know my vision for interaction and motion.
Reflection
This project definitely changed my perspective on user experience design. The element that most influenced my design decisions was testing. Being able to watch someone use my app and try to navigate was very eye opening. Using the feedback from the testing I was able to make decisions. As I continue my design career I feel being able to make decisions based off user based testing is very important. I plan on implementing into many of my projects from now on because I learned so much just from having a few people test my app!
