{"id":3116,"date":"2017-10-03T19:53:10","date_gmt":"2017-10-03T17:53:10","guid":{"rendered":"https:\/\/mastercaweb.u-strasbg.fr\/?p=3116"},"modified":"2025-03-30T12:40:20","modified_gmt":"2025-03-30T12:40:20","slug":"designing-interfaces-and-virtual-reality","status":"publish","type":"post","link":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/","title":{"rendered":"Designing Virtual and Augmented Reality Interfaces"},"content":{"rendered":"

\"Designing<\/p>\n

For several years now, virtual and augmented reality<\/b> technology has developed at an unprecedented rate. In the meantime, the applications of these technologies are no longer limited to gaming. For example, important stakeholders in e-commerce see great promise in these relatively new technologies. In the meantime, the democratization of virtual reality headsets and the performance of smartphones and tablets keep on growing. However, the design and development of virtual reality<\/b> (VR) and augmented reality<\/b> (AR) interfaces<\/b> are still new to most of us. Indeed, AR <\/em>and VR<\/em> are bringing new design technical challenges into focus.<\/p>\n

Few tools available, while headsets remain expensive.<\/b><\/h2>\n

Before considering AR\/VR interfaces in greater detail, we should ask how they are made. In fact, the prototyping of tools for designing and developing virtual and augmented reality interfaces are different from those used in more traditional design<\/b> and development applications, e.g. Adobe, InVision, etc. Furthermore, it is often necessary to have access to a powerful computer in order to test prototype AR\/VR development software.<\/p>\n

In addition to it, it is equally difficult for designers to find inspiration when designing these interfaces. It is also difficult to get information on good practice<\/b> in AR\/VR development, since this field is still largely unexplored. Where good practices for web and mobile development can be found everywhere, AR\/VR development is still in its infancy. Fortunately, things are changing. In fact, following the commercial successes of AR interfaces such as Pokemon-go<\/a>, some of these interfaces have gone on to become some of the most successful mobile apps of all time.<\/p>\n

What methodologies are needed when designing AR\/VR interfaces?<\/b><\/h2>\n

Firstly, given that this sector is, for the time being, still relatively underdeveloped, some space should be left for experimentation<\/b>. There is a chance that your first AR\/VR interfaces will not be intuitive, even if you have experience designing interfaces.<\/p>\n

Indeed, creating AR\/VR apps shouldn’t be compared with everyday development jobs, since poorly designed AR\/VR can put users in physical danger<\/b>. While immersed in a virtual reality experience, people sometimes get headaches. Similarly, animations that seem rich and vibrant on a website may be impossible to experience in AR\/VR form. Developers should rather remain on the side of caution. Also, as a future AR\/VR developer, you shouldn’t forget that you’re working in 3 dimensions. As a result, traditional wireframes are often ineffective<\/b> when it comes to designing virtual reality experiences. In a quest for ever more immersive experiences, some designers have started experimenting with DIY 3D wireframing<\/a>. They do so in rooms populated with pieces of cardboard, representing each element of the interface. Here volunteers have to navigate custom-built \u201cmazes\u201d, then give their feedback afterwards.<\/p>\n

AR and VR will continue to become more and more democratized in the years ahead. In the meantime, users and business interests in this sector will keep on growing. Therefore, it is worth for designers to keep an eye on this sector. Also, they should keep in mind that major trends<\/a> in prototyping and design are just starting to emerge.<\/p>\n

Article translated by Willem Beckmann.<\/p>\n

Sources :<\/p>\n

https:\/\/hackernoon.com\/the-design-process-in-vr-ar-and-mr-b34b2247520f<\/a><\/p>\n

http:\/\/www.webdesignertrends.com\/2017\/09\/realite-augmentee-tendances\/<\/a><\/p>\n

http:\/\/www.webdesignertrends.com\/2016\/10\/vr-design\/<\/a><\/p>\n

http:\/\/www.vanschneider.com\/the-wild-west-of-virtual-reality-with-timoni-west<\/a><\/p>\n


\n<\/p>\n","protected":false},"excerpt":{"rendered":"

For several years now, virtual and augmented reality technology has developed at an unprecedented rate. In the meantime, the applications […]<\/p>\n","protected":false},"author":1,"featured_media":3107,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[51],"tags":[],"class_list":["post-3116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"acf":[],"yoast_head":"\nDesigning interfaces and virtual reality \/ augmented reality<\/title>\n<meta name=\"description\" content=\"VR and AR are cutting edge technologies, still new to most of us. How to design effective virtual interfaces, and which tools to choose to achieve it ?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Designing interfaces and virtual reality \/ augmented reality\" \/>\n<meta property=\"og:description\" content=\"VR and AR are cutting edge technologies, still new to most of us. How to design effective virtual interfaces, and which tools to choose to achieve it ?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/\" \/>\n<meta property=\"og:site_name\" content=\"Master CAWEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/master.caweb\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-03T17:53:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-30T12:40:20+00:00\" \/>\n<meta name=\"author\" content=\"cawebinte1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mastercaweb\" \/>\n<meta name=\"twitter:site\" content=\"@mastercaweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cawebinte1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/\"},\"author\":{\"name\":\"cawebinte1\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#\\\/schema\\\/person\\\/431b92909694c397fc8112e99e2ef4aa\"},\"headline\":\"Designing Virtual and Augmented Reality Interfaces\",\"datePublished\":\"2017-10-03T17:53:10+00:00\",\"dateModified\":\"2025-03-30T12:40:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/\"},\"wordCount\":549,\"publisher\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/\",\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/\",\"name\":\"Designing interfaces and virtual reality \\\/ augmented reality\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2017-10-03T17:53:10+00:00\",\"dateModified\":\"2025-03-30T12:40:20+00:00\",\"description\":\"VR and AR are cutting edge technologies, still new to most of us. How to design effective virtual interfaces, and which tools to choose to achieve it ?\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/design\\\/designing-interfaces-and-virtual-reality\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Designing Virtual and Augmented Reality Interfaces\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#website\",\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/\",\"name\":\"Master CAWEB\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#organization\",\"name\":\"Master CAWEB\",\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/logo-caweb.webp\",\"contentUrl\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/logo-caweb.webp\",\"width\":351,\"height\":100,\"caption\":\"Master CAWEB\"},\"image\":{\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/master.caweb\",\"https:\\\/\\\/x.com\\\/mastercaweb\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/#\\\/schema\\\/person\\\/431b92909694c397fc8112e99e2ef4aa\",\"name\":\"cawebinte1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g\",\"caption\":\"cawebinte1\"},\"sameAs\":[\"https:\\\/\\\/mastercaweb.unistra.fr\"],\"url\":\"https:\\\/\\\/mastercaweb.unistra.fr\\\/en\\\/actualites\\\/author\\\/cawebinte1\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Designing interfaces and virtual reality \/ augmented reality","description":"VR and AR are cutting edge technologies, still new to most of us. How to design effective virtual interfaces, and which tools to choose to achieve it ?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/","og_locale":"en_US","og_type":"article","og_title":"Designing interfaces and virtual reality \/ augmented reality","og_description":"VR and AR are cutting edge technologies, still new to most of us. How to design effective virtual interfaces, and which tools to choose to achieve it ?","og_url":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/","og_site_name":"Master CAWEB","article_publisher":"https:\/\/www.facebook.com\/master.caweb","article_published_time":"2017-10-03T17:53:10+00:00","article_modified_time":"2025-03-30T12:40:20+00:00","author":"cawebinte1","twitter_card":"summary_large_image","twitter_creator":"@mastercaweb","twitter_site":"@mastercaweb","twitter_misc":{"Written by":"cawebinte1","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/#article","isPartOf":{"@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/"},"author":{"name":"cawebinte1","@id":"https:\/\/mastercaweb.unistra.fr\/#\/schema\/person\/431b92909694c397fc8112e99e2ef4aa"},"headline":"Designing Virtual and Augmented Reality Interfaces","datePublished":"2017-10-03T17:53:10+00:00","dateModified":"2025-03-30T12:40:20+00:00","mainEntityOfPage":{"@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/"},"wordCount":549,"publisher":{"@id":"https:\/\/mastercaweb.unistra.fr\/#organization"},"image":{"@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/#primaryimage"},"thumbnailUrl":"","articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/","url":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/","name":"Designing interfaces and virtual reality \/ augmented reality","isPartOf":{"@id":"https:\/\/mastercaweb.unistra.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/#primaryimage"},"image":{"@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/#primaryimage"},"thumbnailUrl":"","datePublished":"2017-10-03T17:53:10+00:00","dateModified":"2025-03-30T12:40:20+00:00","description":"VR and AR are cutting edge technologies, still new to most of us. How to design effective virtual interfaces, and which tools to choose to achieve it ?","breadcrumb":{"@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/design\/designing-interfaces-and-virtual-reality\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/mastercaweb.unistra.fr\/en\/"},{"@type":"ListItem","position":2,"name":"Designing Virtual and Augmented Reality Interfaces"}]},{"@type":"WebSite","@id":"https:\/\/mastercaweb.unistra.fr\/#website","url":"https:\/\/mastercaweb.unistra.fr\/","name":"Master CAWEB","description":"","publisher":{"@id":"https:\/\/mastercaweb.unistra.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mastercaweb.unistra.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mastercaweb.unistra.fr\/#organization","name":"Master CAWEB","url":"https:\/\/mastercaweb.unistra.fr\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mastercaweb.unistra.fr\/#\/schema\/logo\/image\/","url":"https:\/\/mastercaweb.unistra.fr\/wp-content\/uploads\/2024\/03\/logo-caweb.webp","contentUrl":"https:\/\/mastercaweb.unistra.fr\/wp-content\/uploads\/2024\/03\/logo-caweb.webp","width":351,"height":100,"caption":"Master CAWEB"},"image":{"@id":"https:\/\/mastercaweb.unistra.fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/master.caweb","https:\/\/x.com\/mastercaweb"]},{"@type":"Person","@id":"https:\/\/mastercaweb.unistra.fr\/#\/schema\/person\/431b92909694c397fc8112e99e2ef4aa","name":"cawebinte1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5e4d7477db19aae8bc90c90565ae900f5ad6cb035ef4337cae03a3962f43935d?s=96&d=mm&r=g","caption":"cawebinte1"},"sameAs":["https:\/\/mastercaweb.unistra.fr"],"url":"https:\/\/mastercaweb.unistra.fr\/en\/actualites\/author\/cawebinte1\/"}]}},"_links":{"self":[{"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/posts\/3116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/comments?post=3116"}],"version-history":[{"count":1,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/posts\/3116\/revisions"}],"predecessor-version":[{"id":21616,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/posts\/3116\/revisions\/21616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/media?parent=3116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/categories?post=3116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mastercaweb.unistra.fr\/en\/wp-json\/wp\/v2\/tags?post=3116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}