{"id":250,"date":"2023-11-04T12:25:45","date_gmt":"2023-11-04T12:25:45","guid":{"rendered":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/?p=250"},"modified":"2023-11-04T12:52:46","modified_gmt":"2023-11-04T12:52:46","slug":"site-map-for-the-gaming-table","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/entire-project-2a\/project-2a\/site-map-for-the-gaming-table\/","title":{"rendered":"Site map for The Gaming Table"},"content":{"rendered":"\n<p>For this task, I initially started with a rough post-it note site map to get a basic structure of what I wanted the site to look like. This step allowed me to focus on the layout before diving into the details of the site&#8217;s appearance, which worked well for me.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"811\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.24-811x1024.jpeg\" alt=\"\" class=\"wp-image-251\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.24-811x1024.jpeg 811w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.24-238x300.jpeg 238w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.24-768x969.jpeg 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.24.jpeg 1038w\" sizes=\"(max-width: 811px) 100vw, 811px\" \/><figcaption class=\"wp-element-caption\">My initial site map. <\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"767\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.23-1024x767.jpeg\" alt=\"\" class=\"wp-image-252\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.23-1024x768.jpeg 1024w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.23-300x225.jpeg 300w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.23-768x575.jpeg 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.23-1536x1150.jpeg 1536w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.23-1140x854.jpeg 1140w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-04-11-2023-at-12.23.jpeg 1744w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">My second, and more refined site map. <\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>In the site map, I illustrated the navigation from the homepage to different sections of the website that I plan to design and where each button on the navigation bar will lead. This process is crucial when designing a website because it helps you consider the site&#8217;s logistics without the distraction of appearance; that comes later with the wireframes.<\/p>\n\n\n\n<p>Initially, I had some uncertainty about how to approach the site map, especially because we had to create a site map for project 2, which had an existing site. Additionally, I wasn&#8217;t very familiar with the conventions of restaurant websites and navigation bar designs, as I don&#8217;t frequently use them. To overcome this, I decided to create user flows by examining examples of well-known restaurant websites such as Prezzo and Zizi. This exercise provided valuable insights into what information should be available on the website, the hierarchy of content, font and title sizes, and how navigation bars should function. These insights will be highly beneficial in the development of my website.<\/p>\n\n\n\n<p>I&#8217;m satisfied with the final appearance of my site map. It looks professional, well-organized, and easy to understand. This experience has also improved my understanding of what a site map should entail, which will be useful for future projects.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this task, I initially started with a rough post-it note site map to get a basic structure of what I wanted the site to look like. This step allowed me to focus on the layout before diving into the details of the site&#8217;s appearance, which worked well for me. In the site map, I illustrated the navigation from the homepage to different sections of the website that I plan to design and where each button on the navigation bar will lead. This process is crucial when designing a website because it helps you consider the site&#8217;s logistics without the distraction of appearance; that comes later with the wireframes. Initially, I had some uncertainty about how to approach the site map, especially because we had to create a site map for project 2, which had an existing site. Additionally, I wasn&#8217;t very familiar with the conventions of restaurant websites and navigation bar designs, as I don&#8217;t frequently use them. To overcome this, I decided to create user flows by examining examples of well-known restaurant websites such as Prezzo and Zizi. This exercise provided valuable insights into what information should be available on the website, the hierarchy of content, font and title sizes, and how navigation bars should function. These insights will be highly beneficial in the development of my website. I&#8217;m satisfied with the final appearance of my site map. It looks professional, well-organized, and easy to understand. This experience has also improved my understanding of what a site map should entail, which will be useful for future projects.<\/p>\n","protected":false},"author":1,"featured_media":252,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/250"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":1,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/250\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/250\/revisions\/253"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media\/252"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media?parent=250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/categories?post=250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/tags?post=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}