{"id":82,"date":"2023-11-18T18:02:20","date_gmt":"2023-11-18T18:02:20","guid":{"rendered":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?p=82"},"modified":"2024-04-16T18:06:45","modified_gmt":"2024-04-16T18:06:45","slug":"project-2-documenting-site-maps-in-miro","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/","title":{"rendered":"Project 2 Documenting Site Maps in Miro"},"content":{"rendered":"\n<p>Process of capturing and annotating site maps<\/p>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p>For this part of Project 2, I took an integrated approach to several of the required research tasks. I started by learning about Don Norman&#8217;s 7 principles of design &#8211; discoverability, feedback, affordances, signifiers, constraints, mapping, and consistency.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"572\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles-572x1024.jpg\" alt=\"\" class=\"wp-image-83 size-full\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles-572x1024.jpg 572w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles-167x300.jpg 167w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles.jpg 747w\" sizes=\"(max-width: 572px) 100vw, 572px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-style-default\"><div class=\"wp-block-media-text__content\">\n<p>I then created a site map showing the standard user journey or &#8220;red route&#8221; through the e-commerce website I&#8217;m evaluating. This involved identifying the main pages and sections a typical user would visit to browse products, view details, add to cart, and purchase.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"572\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-flow-chart-of-standard-user-route-1-1-572x1024.jpg\" alt=\"\" class=\"wp-image-88 size-full\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-flow-chart-of-standard-user-route-1-1-572x1024.jpg 572w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-flow-chart-of-standard-user-route-1-1-167x300.jpg 167w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-flow-chart-of-standard-user-route-1-1.jpg 747w\" sizes=\"(max-width: 572px) 100vw, 572px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-top\"><div class=\"wp-block-media-text__content\">\n<p>This is the first initial heuristic markup before evaluation, this was nice fast and easy to do especially with an iPad to jot down notes.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"429\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-heuristic-markup-1-1024x429.jpg\" alt=\"\" class=\"wp-image-90 size-full\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-heuristic-markup-1-1024x429.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-heuristic-markup-1-300x126.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-heuristic-markup-1-768x322.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-heuristic-markup-1-1536x643.jpg 1536w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-heuristic-markup-1.jpg 1545w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-7 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large wp-duotone-unset-1\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"429\" data-id=\"102\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-user-flow-red-route-1024x429.jpg\" alt=\"\" class=\"wp-image-102\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-user-flow-red-route-1024x429.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-user-flow-red-route-300x126.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-user-flow-red-route-768x322.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-user-flow-red-route-1536x643.jpg 1536w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-user-flow-red-route.jpg 1545w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Red Route<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large wp-duotone-unset-2\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"429\" data-id=\"100\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Conceptual-Models-1-1024x429.jpg\" alt=\"\" class=\"wp-image-100\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Conceptual-Models-1-1024x429.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Conceptual-Models-1-300x126.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Conceptual-Models-1-768x322.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Conceptual-Models-1-1536x643.jpg 1536w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Conceptual-Models-1.jpg 1545w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Conceptual Models<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large wp-duotone-unset-3\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"429\" data-id=\"101\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Constraints-1-1024x429.jpg\" alt=\"\" class=\"wp-image-101\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Constraints-1-1024x429.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Constraints-1-300x126.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Constraints-1-768x322.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Constraints-1-1536x643.jpg 1536w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Constraints-1.jpg 1545w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Constraints<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large wp-duotone-unset-4\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"429\" data-id=\"97\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Feedback-1-1024x429.jpg\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Feedback-1-1024x429.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Feedback-1-300x126.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Feedback-1-768x322.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Feedback-1-1536x643.jpg 1536w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Feedback-1.jpg 1545w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Feedback<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large wp-duotone-unset-5\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"429\" data-id=\"98\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Discoverability-1-1024x429.jpg\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Discoverability-1-1024x429.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Discoverability-1-300x126.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Discoverability-1-768x322.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Discoverability-1-1536x643.jpg 1536w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Discoverability-1.jpg 1545w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Discoverability<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large wp-duotone-unset-6\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"429\" data-id=\"99\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Signifers-1-1024x429.jpg\" alt=\"\" class=\"wp-image-99\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Signifers-1-1024x429.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Signifers-1-300x126.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Signifers-1-768x322.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Signifers-1-1536x643.jpg 1536w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Signifers-1.jpg 1545w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Signifiers<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>After mapping the existing site flow, I annotated the pages and screens with the 7 design principles in mind. I marked up areas that effectively demonstrated the principles with green stickies. Orange stickies indicated where the principles could be better implemented. Red was reserved for major issues violating those rules of UX design.<br>A side note, Affordances and Mapping were not covered as I could not, at my current level, find examples of this on the e-commerce site and I did not want to crowbar them in just because. As I grow as a UX designer I hope I can more easily see and address more of the principles than I am now. <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-11 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large wp-duotone-unset-9\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"295\" data-id=\"103\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-sitemap-flowchart-1024x295.jpg\" alt=\"\" class=\"wp-image-103\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-sitemap-flowchart-1024x295.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-sitemap-flowchart-300x86.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-sitemap-flowchart-768x221.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-sitemap-flowchart-1536x442.jpg 1536w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-sitemap-flowchart.jpg 1863w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Original Site map flow chart<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large wp-duotone-unset-10\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"554\" data-id=\"104\" src=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Copy-of-Proposed-changes-to-site-map-1024x554.jpg\" alt=\"\" class=\"wp-image-104\" srcset=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Copy-of-Proposed-changes-to-site-map-1024x554.jpg 1024w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Copy-of-Proposed-changes-to-site-map-300x162.jpg 300w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Copy-of-Proposed-changes-to-site-map-768x415.jpg 768w, https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-Copy-of-Proposed-changes-to-site-map.jpg 1359w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Proposed Changes<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>This heuristic analysis and markup using Norman&#8217;s concepts provided valuable insights into the pain points and positives of the current user experience. Armed with these findings, I was able to create an improved site map with proposed changes to address the UX flaws uncovered.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-miro wp-block-embed-miro\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Project 2 research\" src=\"https:\/\/miro.com\/app\/live-embed\/uXjVNfStfsU=?share_link_id=700757359831&#038;embedId=121952322492&#038;embedMode=view_only_without_ui&#038;embedSource=oembed#?secret=k1suT8CVNc\" data-secret=\"k1suT8CVNc\" width=\"100%\" height=\"100%\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Link to MIRO board for Highest quality images.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Process of capturing and annotating site maps For this part of Project 2, I took an integrated approach to several of the required research tasks. I started by learning about Don Norman&#8217;s 7 principles of design &#8211; discoverability, feedback, affordances, signifiers, constraints, mapping, and consistency. I then created a site map showing the standard user [&hellip;]<\/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":[33,1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Project 2 Documenting Site Maps in Miro - Robert Atsumi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project 2 Documenting Site Maps in Miro - Robert Atsumi\" \/>\n<meta property=\"og:description\" content=\"Process of capturing and annotating site maps For this part of Project 2, I took an integrated approach to several of the required research tasks. I started by learning about Don Norman&#8217;s 7 principles of design &#8211; discoverability, feedback, affordances, signifiers, constraints, mapping, and consistency. I then created a site map showing the standard user [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/\" \/>\n<meta property=\"og:site_name\" content=\"Robert Atsumi\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-18T18:02:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-16T18:06:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles-572x1024.jpg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/\",\"name\":\"Project 2 Documenting Site Maps in Miro - Robert Atsumi\",\"isPartOf\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles-572x1024.jpg\",\"datePublished\":\"2023-11-18T18:02:20+00:00\",\"dateModified\":\"2024-04-16T18:06:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#primaryimage\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles.jpg\",\"contentUrl\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles.jpg\",\"width\":747,\"height\":1338},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Project 2 Documenting Site Maps in Miro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/\",\"name\":\"Robert Atsumi\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/www.nua-ux.design\/robert-atsumi\/blog\"],\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Project 2 Documenting Site Maps in Miro - Robert Atsumi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/","og_locale":"en_US","og_type":"article","og_title":"Project 2 Documenting Site Maps in Miro - Robert Atsumi","og_description":"Process of capturing and annotating site maps For this part of Project 2, I took an integrated approach to several of the required research tasks. I started by learning about Don Norman&#8217;s 7 principles of design &#8211; discoverability, feedback, affordances, signifiers, constraints, mapping, and consistency. I then created a site map showing the standard user [&hellip;]","og_url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/","og_site_name":"Robert Atsumi","article_published_time":"2023-11-18T18:02:20+00:00","article_modified_time":"2024-04-16T18:06:45+00:00","og_image":[{"url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles-572x1024.jpg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/","name":"Project 2 Documenting Site Maps in Miro - Robert Atsumi","isPartOf":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#primaryimage"},"image":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles-572x1024.jpg","datePublished":"2023-11-18T18:02:20+00:00","dateModified":"2024-04-16T18:06:45+00:00","author":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec"},"breadcrumb":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#primaryimage","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles.jpg","contentUrl":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/Project-2-research-7-design-principles.jpg","width":747,"height":1338},{"@type":"BreadcrumbList","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-2-documenting-site-maps-in-miro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/"},{"@type":"ListItem","position":2,"name":"Project 2 Documenting Site Maps in Miro"}]},{"@type":"WebSite","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/","name":"Robert Atsumi","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Person","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g","caption":"admin"},"sameAs":["http:\/\/www.nua-ux.design\/robert-atsumi\/blog"],"url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/82"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":2,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/82\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}