{"id":200,"date":"2023-11-03T12:47:09","date_gmt":"2023-11-03T12:47:09","guid":{"rendered":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/?p=200"},"modified":"2023-11-03T12:47:09","modified_gmt":"2023-11-03T12:47:09","slug":"wireframes-for-the-gaming-table","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/entire-project-2a\/project-2a\/wireframes-for-the-gaming-table\/","title":{"rendered":"Wireframes for The Gaming Table"},"content":{"rendered":"\n<p>At the outset of this project, I had limited experience with wireframes, having primarily worked on minimalistic ones in the past. The challenge here was to create comprehensive wireframes for an entire website, considering elements like text size, image placement, navigation bar, and interactivity.<\/p>\n\n\n\n<p>Initially, I felt uncertain about how to approach this task. However, by stepping back and drawing inspiration from my research, ideas began to flow. I began by mapping out each page, gradually expanding the scope to include details on how pages would appear as users scrolled down, emphasizing hierarchy, and overall layout. I focused on wireframing the homepage and menu page initially, with plans to refine other pages in the upcoming week for a smoother transition to the design phase in Figma.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"639\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-03-11-2023-at-12.46-1024x639.jpeg\" alt=\"\" class=\"wp-image-201 size-full\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-03-11-2023-at-12.46-1024x639.jpeg 1024w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-03-11-2023-at-12.46-300x187.jpeg 300w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-03-11-2023-at-12.46-768x479.jpeg 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-03-11-2023-at-12.46-1536x959.jpeg 1536w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-03-11-2023-at-12.46-1140x711.jpeg 1140w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/11\/Image-03-11-2023-at-12.46.jpeg 1846w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>My research extended to examining user flows from two restaurant websites, seeking inspiration from well-established sites to incorporate familiar conventions. The goal was to ensure the website&#8217;s layout felt intuitive and user-friendly, enhancing usability and discoverability. These considerations were pivotal in my design process, aiming to strike a balance between a quick, straightforward user experience and comprehensive information delivery.<\/p>\n<\/div><\/div>\n\n\n\n<p>In summary, these wireframes serve as a foundational guide, preventing me from venturing into the website design process blindly. While I initially grappled with terms like &#8216;low\/mid\/high fidelity,&#8217; I&#8217;ve undertaken research to grasp their significance. The wireframing process has been enjoyable, allowing my initial concept to take shape and fueling my enthusiasm for the forthcoming weeks when I&#8217;ll be designing the website in Figma for both desktop and mobile.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>At the outset of this project, I had limited experience with wireframes, having primarily worked on minimalistic ones in the past. The challenge here was to create comprehensive wireframes for an entire website, considering elements like text size, image placement, navigation bar, and interactivity. Initially, I felt uncertain about how to approach this task. However, by stepping back and drawing inspiration from my research, ideas began to flow. I began by mapping out each page, gradually expanding the scope to include details on how pages would appear as users scrolled down, emphasizing hierarchy, and overall layout. I focused on wireframing the homepage and menu page initially, with plans to refine other pages in the upcoming week for a smoother transition to the design phase in Figma. My research extended to examining user flows from two restaurant websites, seeking inspiration from well-established sites to incorporate familiar conventions. The goal was to ensure the website&#8217;s layout felt intuitive and user-friendly, enhancing usability and discoverability. These considerations were pivotal in my design process, aiming to strike a balance between a quick, straightforward user experience and comprehensive information delivery. In summary, these wireframes serve as a foundational guide, preventing me from venturing into the website design process blindly. While I initially grappled with terms like &#8216;low\/mid\/high fidelity,&#8217; I&#8217;ve undertaken research to grasp their significance. The wireframing process has been enjoyable, allowing my initial concept to take shape and fueling my enthusiasm for the forthcoming weeks when I&#8217;ll be designing the website in Figma for both desktop and mobile.<\/p>\n","protected":false},"author":1,"featured_media":190,"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\/200"}],"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=200"}],"version-history":[{"count":1,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/200\/revisions\/202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media\/190"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}