Loelle's LookBook
VIRBlock.png

Wayfair View in Room

"View in Room" is a core app feature that allows users to "try products out" before making a purchase decision by superimposing a product image into their room. I worked very closely with the UX designer and developer while we created this feature for iOS, then the Android app.

Role: UI Designer; UX by Lisa Zangerl

Skills: Competitive analysis, user testing, InVision and Sketch

Press: See What Furniture Looks Like in Your Space with the Wayfair App

Wireframes

VIRPortfolioWires.png
 
 

Competitive Research

  • Similar features from competitors were either complex (ie: they appeared in a room to-scale), while other competitors positioned the feature as an aesthetic one
  • To product a "View in Room" (VIR) experience to scale, the engineering effort would have been extensive
  • Ultimately, for MVP we decided the feature would be focused on the user getting an idea of products in their space, aesthetically; after testing the feature, we began building it out further

Process and Opportunity Areas

  • Because Wayfair sells products typically seen in real life, VIR was a great opportunity to enable customers to make a decision by letting them see products in their space. The MVP was simple in that the user launched the feature from a product page, viewed the product in their room (perhaps moving or scaling it), captured a photo, then saved or shared it
  • User tests showed that many users did not pinch and zoom as we anticipated; however, analytics demonstrated that about half of actual users did in fact pinch and zoom; there was also confusion in user testing when users reached the page after tapping the shutter button– they weren't clear on where the image was being saved, nor did they recognize the share icon or its purpose.
  • In the beginning stages, the algorithm to remove white backgrounds from product images wasn't quite accurate, so we added the slider for the user to adjust the level of white in the image. Ultimately, this slider confused stakeholders, so we removed it with the safe assumption that it would confuse users as well. Ultimately, our goal was for our algorithm to improve over time.

The Solution: UI

We decided to promote the View in Room feature the app's "What's New" modal upon release (below). Otherwise, the feature was naturally discovered by the user upon landing on a product page.

 

     

     
     
     
     

    Improvements since MVP

    After testing the MVP version of VIR, we made the following improvements:

    • We built out VIR for Android and designed an entry point for mobile Web (which led users to the App)
    • In user tests, users frequently overlooked the feature on PDP, so we made the text link a button for more prominence
    • We simplified the UI of VIR, using apps like Snapchat and Instagram Stories as inspiration
    • We created a native sharing experience that made actions more clear to the user, along with adding Add to Cart
    •  Our developers improved the algorithm for removing the background of product images
    • We plan on exploring the use of tool tips in future versions, specifically in the camera view, for scaling/moving the product and to learn button functionality
     
    VIRPortfolioV2A.png