{"id":12837,"date":"2017-10-09T14:19:10","date_gmt":"2017-10-09T13:19:10","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=12837"},"modified":"2020-09-03T13:00:54","modified_gmt":"2020-09-03T12:00:54","slug":"iphone-xs-ar-engine-mean-ux-designers","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/","title":{"rendered":"What Does the iPhone X\u2019s AR Engine Mean for UX Designers?"},"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\">Apple recently announced the latest iteration of the iPhone \u2014 the iPhone X. Alongside the usual incremental improvements that most of us are now largely indifferent to, the arrival of iOS 11 does deliver something more significant: a mainstream, mass-market mobile product that for the first time has an Augmented Reality (AR) engine baked right into the OS.<\/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\">Read on for an explanation of what AR is, and a look at its current and potential future applications. We also explore what AR could mean for UX designers, and, finally, our take on the $162bn question: are people going to use it?<\/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. What is\u00a0AR?<\/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\">AR, or Augmented Reality, is a computational technology that usually works by modifying a real image captured from the user\u2019s point of view. AR usually adds extra visual elements like text, but it can also be used to remove, highlight, or modify parts of the original image.<\/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\">Although AR is still in its infancy as a mass market technology, you\u2019re probably already familiar with a few mainstream applications. Above all (in terms of user numbers) there\u2019s <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.snapchat.com\/l\/en-gb\/\">Snapchat<\/a>, which takes selfies, uses AR to identify natural facial patterns, and then applies filters to the image.<\/p>\n<div id=\"attachment_6580\" style=\"width: 2378px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0_HiB7pt-seTunWOk.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0_HiB7pt-seTunWOk.jpg\" alt=\"\" width=\"2368\" height=\"1300\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">The famous Snapchat hot\u00a0dog<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Then there are apps like <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.google.android.apps.translate&amp;hl=en\">Google Translate<\/a> that allow you to point your phone\u2019s camera at a passage of text, and receive an instant translation in the original visual context. (This technology made its way into Google Translate following Google\u2019s acquisition of <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/en.wikipedia.org\/wiki\/Word_Lens\">Word Lens<\/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\"><center><div id=\"attachment_6580\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/00mLaxfEYzyj7zLmY.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/00mLaxfEYzyj7zLmY.jpg\" alt=\"\" width=\"500\" height=\"442\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">Word Lens, an AR translation app that has now been integrated into Google Translate<\/p><\/div><\/center><\/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\">And, of course, there was all of last year\u2019s excitement about Pok\u00e9mon Go, a mobile game that uses AR technology to populate players\u2019 environments with Pok\u00e9mon that the player moves around their real environment collecting:<\/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\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0b7COuIEZ7H5C4qQt.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6580\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0b7COuIEZ7H5C4qQt.jpg\" title=\"\" alt=\"\" \/><\/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\">We\u2019ve also grown increasingly accustomed to AR features in TV weather reporting and sports coverage, including in NFL and cricket games:<\/p>\n<div id=\"attachment_6580\" style=\"width: 1290px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0cW2BzwsoWvaemIAx.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0cW2BzwsoWvaemIAx.jpg\" alt=\"\" width=\"1280\" height=\"720\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">AR technology allows a first-down line to be rendered on the field of play in live action<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><center><div id=\"attachment_6580\" style=\"width: 590px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/02t9IKgr4WQViSgCT.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/02t9IKgr4WQViSgCT.jpg\" alt=\"\" width=\"580\" height=\"360\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">AR technology assists cricket umpires with decision\u00a0reviews<\/p><\/div><\/center><\/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\">However, AR technology dates back way further than you might imagine \u2014 indeed, the first head-mounted display was developed by Ivan Sutherland back in 1968, and it\u2019s the decades of experimentation and development since that have brought us to the point where AR is poised to become truly mainstream. <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.augment.com\/blog\/infographic-lengthy-history-augmented-reality\/\">Check out this awesome timeline<\/a> for more information about the history of AR.<\/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;\">2. With iOS 11, AR hits the mainstream<\/h2>\n<div id=\"attachment_6580\" style=\"width: 2084px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0w4kgl_hlZQ6rF8YX.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0w4kgl_hlZQ6rF8YX.jpg\" alt=\"\" width=\"2074\" height=\"1512\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">The iPhone\u00a0X<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Up to now, designers and developers who wanted to use AR usually had to build AR capabilities into apps themselves. As well as being expensive, the lack of a shared AR engine also inevitably meant variable user experiences, since the visual and interaction patterns would vary significantly from one application to the next.<\/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\">This year sees the launch of Apple\u2019s iPhone X, and along with it, iOS 11, which has AR technology baked right into the OS. The iPhone X also features a dual front camera, positioned vertically to allow for 3D AR experiences when the phone is held in a landscape orientation.<\/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\">Arriving hot on the heels of <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/developers.google.com\/ar\/\">Google\u2019s announcement of ARCore<\/a> a few weeks ago, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/developer.apple.com\/arkit\/\">Apple\u2019s own ARKit<\/a> makes AR more attractive and accessible to developers for two main reasons: first, since iOS 11 will be rolled out across hundreds of millions of Apple devices, a huge AR-ready customer base will be created overnight; and second, the AR engine will be built into the OS itself, waiting to be called by iOS apps. Developers will no longer need to find their own AR solution when creating an app.<\/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\">\"Developers will no longer need to find their own AR solution when creating an app.\"<\/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\">Apple\u2019s ability to roll out iOS updates to all users at once puts it in a considerably stronger position than Google when it comes to driving uptake of a new capability like AR. Unlike iOS, Android has to accommodate thousands of different hardware configurations. As a result, updates are often extremely slow to market, because many manufacturers work on adding a proprietary skin to the OS post-release. For these reasons, the majority of Android users do not run the latest version of the software.<\/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\"><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.independent.co.uk\/life-style\/gadgets-and-tech\/features\/apple-tim-cook-boss-brexit-uk-theresa-may-number-10-interview-ustwo-a7574086.html\">In an interview<\/a> with British newspaper <em>The Independent<\/em>, Tim Cook left us in no doubt about how he sees the arrival of mainstream AR:<\/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\"><span class=\"long-quote\">\u201cI regard it as a big idea like the smartphone. The smartphone is for everyone, we don\u2019t have to think the iPhone is about a certain demographic, or country or vertical market: it\u2019s for everyone. I think AR is that big, it\u2019s huge. I get excited because of the things that could be done that could improve a lot of lives. And be entertaining. I view AR like I view the silicon here in my iPhone, it\u2019s not a product per se, it\u2019s a core technology.\u201d<\/span><\/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\">Some companies have already spotted the potential of AR to enhance their customers\u2019 product experiences \u2014 check out the Twitter account <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/twitter.com\/madewithARKit\">@madewithARKit<\/a> for a growing collection.<\/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\">\"IKEA have already developed an app that uses AR to simulate how furniture will look in your house\"<\/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\">For example, IKEA have already developed an app, Place, that uses AR to simulate how items of furniture will look in your house, automatically measuring spaces and even replacing existing furnishings. It\u2019s ready for iOS 11, and for many will be the first place they experience the iPhone\u2019s new AR capabilities.<\/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\"><center><div id=\"attachment_6580\" style=\"width: 670px\" class=\"wp-caption aligncenter\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0H-sqks1GckqVG-Cl.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-6580\" class=\"wp-image-6580 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/10\/0H-sqks1GckqVG-Cl.jpg\" alt=\"\" width=\"660\" height=\"371\" \/><\/a><p id=\"caption-attachment-6580\" class=\"wp-caption-text\">IKEA\u2019s Place app. Image:\u00a0IKEA<\/p><\/div><\/center><\/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;\">3. What does AR mean for UX designers?<\/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 that specialized applications of AR will continue to be developed to increase the efficiency and reliability with which professional tasks can be performed. For example, AR creates opportunities for the reduction of information overload in the time-sensitive operations of military personnel, surgeons, and engineers. In these use cases, AR can be used to more effectively direct the attention of human operators and reduce human error.<\/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\">However, the impact that AR will have on mass market consumer applications is less certain. In principle, the future applications of AR are only limited by, on the one hand, the imagination and creativity of designers and developers, and on the other hand, how consumer appetites and attitudes towards augmented experiences are formed.<\/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\">I asked Sara Vilas Santiago, Designlab\u2019s in-house UX curriculum supremo, for her thoughts.<\/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\"><span class=\"long-quote\">\"AR uptake will start with changes in things that are very functional, like those Google Translate and IKEA apps. From there it\u2019s up to designers to use AR to take the next step in experiences \u2014 making the digital more \u2018real\u2019.\"<br \/>\n<br \/>\n\"To take an analogy, texting via SMS was great, but then WhatsApp made the experience easier, cheaper, and more real-time. You can see who is online, you can send pictures, send videos, have video calls\u2026 I think getting closer to the \u2018real thing\u2019 in digital experiences can always win.\"<br \/>\n<br \/>\n\"But as designers we have to understand the need to do it properly \u2014 avoiding the creation of awkward experiences. It\u2019s important to understand human psychology when it comes to new technologies, just as Steve Jobs understood that with the iPhone and iPad people didn\u2019t really need a Star Trek-style device, but instead something that offered rich experiences that we could use naturally with our hands and in our everyday lives.\"<\/span><\/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\">One of the more urgent tasks facing designers and developers is therefore to think about and influence the overall user experience of AR as a technology.<\/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\">The understandable desire in each sector to be first to market with an AR product risks rushing out poorly-engineered AR experiences, with predictable and avoidable scandals around leaky privacy and security measures or even applications that cause harm or inconvenience by conveying unreliable instructions or information.<\/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\">Around 40% of mobile apps are <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/apsalar.com\/2016\/01\/all-about-app-uninstalls-2\/\">uninstalled within an hour<\/a> of initial installation. For AR apps to be successful, they must above all establish trust with the user, and then quickly prove their usefulness. The first impressions of AR that the industry makes on consumers could be the difference between a step change in how we interact with smart technology, or a repeat of the market failure of Google Glass.<\/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;\">4. The $162bn question: will people use\u00a0it?<\/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\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/apsalar.com\/2016\/01\/all-about-app-uninstalls-2\/\">Business Insider predicts<\/a> that the AR market will be worth $162bn within a few years. Obviously, this depends on user uptake, and one of the questions that has been asked of AR in the past is whether it meets any real user need. Apps like Pok\u00e9mon Go have demonstrated AR\u2019s novelty value and potential for fun. But can it stand the test of time in more serious use cases?<\/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;\">Does AR add enough value to the user experience?<\/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\">When it comes to applications like measuring up a room for your new IKEA furniture, there are two questions: first, do people care enough to use an app \u2014 i.e., does it add enough value to justify the user\u2019s perception of extra effort? And second, will people trust the technology to deliver on its promises \u2014 for example, will they trust the app\u2019s furniture measurements, or will they end up checking it for themselves with a tape measure anyway?<\/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\">\"A crucial factor will be the quality of apps and ideas generated by designers and developers.\"<\/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\">It\u2019s tough to predict what consumer reaction will be like. But one thing is sure: whatever the eventual uptake, a crucial factor will be the quality of apps and ideas generated by designers and developers. A product that hits the market in an already robust and reliable form could make the difference between failure and long-term success.<\/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;\">Can designers understand user needs in the AR\u00a0space?<\/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\">The opportunities and challenges for UX designers will focus around designing experiences that are delightful and functional for consumers that initially don\u2019t know what they want. Most users don\u2019t yet have an understanding of what AR is, what they want from it, or how it could benefit them.<\/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\">\"Most users don\u2019t yet have an understanding of what AR is, what they want from it, or how it could benefit them.\"<\/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\">UX designers will have an important role in shaping those expectations, and in establishing beneficial and valuable products. Novelty is never enough. Historically, Apple has been expert in this kind of creative space \u2014 the iPod\u2019s success was an example of how the company understood the our desires as users (to carry a whole music collection in our pocket) before most of us were aware that we had that desire at all.<\/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;\">Will developers accommodate established user preferences for screen-based 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\">Another thing to consider is how surprisingly little the basic format of human-computer interaction has changed over the past 50 years. We still primarily interact with screen interfaces through clicks and keyboards. The main change in that time has been the fact that screens now allow us to touch them (though we still use keyboard and mouse about half the time).<\/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\">A likely reason for the failure of wearable AR applications like Google Glass, which came to market in 2014 and was discontinued within 2 years, is the fact that it required a radical shift not only in the way users were consuming information, but also in the devices through which that information was being delivered.<\/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\">AR stands the greatest chance of consumer uptake and market success where it accommodates and augments device experiences that people already favor \u2014 i.e., smartphones, tablets, and laptops. If we start asking people to wear special glasses or to mount phones on their faces in purpose-built cradles, the chances are that consumers will simply reject that change as being too big a step.<\/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\">Successful AR will perhaps not represent a change in how we <em>interact<\/em> with machines, so much as a change in the way they <em>present<\/em> information to us.<\/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\">Like what you see? <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/trydesignlab.com\/a\/web-design-course\/4bd57337\/?utm_source=marvel&utm_campaign=iphonex\">Subscribe to our newsletter<\/a> for more on trends, tips, and tricks in UX.<\/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;\">What do you\u00a0think?<\/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 hope you\u2019ve enjoyed this look at the challenges and opportunities presented by the arrival of integrated Augmented Reality technology in a mass-market handset. What do you think the future holds? Are there particular features you hope to see in the next generation of AR-ready apps? Or are you sceptical about the user experience changes that AR promises? Let us know in the comments or <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/twitter.com\/trydesignlab\">over on Twitter!<\/a><\/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;\">Unlock your potential with UX\u00a0Academy<\/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 recently launched a major update of UX Academy, including a curriculum revamp, and the full rollout of Group Crits &amp; Career Services. <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/trydesignlab.com\/ux-academy\/?utm_source=marvel&utm_campaign=iphonex\">Find out more \u2014 including admission criteria and details of our unique 6-month job guarantee!<\/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 on <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/trydesignlab.com\/blog\/what-does-iphone-ar-engine-mean-for-ux-designers\/\">Designlab's blog<\/a>.<\/em><\/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\"><svg id=\"part1\" class=\"centered display-block marginTop-xl fill-slate\"width=\"48px\" height=\"4px\" viewBox=\"0 0 48 4\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"> <defs><\/defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Group-7\" transform=\"translate(1.000000, 1.000000)\" stroke=\"#3B4859\" fill=\"#3B4859\"> <circle id=\"Oval-2\" cx=\"1\" cy=\"1\" r=\"1\"><\/circle> <circle id=\"Oval-2\" cx=\"23\" cy=\"1\" r=\"1\"><\/circle> <circle id=\"Oval-2\" cx=\"45\" cy=\"1\" r=\"1\"><\/circle> <\/g> <\/g><\/svg><\/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\">If you\u2019re working on iPhone X apps before the big launch or want to put some of the tips in this article to practice, you can try it right now in Marvel - <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/prototype-iphone-x\/\">read how to prototype for the iPhone X with just a few clicks.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apple recently announced the latest iteration of the iPhone \u2014 the iPhone X. Alongside the usual incremental improvements that most of us are now largely indifferent to, the arrival of iOS 11 does deliver something more significant: a mainstream, mass-market mobile product that for the first time has an Augmented Reality (AR) engine baked right into the OS. Read on&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":177,"featured_media":12871,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[499],"tags":[],"class_list":["post-12837","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux"],"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\/iphone-xs-ar-engine-mean-ux-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Does the iPhone X\u2019s AR Engine Mean for UX Designers? | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Apple recently announced the latest iteration of the iPhone \u2014 the iPhone X. Alongside the usual incremental improvements that most of us are now largely indifferent to, the arrival of iOS 11 does deliver something more significant: a mainstream, mass-market mobile product that for the first time has an Augmented Reality (AR) engine baked right into the OS. Read on... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/\" \/>\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-10-09T13:19:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-03T12:00:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/10\/iphonear.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"808\" \/>\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=\"9 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\/iphone-xs-ar-engine-mean-ux-designers\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2017\/10\/iphonear.png\",\"width\":1500,\"height\":808},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/\",\"name\":\"What Does the iPhone X\\u2019s AR Engine Mean for UX Designers? | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/#primaryimage\"},\"datePublished\":\"2017-10-09T13:19:10+00:00\",\"dateModified\":\"2020-09-03T12:00:54+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/c0a793a94beaf3dab74d760ca40e363e\"},\"headline\":\"What Does the iPhone X\\u2019s AR Engine Mean for UX Designers?\",\"datePublished\":\"2017-10-09T13:19:10+00:00\",\"dateModified\":\"2020-09-03T12:00:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/#primaryimage\"},\"articleSection\":\"User Experience\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/iphone-xs-ar-engine-mean-ux-designers\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/c0a793a94beaf3dab74d760ca40e363e\",\"name\":\"Designlab\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/04e475d2383e7242b601cd545ef6d7744278c1a353ff9d180b0ce88afd69f04b?s=96&d=mm&r=g\",\"caption\":\"Designlab\"},\"description\":\"Learn design skills with the help of an expert mentor through our unique online courses in UX, UI, and design fundamentals. http:\/\/trydesignlab.com\",\"sameAs\":[\"http:\/\/trydesignlab.com\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/12837","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\/177"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=12837"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/12837\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/12871"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=12837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=12837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=12837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}