{"id":602,"date":"2023-05-01T09:06:06","date_gmt":"2023-05-01T09:06:06","guid":{"rendered":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/?p=602"},"modified":"2023-05-16T11:02:14","modified_gmt":"2023-05-16T11:02:14","slug":"post-12","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/post-12\/","title":{"rendered":"Post 12"},"content":{"rendered":"\n<h2 class=\"has-text-align-center\">Coglode Activity with Mads<\/h2>\n\n\n\n<p>Dave recommended <em>Coglode<\/em> to the class as a way of marking up designs. Mads and I wanted to explore it further so we decided to mark up the mobile version of the <em>Virgin Wines <\/em>site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"849\" src=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.32.22-1024x849.png\" alt=\"\" class=\"wp-image-603\" srcset=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.32.22-1024x849.png 1024w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.32.22-300x249.png 300w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.32.22-768x637.png 768w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.32.22-1536x1273.png 1536w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.32.22-600x497.png 600w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.32.22.png 1624w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Examples of some of the <em>Coglode <\/em>&#8216;nuggets&#8217;<\/figcaption><\/figure>\n\n\n\n<p>Each nugget contains a design statement\/theory, along with a brief description of what it means. They also all include a link to a more indepth description (usually with a study) on their website.<\/p>\n\n\n\n<p>Personally, I found that this was a fun and interactive way of marking up, and I will definitely be using the &#8216;nuggets&#8217; again in the future! As I got to know the &#8216;nuggets&#8217; more I got quicker at placing them and marking up the site &#8211; so if I used them regularly, I could imagine them to be pretty efficient.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/www.figma.com\/file\/i21rr7FYg1Ylla3S4lIidK\/Coglode?type=design&amp;node-id=0%3A1&amp;t=L7529qHKMMVLWRQc-1\"><img loading=\"lazy\" width=\"824\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.35.40-824x1024.png\" alt=\"\" class=\"wp-image-604\" srcset=\"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.35.40-824x1024.png 824w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.35.40-241x300.png 241w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.35.40-768x954.png 768w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.35.40-1236x1536.png 1236w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.35.40-600x746.png 600w, https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-15-at-20.35.40.png 1516w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/a><figcaption>Click to be taken to Figma<\/figcaption><\/figure>\n\n\n\n<p>Above is the work we did. We didn&#8217;t spend too long on the exercise as we both agreed that its intended use was to &#8220;test out the waters&#8221; however, it was nice to have a bit of a fun break from the full-on team project. I&#8217;m sure I will be using this again in the future of this project.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Coglode Activity with Mads Dave recommended Coglode to the class as a way of marking up designs. Mads and I wanted to explore it further so we decided to mark up the mobile version of the Virgin Wines site. Each nugget contains a design statement\/theory, along with a brief description of what it means. They [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[19,21,20],"tags":[],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/posts\/602"}],"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=602"}],"version-history":[{"count":1,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/posts\/602\/revisions"}],"predecessor-version":[{"id":605,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/posts\/602\/revisions\/605"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/media?parent=602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/categories?post=602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/olivia-johnson\/blog\/wp-json\/wp\/v2\/tags?post=602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}