{"id":8857,"date":"2017-04-28T15:06:30","date_gmt":"2017-04-28T14:06:30","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=8857"},"modified":"2017-04-28T15:10:11","modified_gmt":"2017-04-28T14:10:11","slug":"ui-tomorrow-simple-friendly","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/","title":{"rendered":"The UI of Tomorrow: Simple and\u00a0Friendly"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In the next few years we will see a continuing trend to simplify the UI of our apps\/websites. This is happening because of two main factors: How we interact and understand new technology, and the rise of more friendly and human software and interfaces. Let\u2019s go step by step.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">1. The Simplicity Revolution<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We live in a world oversaturated with information, so it is natural for modern UIs to avoid complication. Simplifying what we do (and expect our users to do) allows us to save time and focus on other matters. We\u2019re time poor, and reducing the number of decisions we make every day can improve our quality of life.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"Reducing the number of decisions we make every day can improve our quality of life.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The e-commerce sector has been one of the first to understand and adopt this. Today we don\u2019t need to carry cash or credit cards. With a simple tap we have everything we need in one single device \u2014 our phone. From ordering a takeaway to buying a car, we can do it online. This is nothing new \u2014 the online revolution has already happened, we\u2019re now experiencing the Simplicity Revolution. We want everything easier, simpler, safer and we want it now. This is how we\u2019ve come to understand technology. A good app is one that solves your problem in the fastest, simplest way, bringing you the exact solutions you need in no time.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">How does this effect the\u00a0UX\/UI?<\/h2>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Long forms are living on borrowed time.<\/strong> Nobody wants to waste time filling long forms with their data every time they checkout online. Many people already have abundant information in their social profiles and with a tap we can take it from there. Social network integration simplifies this cumbersome process and is key to a better user experience.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Safe payment in just a few taps.<\/strong> Tools like Apple Pay, Android Pay, PayPal and Shopify will soon be the first option for most of our users. We better have those buttons very visible during the pay process. This will have an important impact in the conversion rates or our products.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Contextual Design.<\/strong> The search and the burger menu items won\u2019t completely disappear but they will be residual items for secondary content. Users shouldn\u2019t need to worry about searching for what they need when they open an app or website \u2014 we can bring this to them in a clear and simple way, based on the time and situation when users interact with our product. The key to successful contextual design is not just about giving users what they expect to get, it\u2019s about offering solutions to problems users didn\u2019t know they had.<\/li>\n<li><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">More spaces, less items.<\/strong> A tab bar with four items is OK, but a tab bar with three or less is better. The content structure will be more efficient and clear if we simplify the process around our product as much as possible. We improve the essential actions and sweep the rest \u2014 everything user doesn\u2019t use more than once or twice \u2014 into a Settings icon or \u201cunder a rug\u201d.<\/li>\n<\/ul>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">2. Human \u2014 Software Interaction<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">One day we will start having feelings for some software in the same way we have for material things, like your wedding dress or your old ukulele. Today we can already see apps that interact with us in a different way, like <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.web.lark.com\">Lark<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.pennyapp.io\/\">Penny<\/a>. <\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"One day we will start having feelings for some software in the same way we have for material things\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We are starting to leave behind the traditional way to interact with an app (tap, tap, tap), instead we will be able to enjoy a nice \u201cconversation\u201d, which at the same time solves our problems. Currently we see Siri as a shortcut to get to the information we need \u2014 new movies in the closest cinema, tomorrow\u2019s weather, a Wikipedia article, etc \u2014 but in a not-too-distant future the way we interact with Siri, and other apps like Penny, won\u2019t be as a means-to-an-end but for solutions they can offer forthright.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">How does this affect the\u00a0UX\/UI?<\/h2>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>I honestly doubt that the future UI will be No-UI, or at least not completely. While we have eyes we still need visual content and this will always require a User Interface. However we will see the UIs we understand today simplifying. Things like using a keyboard \u2014 something essential today \u2014 could soon be a secondary input system, alongside many others. Imagine an app that learns how we make decisions, how we express ourselves when we talk and write, and even how we think. This app could predict our problems based on our behaviour and surface relevant solutions at critical times. Easier and simpler.<\/li>\n<li>Emoji are just the beginning \u2014 software \u201chumanisation\u201d will need many and varied personalities. Our future conversations with our apps will be full of avatars and emoji sets. In a world of clean and simple UI these details will bring a friendly and ultimately more human perspective.<\/li>\n<\/ul>\n<div id=\"attachment_8870\" style=\"width: 910px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/04\/1-aZoRYFRTSfCO9CO90SYqyw.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-8870\" class=\"size-full wp-image-8870\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/04\/1-aZoRYFRTSfCO9CO90SYqyw.png\" alt=\"Avatars I made for friendly messaging apps UI: Remi, Gemmy and Trekk\" width=\"900\" height=\"300\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/04\/1-aZoRYFRTSfCO9CO90SYqyw.png 900w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/04\/1-aZoRYFRTSfCO9CO90SYqyw-600x200.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/04\/1-aZoRYFRTSfCO9CO90SYqyw-768x256.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><p id=\"caption-attachment-8870\" class=\"wp-caption-text\">Avatars I made for friendly messaging apps UI: Remi, Gemmy and <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/charlieyllobre.com\/portfolio\/trekk-app-ui\/\">Trekk<\/a><\/p><\/div>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Search results, products and general content will be integrated within the conversation. If we ask our personal assistant to show us the best hostels in Bangkok these could appear inline, surfacing a preview of relevant results with an option to enter the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/itunes.apple.com\/app\/hostelworld-book-hostels-budget\/id348890820?mt=8\">Hostelworld app<\/a>, or they could appear as a simple list in the same view, without blocking your current activity of course.<\/li>\n<\/ul>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Conclusion<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There\u2019s no doubt these are exciting times for many of us. For many others this will be problematic for various reasons. I am in the first group, I believe that refining and simplifying our UIs can have a positive impact and won\u2019t necessarily dull our senses. In my opinion the real value of technology and design is in how it can improve people\u2019s life quality, and we should always design our products with this vision in mind.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"The real value of technology and design is in how it can improve people\u2019s life quality\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Thank you for reading!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You can download <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.dropbox.com\/sh\/lqc34icnliblxsc\/AAB5ZjPBmW_gLF_kPRGStcQca?dl=0\">here<\/a> a Sketch file of different Messaging App UIs that I created based on this article. Enjoy!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img decoding=\"async\" class=\"size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/04\/0VR1yvFN2ebScNhWc.png\" title=\"\" alt=\"\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Tambi\u00e9n disponible en espa\u00f1ol <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/charlieyllobre.com\/ui-tomorrow-simple-friendly\/?lang=es\">aqu\u00ed<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>This article was originally published at <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/charlieyllobre.com\/ui-tomorrow-simple-friendly\/\">charlieyllobre.com<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the next few years we will see a continuing trend to simplify the UI of our apps\/websites. This is happening because of two main factors: How we interact and understand new technology, and the rise of more friendly and human software and interfaces. Let\u2019s go step by step. 1. The Simplicity Revolution We live in a world oversaturated with&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":130,"featured_media":8875,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-8857","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-viewpoint"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The UI of Tomorrow: Simple and\u00a0Friendly | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"In the next few years we will see a continuing trend to simplify the UI of our apps\/websites. This is happening because of two main factors: How we interact and understand new technology, and the rise of more friendly and human software and interfaces. Let\u2019s go step by step. 1. The Simplicity Revolution We live in a world oversaturated with... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-28T14:06:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-04-28T14:10:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/04\/simple_friendly.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2220\" \/>\n\t<meta property=\"og:image:height\" content=\"1350\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"4 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/04\/simple_friendly.png\",\"width\":2220,\"height\":1350},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/\",\"name\":\"The UI of Tomorrow: Simple and\\u00a0Friendly | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/#primaryimage\"},\"datePublished\":\"2017-04-28T14:06:30+00:00\",\"dateModified\":\"2017-04-28T14:10:11+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/09700086919ddf5bd189310a5372c19e\"},\"headline\":\"The UI of Tomorrow: Simple and\\u00a0Friendly\",\"datePublished\":\"2017-04-28T14:06:30+00:00\",\"dateModified\":\"2017-04-28T14:10:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/#primaryimage\"},\"articleSection\":\"Viewpoint\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/ui-tomorrow-simple-friendly\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/09700086919ddf5bd189310a5372c19e\",\"name\":\"Carlos Yllobre\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4f25be8890a7b44f29accd62ceccf08df97987df2262eb2bc059268f35ec96c0?s=96&d=mm&r=g\",\"caption\":\"Carlos Yllobre\"},\"description\":\"Product designer | Illustrator | Traveller in love with the mountains and the sea | Ukulele player | Photographer | Avid reader | charlieyllobre.com. Say hi on Twitter.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/8857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/130"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=8857"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/8857\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/8875"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=8857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=8857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=8857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}