Presentation of Paper Prototype and relate activities

1. MSc in User Experience Design
Year 1 – Fundamentals of UX
GROUP 4
ALAN DUFFY N00160012
NITIN YADAV N00163865
LISA KEAVENEY N00110429

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

4. Scenario:
 For Siabhán to create an account and buy furniture for her sitting room using the
search bar and colour options.

5. 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 Ikea’s new products and offers and users can browse products
using the search bar or clicking on the menu.
Before After

6. 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.
Before After

7. 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.
Before After

8. 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.
Before After

9. 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.
Before After

10. Evaluation:
The changes we made to our design are consistent with Nielsen’s (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.

11. 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.

12. Evaluation:
 Error prevention: User’s 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
them to remove items from their shopping basket that they may have accidently
added or allows them to add more items to their basket.

13. Video:

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

15. Thanks for your time!