The document summarizes changes made to an IKEA app design based on user testing feedback. It describes problems identified in the original design such as a cluttered home screen and inconsistent navigation. It then outlines changes made, including redesigning the home page and filters, adding a back button, moving the account creation step, and simplifying the menu bar. The changes are said to improve the design according to Nielsen's usability heuristics like matching real world conventions and providing user control.
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
PPE Group 4 Presentation
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.
3.
4. SCENARIO:
• For Siabhán to create an account and buy furniture for her
sitting room using the search bar and colour options.
6. 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
7. 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
8. 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
9. 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
10. MENU BAR:
• Our first menu bar 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
11. 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
Menu bar 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.
12. EVALUATION:
• Aesthetic and minimalist Design: The menu bar 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.
13. 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 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.
14. REFERENCE:
• Nielsen, J. (1995). 10 Usability Heuristics for User Interface
Design. Retrieved from:
https://www.nngroup.com/articles/ten-usability-heuristics/