LivingRoom AR
Furniture App
My Role:
UI/UX Designer
The Challenge:
People find it difficult to visualize how furniture would fit in their space when shopping for home furnishings.
LivingRoom is an Augmented Reality App that makes it possible for users to select, place and visualize furniture in their own space.
Team:
Team of 3, 3-week sprint
The Solution:
By using AR technology, users are able to visualize their rooms design before committing to buying furniture.
![LivingRoom Hero Image.png](https://static.wixstatic.com/media/ad5bc1_a2db29ef9c5741e4851980e4b1fcaff2~mv2.png/v1/fill/w_981,h_520,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/LivingRoom%20Hero%20Image.png)
The Approach:
In this case study, we developed our user research plan after first creating a proto-persona, which then allowed us to conduct interviews and a survey for further insight into the user’s thought process when buying furniture. We then defined our user persona. Finally, we designed, tested, and then iterated our wireframe prototype based on user test results.
![LivingRoom Logo Gray on Pink 1.png](https://static.wixstatic.com/media/ad5bc1_226a812290fe4a69ab63daedf182f867~mv2.png/v1/fill/w_87,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/LivingRoom%20Logo%20Gray%20on%20Pink%201.png)
User Research:
User research plan, user persona, user motivation, competitor analysis, storyboard
Prototyping:
User flow, wireframes, prototypes, prototype testing, user testing
Testing & Iterations:
Iteration of mobile prototypes, v2 prototype testing
Conclusions:
Next steps and final thoughts
![AR Furniture Placement 1.png](https://static.wixstatic.com/media/ad5bc1_85ae3ab386684426887d5ce8b1d2fad9~mv2.png/v1/fill/w_90,h_129,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/AR%20Furniture%20Placement%201.png)
User Research:
User Interviews
After gathering data from 16 survey responses, we conducted 6 one-on-one interviews with users who provided information into their thought process when purchasing furniture, with a goal to gain insight on how to make furniture shopping a better experience.
![Interview.png](https://static.wixstatic.com/media/ad5bc1_130ede19d71f4f6db120c30c4e26dabf~mv2.png/v1/fill/w_74,h_35,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Interview.png)
User Surveys
For our survey, we asked 16 participants to tell us about their furniture shopping habits, wants and needs to gain further insight about the thought process that a user might have when purchasing furniture.
![Survey.png](https://static.wixstatic.com/media/ad5bc1_97ffdb2747d146f4aeb02cbeacf6b4a0~mv2.png/v1/fill/w_51,h_41,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Survey.png)
Affinity Diagram
We synthesized our data from our 6 interviews and survey into sticky notes and organized them into an affinity diagram with 10 categories based on user demographics, pain points, furniture shopping habits, budget, needs and likes.
![Affinity Diagram.jpg](https://static.wixstatic.com/media/ad5bc1_6944bfa19dc14908ae7bd25176a4a5cd~mv2.jpg/v1/fill/w_158,h_78,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Affinity%20Diagram.jpg)
User Persona
Upon synthesizing our data from our surveys and user interviews, we defined our user persona, Anthony Rodriguez, a 27 year old Computer Programmer from Tucson, AZ. Detail-oriented, thrifty, and self-sufficient, Anthony’s tech-savviness led him to use our AR furniture app to furnish his new apartment. His goals are to visualize how his apartment looks before spending too much money and energy on going to the store and figuring out the dimensions of his space.
![User Persona.png](https://static.wixstatic.com/media/ad5bc1_869fc8fcf0e9493baf2ce904d14304bd~mv2.png/v1/fill/w_71,h_49,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/User%20Persona.png)
Storyboard
Designing a scenario for our user was important in identifying a possible solution to the pain points our interview subjects faced when testing.
![Storyboard.jpg](https://static.wixstatic.com/media/ad5bc1_62159ba55566420091b3e31d61ccae68~mv2.jpg/v1/fill/w_122,h_95,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Storyboard.jpg)
User Flow
![User Flow.jpg](https://static.wixstatic.com/media/ad5bc1_2e0e4e8a65574087bb3d8d90181d41c8~mv2.jpg/v1/fill/w_120,h_66,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/User%20Flow.jpg)
Prototyping & Testing:
Wireframes
![Wireframes.png](https://static.wixstatic.com/media/ad5bc1_a30b047f076c4d99a631178a0dcca4ab~mv2.png/v1/fill/w_49,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Wireframes.png)
User Testing
It was vital that we did user testing to identify where we lacked in our initial wireframe prototypes so that we may improve our design.
![▶ Wireframe-Ricky 2 - LivingRoom Prototy](https://static.wixstatic.com/media/ad5bc1_8381eeeb11c74400a35c1dbced09e4e8~mv2.gif)
Final Product
![LivingRoomAnimation.gif](https://static.wixstatic.com/media/ad5bc1_06e67e6c74f1464f9006ba5c53540719~mv2.gif)
![LivingRoom_01.png](https://static.wixstatic.com/media/ad5bc1_286a9af9d46147f9abe0c84fdf417564~mv2.png/v1/fill/w_41,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/LivingRoom_01.png)
![LivingRoom_02.png](https://static.wixstatic.com/media/ad5bc1_7f4b75a4f68847ba8a53c3e568d04850~mv2.png/v1/fill/w_60,h_72,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/LivingRoom_02.png)
![LivingRoom_03.png](https://static.wixstatic.com/media/ad5bc1_8222f1ad7fcd464fb2d2094396fbf1e6~mv2.png/v1/fill/w_48,h_47,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/LivingRoom_03.png)
Conclusion:
Overall, users liked how much guidance they were given. They also liked seeing progress bars when there were several tasks asked of them.
Our key takeaway: communication, teamwork and iterating was crucial in brainstorming and creating a successful product