{"id":163,"date":"2022-10-31T22:09:22","date_gmt":"2022-10-31T22:09:22","guid":{"rendered":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/?p=163"},"modified":"2023-02-16T23:22:45","modified_gmt":"2023-02-16T23:22:45","slug":"24-10-2022","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/24-10-2022\/","title":{"rendered":"24\/10\/2022"},"content":{"rendered":"\n<p>During the weekend I wrote up notes on my findings from my usability tests and used the information to create a table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/miro.com\/app\/board\/uXjVPRZFebI=\/?moveToWidget=3458764536904058630&amp;cot=14\"><img loading=\"lazy\" width=\"1024\" height=\"604\" src=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-25-at-21.54.04-1024x604.png\" alt=\"\" class=\"wp-image-179\" srcset=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-25-at-21.54.04-1024x604.png 1024w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-25-at-21.54.04-300x177.png 300w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-25-at-21.54.04-768x453.png 768w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-25-at-21.54.04-1536x906.png 1536w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-25-at-21.54.04-2048x1208.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><em>Yo! Sushi Usability Test Results<\/em><\/figcaption><\/figure>\n\n\n\n<p>On the table, I included an &#8216;in conclusion&#8217; section where I identified important points from doing the tests and also highlighted how this will be important for my own site and its design.<\/p>\n\n\n\n<div class=\"wp-container-3 wp-block-columns\">\n<div class=\"wp-container-1 wp-block-column\">\n<p>Using the ideas from my Miro board, I also started to develop some more wireframes. Along with this, I put the skills I learnt from the &#8216;Advanced XD Workshop&#8217; into practise and started to add effects to the website. The aim of adding different effects to my website was to solidify my learning, rather than actually implementing them into my website &#8211; however, I do feel that they will be a good source of feedback for my users which should be considered in my website development at a later stage.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-container-2 wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"928\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.17.59-928x1024.png\" alt=\"\" class=\"wp-image-182\" srcset=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.17.59-928x1024.png 928w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.17.59-272x300.png 272w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.17.59-768x847.png 768w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.17.59-1393x1536.png 1393w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.17.59.png 1690w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-container-5 wp-block-columns\">\n<div class=\"wp-container-4 wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"633\" src=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.22.32-1024x633.png\" alt=\"\" class=\"wp-image-184\" srcset=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.22.32-1024x633.png 1024w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.22.32-300x185.png 300w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.22.32-768x475.png 768w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.22.32-1536x949.png 1536w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.22.32-2048x1266.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-container-8 wp-block-columns\">\n<div class=\"wp-container-6 wp-block-column\">\n<p>When it came to wireframing the &#8216;basket&#8217; page, I was very unsure on what to do for my layout. Thus, I took the time to research a few websites with this feature in order to gain insight into how I could structure the page.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-container-7 wp-block-column\">\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/miro.com\/app\/board\/uXjVPRZFebI=\/?moveToWidget=3458764537380142617&amp;cot=14\"><img loading=\"lazy\" src=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.30.10-1024x276.png\" alt=\"\" class=\"wp-image-185\" width=\"559\" height=\"150\" srcset=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.30.10-1024x276.png 1024w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.30.10-300x81.png 300w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.30.10-768x207.png 768w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.30.10-1536x414.png 1536w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.30.10-2048x552.png 2048w\" sizes=\"(max-width: 559px) 100vw, 559px\" \/><\/a><figcaption>Research into different &#8216;basket&#8217; pages<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"515\" src=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.35.15-1024x515.png\" alt=\"\" class=\"wp-image-187\" srcset=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.35.15-1024x515.png 1024w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.35.15-300x151.png 300w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.35.15-768x386.png 768w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.35.15-1536x773.png 1536w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-31-at-21.35.15.png 1658w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>My first mock-up for the &#8216;basket&#8217; page wasn&#8217;t entirely successful. I feel this way because I believe the balance between the different elements is off, and I have not made good use of the white space I have available. I continued developing this page (and others) on paper; this method worked better for me as I find myself able to generate ideas at a better pace and with less disruption.<\/p>\n\n\n\n<p>This week we were also briefed in for our next project <em>Design for good<\/em>. The first step of this brief is to conduct generative research, this can include processes such as competitive research and usability tests, along with developing a problem statement. Moreover, the class was told to start considering problem areas regarding sustainability &#8211; but to focus our research on understanding the problem, not the solution.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>During the weekend I wrote up notes on my findings from my usability tests and used the information to create a table. On the table, I included an &#8216;in conclusion&#8217; section where I identified important points from doing the tests and also highlighted how this will be important for my own site and its design. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,18],"tags":[],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/posts\/163"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":6,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/posts\/163\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/posts\/163\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/categories?post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/tags?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}