{"id":55,"date":"2023-10-15T11:03:02","date_gmt":"2023-10-15T11:03:02","guid":{"rendered":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/?p=55"},"modified":"2024-03-13T13:53:03","modified_gmt":"2024-03-13T13:53:03","slug":"week-2-making-progress","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/bsc2a\/project-2-evaluate-iterate\/week-2-making-progress\/","title":{"rendered":"Making Progress"},"content":{"rendered":"\n<p class=\"has-medium-font-size\"><strong>User Tests<\/strong><\/p>\n\n\n\n<p>As part of this week&#8217;s progress, as well as developing my Miro board, I ran user tests on the TK Maxx website.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"http:\/\/miro.com\/app\/board\/uXjVNfTFH-Y=\/?share_link_id=14929287879\" target=\"_blank\">Open my Miro board \u2192<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"833\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-1-833x1024.png\" alt=\"\" class=\"wp-image-56\" style=\"border-radius:0px\" srcset=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-1-833x1024.png 833w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-1-244x300.png 244w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-1-768x944.png 768w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-1-1249x1536.png 1249w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-1-1666x2048.png 1666w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-1.png 1803w\" sizes=\"(max-width: 833px) 100vw, 833px\" \/><\/figure>\n\n\n\n<p>By running these user tests, I have been able to develop a more empathetic understanding over the experience of different types of users in the TK Maxx website. This was also a good opportunity to explore some different solutions from other retail sites such as Marks and Spencer, ASOS and Hollister. These sites sometimes utilised more creative and useable solutions to various problems I found on the TK Maxx site, such as finding shoe sizes and product search. <\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Figma<\/strong><\/p>\n\n\n\n<p>This week was the start of me getting used to Figma. In our first Figma workshop, I created an animated lock that moves with a slider.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border wp-duotone-unset-2\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1002\" src=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-2-1024x1002.png\" alt=\"\" class=\"wp-image-57\" style=\"border-radius:0px\" srcset=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-2-1024x1002.png 1024w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-2-300x294.png 300w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-2-768x752.png 768w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-2.png 1332w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Following this, I experimented by creating a new navigation bar in Figma for the TK Maxx website. With this, I attempted to increase the discovery of some of the top navigation, for example the store locator and sign in button.<\/p>\n\n\n\n<p>Previous:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border wp-duotone-unset-3\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"119\" src=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-3-1024x119.png\" alt=\"\" class=\"wp-image-58\" style=\"border-radius:0px\" srcset=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-3-1024x119.png 1024w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-3-300x35.png 300w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-3-768x89.png 768w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-3-1536x178.png 1536w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-3-2048x238.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>My design:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border wp-duotone-unset-4\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"161\" src=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-5-1024x161.png\" alt=\"\" class=\"wp-image-60\" style=\"border-radius:0px\" srcset=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-5-1024x161.png 1024w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-5-300x47.png 300w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-5-768x121.png 768w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-5-1536x242.png 1536w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-5.png 1806w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This needs development work, but it&#8217;s a start.<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>HTML<\/strong><\/p>\n\n\n\n<p>In our HTML workshop, we created a basic website using tags and elements with CSS.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border wp-duotone-unset-5\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-6-1024x640.png\" alt=\"\" class=\"wp-image-61\" style=\"border-radius:0px\" srcset=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-6-1024x640.png 1024w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-6-300x188.png 300w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-6-768x480.png 768w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-6-1536x960.png 1536w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/image-6-2048x1280.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border wp-duotone-unset-6\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"568\" src=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-15-at-11.54.11\u202fam.png\" alt=\"\" class=\"wp-image-62\" style=\"border-radius:0px\" srcset=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-15-at-11.54.11\u202fam.png 1000w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-15-at-11.54.11\u202fam-300x170.png 300w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-15-at-11.54.11\u202fam-768x436.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>This was an interesting insight into learning how CSS affects a webpage.<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Duocon<\/strong><\/p>\n\n\n\n<p>On a different note, I virtually attended Deacon, the conference for Duolingo, the language learning app<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border wp-duotone-unset-7\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"537\" src=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-15-at-11.58.06\u202fam.png\" alt=\"\" class=\"wp-image-63\" style=\"border-style:none;border-width:0px;border-radius:0px\" srcset=\"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-15-at-11.58.06\u202fam.png 1000w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-15-at-11.58.06\u202fam-300x161.png 300w, https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-15-at-11.58.06\u202fam-768x412.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>This was an interesting insight into how User Experience Designers, Illustrators and Animators can join forces to create a memorable and functional experience. The conference inspired me to be more open about my design and I would like to incorporate different aspects outside my comfort zone into my work in the future, such as more illustrative aspects.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>User Tests As part of this week&#8217;s progress, as well as developing my Miro board, I ran user tests on the TK Maxx website. Open my Miro board \u2192 By running these user tests, I have been able to develop a more empathetic understanding over the experience of different types of users in the TK [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":57,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29,8],"tags":[9],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/posts\/55"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":2,"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/posts\/55\/revisions\/166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/media\/57"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}