Ikea Place Redesign.

Design Challenge | Weekend project  | 2018

Ikea place is a mobile app that using augmented reality to bring its shelves and tables to life in people’s home. 

Ikea Place represents one of augmented reality's most important use cases. It will certainly improve the furniture-buying experience, and relieve some of the stress of measuring what will or won’t fit in a tight space. I believe Ikea place has a lot of potentials to be improved.

Ikea Place represents one of augmented reality's most important use cases. It will certainly improve the furniture-buying experience, and relieve some of the stress of measuring what will or won’t fit in a tight space. I believe Ikea place has a lot of potentials to be improved.

Tool Used: Sketch, Illustrator, Invision, After Effects, Photoshop, Zeplin, Pen and paper, Human brain

My Role: Personal Project : UX researcher + UX designer + UI designer

07

User Interviews and Analysis.

To get more insights on candidates' behaviors and goals, we interviewed several junior level professionals from different fields as well as some hiring manager as recruiters individually. We would like to know how people from different fields look for jobs.

Questions we asked include job application processes, tools, feelings about the job application, what affects their decisions.

We interviewed with 6 job-seekers and 2 hiring managers.

 

​​

The main difference between the redesigned app and the old one is the detailed planning.

With the detailed planning, the user is allowed to define each room and better organize the products they would like to buy.

08

Final Design.

The “Detail Planning” helps the user define the room. It is the main function of the app and its main differentiator to competing solutions. In order to solve the problem of unable to visualize how the room looks like after all the furniture placing together because the furniture in other rooms are still there (the app cannot tell the wall).

As the main focus of the app, the room takes a lot of visual space in detail planning mode.

Also, the app will still provide the feature “Quick Try”, which is the current AR Room without defining the room. It gives the user the option to quickly check out what is the furniture looks like without any planning.

Add the room

The user is able to add room through the button placed in the main screen of “detail planning“.

With the name suggestions of each room, the user can quickly add each room. At the same time they can also customize the name of each room because in many cases, a typical home has two or more bedrooms.

Add the Product

To add the product, simply click the “+” button.

The new feature that I added a “swipe up widget” here is allowing the user to browse the menu that only covers the half of the screen. This provides the sense of context for the users. The user can swipe up to reveal the full menu.

Moreover, the easiest way for the user to pick the furniture is to have all the information they need in the first place. So, I add the product detail page. The yellow dot means it is interactive, and the user is able to turn the product to see it from different angles. Also, instead of showing the dimension like “12 by 13 by 32 inch”, I provide the 2D 3 views drawing to show the sizes.

Besides the original features of adding product and screenshot, detailed information of each product is provided.

After adding the product to the room, the user is able to tap the product to see the detailed information. The size, material, and the price will show up after tapping the “info” button. In the product-selected mode, the user is able to delete, replace it with similar products and add to the shopping list. 

The choice for presenting the information of prize, size, and material was being made because those three have the most influence on the decision whether the user is going to purchase the product or not.

The dot on the product means it is interactive; on the other hand, the yellow dot means it is in select mode.

Information

The ruler function allows the user to measure the straight lines on any surface from specific point to point. It offers accurate measuring experience including on walls or windows that are not on the floor level area. 

This function provides the user more information on deciding whether the product would fit in the specific location or not.

The shopping List

As discovered during research, one major goal of Ikea Place is to help the user better planning what Ikea product to buy. Shopping list feature can satisfy the needs by organizing the products that the user decided to buy and revealing the shelf number in each Ikea store.

After adding the products to the list, the user is able to view it on the home page.

Since the room is pre-defined, each product added to the list is categorized by each room. This gives the user a clear sense what their plannings are.

Also, the shelf number is provided on the shopping list. The user can directly go to the pickup level in Ikea without going to look at the tags on each product.

iPhone X vs. iPhone 8

In order to demonstrate the difference between the new iPhone X to the more common rectangle screen, I have also created a version of the “Detail Planning” screen for the iPhone 8.

 

It’s very interesting to see the difference in screen size. Even though the iPhone X is just 0.5 cm larger, removing the major part of the bezels above and below the screen made it possible to already display the most area of the second room on the iPhone X.

 

Another interesting aspect is that by moving the status bar to the top, it feels like there is a lot more whitespace at the top of the screen. This gives the interface more breath and makes the app look cleaner and more polished.

08

Thank you very much for going through my design challenge!

© 2019 Xinbei Hu