{"id":28,"date":"2023-10-15T14:07:44","date_gmt":"2023-10-15T14:07:44","guid":{"rendered":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/?p=28"},"modified":"2024-01-22T20:39:53","modified_gmt":"2024-01-22T20:39:53","slug":"maps-sticky-notes","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/y2\/evaluate-and-iterate\/maps-sticky-notes\/","title":{"rendered":"Boots Website Analysis"},"content":{"rendered":"\n

\\ Evaluate and Iterate \\<\/p>\n\n\n\n

<\/div>\n\n\n\n

For Project 2 – Evaluate and Iterate we had to choose a website to analyse. I chose Boots<\/a>, a health and beauty retailer.

In the below images the following traffic light system is used: red stickies = issues, orange = needed improvements, green = good design, blue = questionable elements, yellow = additional information.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

The tasks for the first week:<\/p>\n\n\n\n

    \n
  1. goal-oriented user behaviour flowchart (and heuristic markup)<\/li>\n\n\n\n
  2. red routes sitemap and heuristic markup<\/li>\n\n\n\n
  3. the application of the 7 fundamental design principles<\/li>\n\n\n\n
  4. UI website iterations<\/li>\n<\/ol>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    Goal-oriented user behaviour<\/h5>\n\n\n\n
    \"\"<\/a><\/figure>\n\n\n\n

    The process of a user buying a product off the Boots website. Even though UX wise the process is quite quick if the user knows what they are buying, UI wise the experience could be improved. The suggestions made could ease the currently visually overwhelming UI which holds too much information. The use of drop-down menus and keywords based suggestions on the product’s page could improve the experience.<\/p>\n\n\n\n

    <\/div>\n\n\n\n
    Red Routes Sitemap<\/h5>\n\n\n\n
    \"\"<\/a><\/figure>\n\n\n\n

    As Boots has a huge website and a wide array of services, it can be quite overwhelming to navigate. The website could benefit of better organisational structures as some pages are very big, or contain information that would not be used most of the time (e.g. product description when buying a known to the user product). The process of searching in the search-bar for a product, informing oneself about it, and then buying, is easy. But scrolling the seemingly endless suggested products page could limit potential customers. Additionally, access to the Boots Pharmacy should be quicker than it currently is. <\/p>\n\n\n\n

    <\/div>\n\n\n\n
    The 7 Design Principles<\/h5>\n\n\n\n
    \"\"<\/a><\/figure>\n\n\n\n

    The website makes good use of the seven fundamental design principles. These elements guide and help the user throughout the website, whether they be easily identifiable coloured and labelled buttons (e.g. “Add to basket”; “Checkout now”) or instinctive organisational systems (e.g. in which department a potential product might be found) and temporal contiguous pages (e.g. product -> basket -> checkout), or useful system feedbacks (e.g. confirmation of adding a product to the basket; confirmation of purchase).<\/p>\n\n\n\n

    <\/div>\n\n\n\n
    UI website Iterations<\/h5>\n\n\n\n
    \"\"<\/a><\/figure>\n\n\n\n

    Some of the suggested UI changes regard the discoverability of buttons and purchase process mapping. The “Log in\/register” button on the home page and the “Continue Shopping” button on the purchase confirmation page could have a better placement and be visually attractive. Other suggested changes, like the user details placement on the purchase confirmation page, the “Checkout as guest” option, and “Pay with Gift Card” option could help the user find the needed information faster and easier. Suggested offer tags changes, could help better communicate the different available offers.<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    miro link:<\/strong> Project 2 \/ Evaluate & Iterate \/ Maggie<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    \\ Evaluate and Iterate \\ For Project 2 – Evaluate and Iterate we had to choose a website to analyse. I chose Boots, a health and beauty retailer. In the below images the following traffic light system is used: red stickies = issues, orange = needed improvements, green = good design, blue = questionable elements, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/28"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":24,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/28\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/posts\/28\/revisions\/245"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/media?parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/categories?post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/maggie-duca\/blog\/wp-json\/wp\/v2\/tags?post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}