{"id":19759,"date":"2017-05-02T15:18:53","date_gmt":"2017-05-02T22:18:53","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/"},"modified":"2017-05-02T15:18:53","modified_gmt":"2017-05-02T22:18:53","slug":"designing-a-digital-product","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/","title":{"rendered":"Designing a digital product"},"content":{"rendered":"<p>In this article I will explain the process that I followed to design a mobile application.<\/p>\n<p>I started with a white canvas and 50h later I had a prototype ready to\u00a0develop.<\/p>\n<p>The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will help users in the decision taking\u00a0process.<\/p>\n<p>In summary, these are the steps that I followed.<\/p>\n<p>Step 1 Needfinding<\/p>\n<p>Step 2\u00a0Ideation<\/p>\n<p>Step 3 Prototype<\/p>\n<p>Step 4\u00a0Test<\/p>\n<p>\u2014<\/p>\n<p><strong>Introduction<\/strong><\/p>\n<p>Since I became a father I have been struggling with cooking, all I wanted was providing my kids with a healthy and balanced diet, introduce them into the good habits, and make sure that they grow healthy but also that they enjoy food. But when both parents work full time this sometimes becomes very difficult.<\/p>\n<p>I decided to create a product that will help people with the cooking, didn\u2019t know what exactly yet, but I wanted to improve the cooking experience some\u00a0how.<\/p>\n<p><strong>Step 1. Needfinding<\/strong><\/p>\n<p>1.1 Design\u00a0brief<\/p>\n<p>The first thing that I did was choosing an area to explore, a field where there could be a need and a solution for\u00a0it.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*br37YdDnKWiZivS1.\"><\/figure>\n<p>I decided to focus on cooking, yes, I decided to create a tool to improve the cooking activity.<\/p>\n<p>1.2 Find potential users who can provide feedback on the area of exploration<\/p>\n<p>The idea of this project was to design a solution for specific users need. In order to understand those users needs I had to observe people performing a task so that I could get information to start building my\u00a0product.<\/p>\n<p>1.3 Create an observation plan and observe users performing related\u00a0tasks.<\/p>\n<p>Observing people is pretty simple, but you can prepare your observation in advance to make sure you get the right information<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/798\/0*8hGgf7tYsjCzM76C.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/798\/0*zAavlkNb6nPD1r5r.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/790\/0*tG9RjzrtApICuXJ3.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/786\/0*91duFHnRESFOB7om.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/790\/0*sUlHCeX04P2dgf0j.\"><\/figure>\n<p>\u2014<\/p>\n<p><strong>Step 2.\u00a0Ideation<\/strong><\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*36yRoA785CJUfIQk.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*xoh7qRM-37ofwAS4.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*2GW_qqYvC9S3a4Sd.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*kHRz_2A5IplfAWwt.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*5yu8hxrJ8klDkato.\"><\/figure>\n<p>2.1 List of users\u00a0needs<\/p>\n<p>After observing my users I obtained a lot of information, so I created a list of needs so that I can narrow my project in one direction and help those people providing a tools to solve specifics needs.<\/p>\n<p>2.2 Develop a point of\u00a0View<\/p>\n<p>From the users needs I choose a few of them to narrow my project and I developed my point of view. The point of view will drive my whole project from now in advance, is the core of my project and I sould build a solution directly aligned with my Point of\u00a0View.<\/p>\n<p>2.3 Inspiration board<\/p>\n<p>Internet is full of information and it can save lot of time by going through others work. I created an inspiration board to get inspired by other projects.<\/p>\n<p><strong>3 Prototyping<\/strong><\/p>\n<p>3.1 Storyboarding<\/p>\n<p>Storyboarding allows the designer to \u201cwalk in someone else\u2019s shoes\u201d, so I created to different storyboards to \u201cvisualise\u201d how my product will help\u00a0users.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/528\/0*hRm7zVtC0O4zLG8J.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/550\/0*wcNP5Ds8b-3Bb1oi.\"><\/figure>\n<p>3.2 Paper prototyping<\/p>\n<p>In order to build the right product I decided to build different paper prototypes so I can test my ideas in a cheap and quick\u00a0way.<\/p>\n<p>Prototype 1<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/584\/0*zKP-aLH9ksuhud-w.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/576\/0*VCrfX4wRgLue9Dwe.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/578\/0*FVnoE9ppGgRthM39.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/582\/0*iA8-zs4QrUZbkPym.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/586\/0*EjOF427Chc-1aayr.\"><\/figure>\n<p>Prototype 2<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/582\/0*CjvpDu5B7CTTezby.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/578\/0*hEoBZesh7f6vxIb-.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/574\/0*mwHKdZ6yoCOKvnBw.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/580\/0*j-HN7uci-kCOi49t.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/576\/0*WVVcMfkCv8heo6Ft.\"><\/figure>\n<p>3.3 Heuristic evaluation<\/p>\n<p>Once the paper prototypes were ready I decided to observe users, in a structured way, interacting with them so that I spot potential breakdowns and get ideas about how to improve the prototype before starting with the digital version of\u00a0it<\/p>\n<p>3.4 List of potential improvements<\/p>\n<p>After observing users I got a list of heuristic violations that helped my defining potential improvements.<\/p>\n<p>3.5 Wireframing of the paper prototype<\/p>\n<p>Based on what I learned so far I started wireframing my product so that I could conduct another round of testing, this time with a digital\u00a0artifact<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*4NDWTajYVCYm4fKi.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*8p-6QiaPWg3nGAvt.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*cs-W9VA-bXnBJntV.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/996\/0*m4eFfdrgE1kcyhPG.\"><\/figure>\n<p><strong>4. Testing<\/strong><\/p>\n<p>4.1 Project\u00a0planning<\/p>\n<p>In order to start an interactive project, is extremely helpful to plan it in advance, so that is what I did. This is not a rigid plan, this is more like a guide that you will be modelling through the project and that will help you framing the time and the scope of your\u00a0project.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/674\/0*DClfuknyepRaKTvA.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/674\/0*bvp4b97pTpqyKXzi.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/654\/0*j4HSAkdiBusCnKdL.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*vWGBdvqGKJ4horJp.\"><\/figure>\n<p>4.2 Interactive prototype<\/p>\n<p>In order to get the most of my testing, I created an interactive prototype that will allow users to interact with it as if it was the final\u00a0product.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*DFhP5e4rURu1LYyC.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/808\/0*svDLZ_ezsT7yKZ9Z.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/784\/0*xBpfIoJGSyrdnJev.\"><\/figure>\n<p>4.3 Testing\u00a0script<\/p>\n<p>Is very important to have a goal and a structured questionnaire so you can get the most of you testing. I created a testing plan and protocol to make sure I will gather the right information.<\/p>\n<p>4.4 Testing with\u00a0users<\/p>\n<p>This is where the real fun started, observing people interacting with your product is what makes the different in product\u00a0design<\/p>\n<p>4.5 Compiling testing\u00a0results<\/p>\n<p>Before taking any decision I compiled the results of the testing in a way that I could use to base my design decisions on.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/916\/0*VhEsgGth9QruHf12.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*mnqXHMLnmeUk_BZ0.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*lLvfuFMzrGsoAapQ.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*T9VqR3XcrB0s9IQU.\"><\/figure>\n<p>4.7 Create a B version based on\u00a0feedback<\/p>\n<p>Having an alternative version is a very useful technique in design so you can compare two different versions and get an idea of what design perform better and improve your product based on the\u00a0results.<\/p>\n<p>4.8 A\/B\u00a0testing<\/p>\n<p>I have never experienced an online testing tool but I was really surprised about how easy and quick is to get valuable insights on your\u00a0product.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*FA1yGhS2GB07hm-7.\"><\/figure>\n<p>4.9 A\/B testing compilation<\/p>\n<p>Testing is in my opinion the easiest part, later you need to analyse the results and take design decisions based on it, so this is a very important step in the desining that will lead you to a refined version of your prototype and probably, will go into development and become a product in the\u00a0future.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*oyvAq76TpqGHgf6A.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*FMsP7v2l9tsuZYc5.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*G2SSWsPjhzC4_zrw.\"><\/figure>\n<p>4.10 Design iteration to produce a prototype based on\u00a0findings<\/p>\n<p>Based on the previous step I created a prototype that I hope, it will become a product one\u00a0day.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/414\/0*uTE6Aq4CfcrGC1N4.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/414\/0*uq_jmGv4wb5fdb0I.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/414\/0*DJdcJKD3q5Ltl5t0.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/356\/0*cFRHvvffNo6_JVOe.\"><\/figure>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/414\/0*Sb-FJ_C82X8Y3d2b.\"><\/figure>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/medium.com\/_\/stat?event=post.clientViewed&#038;referrerSource=full_rss&#038;postId=4e197883b8cb\" width=\"1\" height=\"1\"><\/p>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article I will explain the process that I followed to design a mobile application. I started with a white canvas and 50h later I had a prototype ready to\u00a0develop. The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"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":true,"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-19759","post","type-post","status-publish","format-standard","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 article I will explain the process that I followed to design a mobile application.I started with a white canvas and 50h later I had a prototype ready to develop.The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will\" \/>\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\/05\/designing-a-digital-product\/\" \/>\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=\"Designing a digital product | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"In this article I will explain the process that I followed to design a mobile application.I started with a white canvas and 50h later I had a prototype ready to develop.The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2017-05-02T22:18:53+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-05-02T22:18:53+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Designing a digital product | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"In this article I will explain the process that I followed to design a mobile application.I started with a white canvas and 50h later I had a prototype ready to develop.The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will\" \/>\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\\\/05\\\/designing-a-digital-product\\\/#article\",\"name\":\"Designing a digital product | Design for Immersive Technologies\",\"headline\":\"Designing a digital product\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/cdn-images-1.medium.com\\\/max\\\/1024\\\/0*br37YdDnKWiZivS1.\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/05\\\/designing-a-digital-product\\\/#articleImage\"},\"datePublished\":\"2017-05-02T15:18:53-07:00\",\"dateModified\":\"2017-05-02T15:18:53-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/05\\\/designing-a-digital-product\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/05\\\/designing-a-digital-product\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/05\\\/designing-a-digital-product\\\/#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\\\/05\\\/designing-a-digital-product\\\/#listItem\",\"name\":\"Designing a digital product\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/05\\\/designing-a-digital-product\\\/#listItem\",\"position\":3,\"name\":\"Designing a digital product\",\"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\\\/05\\\/designing-a-digital-product\\\/#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\\\/05\\\/designing-a-digital-product\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/05\\\/designing-a-digital-product\\\/\",\"name\":\"Designing a digital product | Design for Immersive Technologies\",\"description\":\"In this article I will explain the process that I followed to design a mobile application.I started with a white canvas and 50h later I had a prototype ready to develop.The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/05\\\/designing-a-digital-product\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"datePublished\":\"2017-05-02T15:18:53-07:00\",\"dateModified\":\"2017-05-02T15:18:53-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":"Designing a digital product | Design for Immersive Technologies","description":"In this article I will explain the process that I followed to design a mobile application.I started with a white canvas and 50h later I had a prototype ready to develop.The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will","canonical_url":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/","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\/05\/designing-a-digital-product\/#article","name":"Designing a digital product | Design for Immersive Technologies","headline":"Designing a digital product","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/cdn-images-1.medium.com\/max\/1024\/0*br37YdDnKWiZivS1.","@id":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/#articleImage"},"datePublished":"2017-05-02T15:18:53-07:00","dateModified":"2017-05-02T15:18:53-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/#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\/05\/designing-a-digital-product\/#listItem","name":"Designing a digital product"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/#listItem","position":3,"name":"Designing a digital product","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\/05\/designing-a-digital-product\/#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\/05\/designing-a-digital-product\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/","name":"Designing a digital product | Design for Immersive Technologies","description":"In this article I will explain the process that I followed to design a mobile application.I started with a white canvas and 50h later I had a prototype ready to develop.The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"datePublished":"2017-05-02T15:18:53-07:00","dateModified":"2017-05-02T15:18:53-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":"Designing a digital product | Design for Immersive Technologies","og:description":"In this article I will explain the process that I followed to design a mobile application.I started with a white canvas and 50h later I had a prototype ready to develop.The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will","og:url":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/","article:published_time":"2017-05-02T22:18:53+00:00","article:modified_time":"2017-05-02T22:18:53+00:00","twitter:card":"summary","twitter:title":"Designing a digital product | Design for Immersive Technologies","twitter:description":"In this article I will explain the process that I followed to design a mobile application.I started with a white canvas and 50h later I had a prototype ready to develop.The only thing I knew from the beginning is that I wanted to create kind of dashboard application that will summarise information somehow and that will"},"aioseo_meta_data":{"post_id":"19759","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-08 05:10:33","updated":"2026-08-29 19:18:02","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\tDesigning a digital product\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":"Designing a digital product","link":"https:\/\/www.taterboy.com\/blog\/2017\/05\/designing-a-digital-product\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-58H","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/19759","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=19759"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/19759\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=19759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=19759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=19759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}