Loelle's LookBook

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

Why We Did It

The new View in Room feature solves a common customer pain point by making it possible for shoppers to preview furniture and décor in their home before placing an order.
— Steve Conine
Screen Shot 2018-01-19 at 1.53.31 AM.png

Main Goals

  • Bridge gap between typical showroom experience and digital experience
  • Ease of use
  • Easily accessible
  • Increase engagement, Add to Cart, conversion

    Competitive Research

    • Similar features were either complex (ie: they appeared to-scale), while others more aesthetic
    • A to-scale experience would have been a large engineering effort
    • We decided the MVP would be more aesthetic and focused on the user getting an idea of products in their space



    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.




      Testing and Challenges

      • Users frequently overlooked the feature on PDP (didn't see the text link)
      • Many users did not pinch and zoom as we anticipated in testing; however, analytics demonstrated that about half of actual users did in fact pinch and zoom
      • Users were confused 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
      • Ultimately, this slider to adjust product backgrounds confused stakeholders, so we removed it with the safe assumption that it would confuse users as well. Our hope was that our algorithm (thus our product images) would improve over time.

      Improvements since MVP

      • Built out for Android
      • Designed an entry point for mobile Web (which led users to the App)
      • Made the text link a button for more prominence
      • Simplified the UI of VIR, using our pattern library and apps like Snapchat and Instagram Stories as inspiration
      • Created a native sharing experience that made actions more clear to the user, along with adding Add to Cart
      • Developers improved the algorithm for removing the background of product images
      • Planned 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
      • Results: High engagement (~20% of users on PDP tapping on VIR)
      • Lift in Add to Cart and ultimately conversion