{"id":568,"date":"2024-04-19T14:04:59","date_gmt":"2024-04-19T14:04:59","guid":{"rendered":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/?p=568"},"modified":"2024-05-07T19:56:43","modified_gmt":"2024-05-07T19:56:43","slug":"virgin-wines-project-part-three","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/virign-wines\/virgin-wines-project-part-three\/","title":{"rendered":"Virgin Wines Project : Part Three"},"content":{"rendered":"\n<p>After the communication section was done, it was then time for me to move onto research. We had done a lot of research for this project, however some changes made didn&#8217;t always have perfect usability reasoning, and so, they needed to be backed up by research in order to be fundamentally reasonable. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Guest Checkout Effectiveness<\/h2>\n\n\n\n<p>One thing VW are fond of is their lack of guest checkout. Graham saw it as taking away from the experience and doesn&#8217;t allow them to properly track analytics. However, from research initially it was clear that a guest checkout is the most valued way forward &#8211; with 72% of empty baskets being due to &#8216;endless&#8217; checkout processes. It was therefore up to me to prove that a guest checkout was effective, and kept within the wants of VW. <\/p>\n\n\n\n<p>For this, I used a tests regarding whether the user would be able to remember information regarding their purchase whilst they go through the process of signing up. This was a different test, however helped me understand whether users (under the assumption that they are not all wine connesseurs):<\/p>\n\n\n\n<p>A. looked for guest checkouts using a heat map <\/p>\n\n\n\n<p>B. could recall information after the process of sign up (this was because research proves that 52% of people will abandon a cart after they cannot remember or visualise what was actually in it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"357\" src=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.48.23-1024x357.png\" alt=\"\" class=\"wp-image-584\" srcset=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.48.23-1024x357.png 1024w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.48.23-300x105.png 300w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.48.23-768x268.png 768w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.48.23-1536x536.png 1536w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.48.23-2048x714.png 2048w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Position of Voucher Code<\/h2>\n\n\n\n<p>The voucher code was another small but important detail that could make or break a user experience. The team wasn&#8217;t sure whether it should be within payment or within summary, and so using heat mapping, I found the speed and the then assumptions of where it should be from 5 different users in a very simple AB test. I used a heat map within Figma to do this, and found where the users mouse hovered the most. <\/p>\n\n\n\n<p>These were just two of the few tests I conducted during the time of design!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.50.36-1024x512.png\" alt=\"\" class=\"wp-image-585\" srcset=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.50.36-1024x512.png 1024w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.50.36-300x150.png 300w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.50.36-768x384.png 768w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.50.36-1536x768.png 1536w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.50.36.png 1820w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Helping the Design Team<\/h2>\n\n\n\n<p>Whilst I didn&#8217;t directly work on design and cannot take credit for their (incredible) work, through my research and testing, myself and Robert knew the most about the little tweaks in designs that would be needed. For this to be of any use, we went through and made slight changes, before we could get the final versions from the group for a heuristic evaluation. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-02-at-15.17.00-1024x516.png\" alt=\"\" class=\"wp-image-578\" srcset=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-02-at-15.17.00-1024x516.png 1024w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-02-at-15.17.00-300x151.png 300w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-02-at-15.17.00-768x387.png 768w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-02-at-15.17.00-1536x775.png 1536w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-02-at-15.17.00-2048x1033.png 2048w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p>For example, here, the &#8216;become a member&#8217; was added by myself to utilise the opportunity for virgin wines to gain information from guest checkout. This could then help analytically and aid the reasoning for a guest checkout. As well as that, slight things such as a fade to show there is more in cart were added, as well as some copy size changes to aid usability, and a few other comments. <\/p>\n\n\n\n<p>These changes were all made through the help of research done in a full heuristic evaluation &#8211; found in the below section!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Heuristic Evaluation of Our Redesign<\/h2>\n\n\n\n<p>In order to aid the design team further and help with any details or usability issues they or the user may be facing, I did a full heuristic evaluation of the (at the time) current redesigns. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"720\" src=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.51.34-1024x720.png\" alt=\"\" class=\"wp-image-586\" srcset=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.51.34-1024x720.png 1024w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.51.34-300x211.png 300w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.51.34-768x540.png 768w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.51.34-1536x1081.png 1536w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-06-at-10.51.34-2048x1441.png 2048w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p>From this I gathered a few key usability changes, including compatibility between desktop and mobile, some placement issues, and user flow problems. <\/p>\n\n\n\n<p>After creating the slide-deck for the team so they could focus on design work, and aiding in the creation of a script, this heuristic markup as well as further research and aid in small development details on the design were my final interactions with the Virgin Wines project before the big presentation!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>After the communication section was done, it was then time for me to move onto research. We had done a lot of research for this project, however some changes made didn&#8217;t always have perfect usability reasoning, and so, they needed to be backed up by research in order to be fundamentally reasonable. Guest Checkout Effectiveness &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/virign-wines\/virgin-wines-project-part-three\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Virgin Wines Project : Part Three&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[41],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/568"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":7,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/568\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/568\/revisions\/590"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/media?parent=568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/categories?post=568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/tags?post=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}