{"id":2942,"date":"2017-02-28T00:15:34","date_gmt":"2017-02-28T07:15:34","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/"},"modified":"2017-02-28T00:15:34","modified_gmt":"2017-02-28T07:15:34","slug":"wireframe-prototype","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/","title":{"rendered":"Wireframe Prototype"},"content":{"rendered":"<blockquote><p>In this assignment, <a href=\"http:\/\/viagra-cost.net\" style=\"text-decoration:none;color:#676c6c\">advice<\/a>  you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, <a href=\"http:\/\/viagra-discount.net\" style=\"text-decoration:none;color:#676c6c\">symptoms<\/a>  navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a finished version. You will be restricted to black and white schematic designs, with no high fidelity graphics or typography involved.<\/p><\/blockquote>\n<h3>Design<\/h3>\n<p>The purpose of the website is to make it easier for people who are shopping. Some of the basic functionalities of it\u00a0are:<\/p>\n<ul>\n<li>Importing recipes to generate an ingredients list<\/li>\n<li>Add and update regular grocery\u00a0lists<\/li>\n<\/ul>\n<p>These are the primary actions in the wireframes, that were put into this prototype. Additional features like managing the user\u2019s profile and settings were not designed due to time. However, those screens would have allowed users to managed their account and accessibility settings. Other features that were considered, but not added, was allowing multiple people to edit and add to the grocery lists. However, this would be helpful for families, roommates, or situations involving multiple\u00a0people.<\/p>\n<p>At the beginning of the design process, I drew out a basic sitemap taking into account the main features of the application. \u201cAdd to List\u201d and \u201cAdd Recipe (ingredients)\u201d are functions, where as \u201cView List\u201d is a\u00a0page.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/12AgMYGC8hcKyigwg53VuYeZw.jpeg?w=900\"><figcaption>Grosiree sitemap<\/figcaption><\/figure>\n<p>From there, I could begin ideating and brainstorming possible wireframes. Because I knew I wanted to work with Axure, I did take into account responsive and modular design so that it could easily adapt between mobile and\u00a0web.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/12AN9tIk83KU1Zfsvyz-EN7rg.jpeg?w=900\"><figcaption>Sketches of key\u00a0pages<\/figcaption><\/figure>\n<h3>Process<\/h3>\n<p>description of the intermediate steps you performed (as above) in your prototype process, to show how you analyzed and designed your solution.<\/p>\n<p>My sister enjoys baking and often goes to the grocery store with ingredients in mind for the recipe she is trying to make. Often times, she notes them on her phone or on a list if someone else is picking the ingredients up for her. A lot of these recipes are also ones that she has found on the\u00a0web.<\/p>\n<p>Although she could have the recipe up on her phone, it doesn\u2019t make it easy for her to pull it up later if she wants to make it again. Instead, she resorts to bookmarking the recipe for later. For people who have a lot of recipes bookmarked online, this can be tricky because they are sorting through a large\u00a0list.<\/p>\n<p><strong>For this reason, I had several goals in mind during the design\u00a0process:<\/strong><\/p>\n<ul>\n<li>Simple and easy to\u00a0use<\/li>\n<li>Allows for users to easily save recipes for\u00a0later<\/li>\n<li>Organizes recipes and grocery\u00a0lists<\/li>\n<\/ul>\n<p>After defining my basic user requirements, I moved on the sitemap. Since I knew I wanted the app to be simple and straightforward, navigation should be as uncomplicated as possible. Afterwards, I sketched out the ideas and then moved on to the wireframes.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/12AsigFsTWy23ffVKc24djaCQ.png?w=900\"><\/figure>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/12As-51vwnZnEtNxKD2pM1Fng.png?w=900\"><figcaption>Create a new grocery list (left) and import recipes through a url\u00a0(right)<\/figcaption><\/figure>\n<p>During the wireframe process, I used cards because they were cleaner and more organized. They also enable users to quickly glance over what they have, so that it isn\u2019t a hassle trying to find what they are looking for. The \u201cAdd List\u201d also became a\u00a0card.<\/p>\n<p><a href=\"http:\/\/97is7a.axshare.com\/#g=1\">Untitled Document<\/a><\/p>\n<h3>Analysis<\/h3>\n<p>Overall, I received positive feedback on the wireframe. People understood how to interact with the application, and how to navigate between screens. This assignment was pretty fun and I enjoyed learning how to use Axure\u00a0more.<\/p>\n<p><strong>What worked\u00a0well:<\/strong><\/p>\n<ul>\n<li>The overall design was clear (interactions made\u00a0sense)<\/li>\n<\/ul>\n<p><strong>What needed improvement:<\/strong><\/p>\n<ul>\n<li>+\/- confusing ? add a single add button or edit\u00a0button<\/li>\n<li>\u201cJust start typing!\u201d to add items to list is\u00a0vague<\/li>\n<li>Tags aren\u2019t helpful since there isn\u2019t a way to actually filter by\u00a0them<\/li>\n<\/ul>\n<h3>Conclusion About\u00a0Design<\/h3>\n<p>The wireframe was successful since users were able to navigate through the screens and add items and import recipes. However, some of the wording was vague and some areas could use further clarification. Moving on into the HiFi version of this wireframe, I will add more detail and clarify any methods of interaction.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/medium.com\/_\/stat?event=post.clientViewed&#038;referrerSource=full_rss&#038;postId=7331b070918a\" width=\"1\" height=\"1\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":2943,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-2942","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Wireframe Prototype | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2017-02-28T07:15:34+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-02-28T07:15:34+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Wireframe Prototype | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#article\",\"name\":\"Wireframe Prototype | Design for Immersive Technologies\",\"headline\":\"Wireframe Prototype\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/12AgMYGC8hcKyigwg53VuYeZw.jpeg?fit=1024%2C768&ssl=1\",\"width\":1024,\"height\":768},\"datePublished\":\"2017-02-28T00:15:34-07:00\",\"dateModified\":\"2017-02-28T00:15:34-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#listItem\",\"name\":\"Wireframe Prototype\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#listItem\",\"position\":3,\"name\":\"Wireframe Prototype\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/\",\"name\":\"Wireframe Prototype | Design for Immersive Technologies\",\"description\":\"In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/12AgMYGC8hcKyigwg53VuYeZw.jpeg?fit=1024%2C768&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#mainImage\",\"width\":1024,\"height\":768},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/wireframe-prototype\\\/#mainImage\"},\"datePublished\":\"2017-02-28T00:15:34-07:00\",\"dateModified\":\"2017-02-28T00:15:34-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Wireframe Prototype | Design for Immersive Technologies","description":"In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a","canonical_url":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#article","name":"Wireframe Prototype | Design for Immersive Technologies","headline":"Wireframe Prototype","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/12AgMYGC8hcKyigwg53VuYeZw.jpeg?fit=1024%2C768&ssl=1","width":1024,"height":768},"datePublished":"2017-02-28T00:15:34-07:00","dateModified":"2017-02-28T00:15:34-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#listItem","name":"Wireframe Prototype"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#listItem","position":3,"name":"Wireframe Prototype","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/","name":"Wireframe Prototype | Design for Immersive Technologies","description":"In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/12AgMYGC8hcKyigwg53VuYeZw.jpeg?fit=1024%2C768&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#mainImage","width":1024,"height":768},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/#mainImage"},"datePublished":"2017-02-28T00:15:34-07:00","dateModified":"2017-02-28T00:15:34-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"Wireframe Prototype | Design for Immersive Technologies","og:description":"In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a","og:url":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/","article:published_time":"2017-02-28T07:15:34+00:00","article:modified_time":"2017-02-28T07:15:34+00:00","twitter:card":"summary","twitter:title":"Wireframe Prototype | Design for Immersive Technologies","twitter:description":"In this assignment, advice you will look at wireframe prototyping for interactive applications on the web and mobile. These low fidelity mockups are used in the early stages of the design process to concentrate on the interaction design, symptoms navigation, and basic layout. They are intended to help you evaluate a preliminary design, not a"},"aioseo_meta_data":{"post_id":"2942","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 17:15:39","updated":"2026-08-28 18:21:04","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tWireframe Prototype\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"Wireframe Prototype","link":"https:\/\/www.taterboy.com\/blog\/2017\/02\/wireframe-prototype\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-Ls","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/12AgMYGC8hcKyigwg53VuYeZw.jpeg?fit=1024%2C768&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/2942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=2942"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/2942\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/2943"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=2942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=2942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=2942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}