Group 4 IKEA App

MSc in User Experience Design Year 1 Fundamentals of UX

MSc in User Experience Design Year 1 Fundamentals of UXGroup 4Alan Duffy N00160012Nitin Yadav N00163865Lisa Keaveney N00110429

Problems:Users are not able to buy a product or delivery service through the IKEA app.Home Screen is too cluttered and difficult to see search icon.No Home Button on screens which made it time consuming to click back through to Home page.Too time consuming to search for a product. Search bar gives user no suggestions.There is no consistent menu bar in the app. E.g. Search bar and profile button disappears when looking at products.

Scenario:For Siabhn to create an account and buy furniture for her sitting room using the search bar and colour options.

Home Page Changes:Our original design had three options; Browse Products, Room Categories and New Products. We thought that the Room categories section would make it much easier to find what the user is looking for when shopping for a particular room. However, during user testing, no one chose this option and we completely redesigned the Home Page. The Final Home page listed Ikeas new products and offers and users can browse products using the search bar or clicking on the menu.

BeforeAfter

Filter Changes:Our filters were placed on top of the search results screen and were price, colour and size options. Users were confused during testing and did not understand how the colour or size filters would work. We moved the filter options to the side of the screen as a menu. We also changed the filters to price, material, colour, new products and special offers. BeforeAfter

Navigation Changes:We first designed our sketches to have back and forward navigation buttons at the bottom of every page. Some users had difficulty locating the back button, looking at the top of the screen before the bottom to go back. Then other users did not understand why there was a need of a forward button.We changed this navigation to just having a back button under the Home Icon on the top of every page. BeforeAfter

Create an Account:Before testing, we included a Create Account button on the last page after the user pays for the products. The page stated Save your information for next time over this button. However, one user suggested to remove this option on the last page as it was not clear what information would be saved. We added a sign in/create account page when a user first opens the app instead. BeforeAfter

Header:Our first header had the Ikea symbol as a home button, a search bar an offers section, shopping basket, profile icon and category menu on it. Some testers did not know that the Ikea symbol was a Home button and one suggested to include offers somewhere else in the app to save space on the menu.We then added a Home icon beside the Ikea symbol and removed the offers section. Offers are advertised on the Home page instead.BeforeAfter

Evaluation:The changes we made to our design are consistent with Nielsens (1995) Ten Usability Heuristics for User Interface Design. Match between the system and the real world: The icons on the header follow real world conventions. For example the shopping basket is an icon of a shopping basket.User control and freedom: The users have the option to go to the Home page or back on every page in the app.

Evaluation:Aesthetic and minimalist Design: The header appears on every page and does not contain any irrelevant or extra information that clutters the page. Users can easily search products by using the search bar, which can give the user the option of searching a specific product or a category. Visibility of System status: The shopping basket icon updates each time an item is added or removed from the shopping basket. The price of all the products in the basket is also updated. This allows the user to be informed on how much is in the shopping basket. The user is also informed when an item is added to the basket.

Evaluation:Error prevention: Users are able to change the quantity of items easily on the shopping basket page by clicking the plus or minus signs. They are also given the opportunity to review their order before inputting their payment details. This allows them to remove items from their shopping basket that they may have accidently added or allows them to add more items to their basket.

Video:

Reference:Nielsen, J. (1995). 10 Usability Heuristics for User Interface Design. Retrieved from: https://www.nngroup.com/articles/ten-usability-heuristics/

Thanks for your time!