{"id":6901,"date":"2026-01-03T01:23:17","date_gmt":"2026-01-03T01:23:17","guid":{"rendered":"https:\/\/luisogando.com\/blog\/?p=6901"},"modified":"2026-02-11T16:38:38","modified_gmt":"2026-02-11T16:38:38","slug":"learning-by-working-with-augmented-reality-patterns-formats-and-ux-tools","status":"publish","type":"post","link":"https:\/\/uxyeah.com\/en\/aprendizajes-trabajando-con-realidad-aumentada-patrones-formatos-y-herramientas-ux\/","title":{"rendered":"What I Learned Designing for Augmented Reality: UX Patterns, Formats, and Tools"},"content":{"rendered":"<h3 class=\"wp-block-heading\">Designing Augmented and Mixed Reality experiences from UX<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>augmented reality (AR)<\/strong> is not a new technology, but it is a discipline that is still under construction from an experience design point of view. Unlike other more mature digital environments, such as web or mobile, design for AR and mixed reality still lacks solid patterns, widely adopted principles and clear frameworks from UX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">AR amplifies the real world by adding a digital layer of information, context and interaction. Its potential is enormous: education, retail, entertainment, healthcare, industry, architecture. However, designing for AR isn't just about placing 3D objects in space; it requires rethinking how people <strong>perceive, understand and interact<\/strong> with information in a physical environment.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In my experience, many users are still unfamiliar with augmented reality and often confuse it with virtual reality. During almost five years working on UX and UI experiences for AR platforms and projects -very closely with the Goopy Augmented Reality ecosystem- I've learned that the biggest challenge is not technological, but rather <strong>cognitive and experiential<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Today, with the evolution of <strong>ARKit<\/strong> y <strong>ARCore<\/strong>, the arrival of mixed reality on devices such as <strong>Meta Quest 3<\/strong>, and the launch of <strong>Apple Vision Pro<\/strong>, the role of the UX designer becomes even more relevant. We are entering a stage where design ceases to live exclusively on flat screens and begins to coexist with the physical world.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This article is not intended as a technical guide, but rather as a <strong>practical and strategic introduction<\/strong> to the concepts, formats and tools that a UX designer should know to start working in AR and MR.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Thinking about AR in terms of formats, not software<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the first mindset shifts when designing for AR is to understand that formats matter as much as tools.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In 2024, traditional formats such as OBJ or FBX are no longer ideal as the primary standard for AR experiences. Today, the ecosystem is leaning towards formats optimized for performance, portability and real time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">- <strong>glTF \/ GLB<\/strong> have become the standard for efficient 3D models, especially in web, AR and immersive experiences.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">- <strong>USDZ<\/strong> is key within the Apple ecosystem, especially for iOS and visionOS experiences.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">- <strong>Video with Chroma Key (MOV \/ MP4)<\/strong> allows the integration of holograms, people and animations that provide narrative and emotional context.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">- <strong>PNG with transparency<\/strong> remains an essential resource for overlays, floating UI and lightweight graphic elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From UX, this translates into a key question:<br><strong>What level of visual fidelity does this experience really need to meet its objective?<\/strong><br>Not everything has to be hyper-realistic 3D; often, simple communicates better.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">AR frameworks: understanding the context, not the code<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A UX designer does not need to master the code of AR frameworks, but he\/she does need to understand <strong>what each platform can and cannot do<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">- <strong>ARKit<\/strong> defines much of the AR experience on Apple devices.<br>- <strong>ARCore<\/strong> sets the standards in Android.<br>- <strong>Unity<\/strong> remains the bridge between design, interaction and cross-platform development.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Knowing these platforms allows for better design decisions, anticipating technical limitations and designing experiences that are more coherent with the environment where they will live.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Tools and resources that expand UX thinking<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Designing for AR doesn't happen in a single tool. It is an ecosystem.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">- <strong>Sketchfab<\/strong> allows you to explore and understand how 3D models behave in real time.<br>- <strong>Vectary<\/strong> democratizes the creation of 3D scenes without the need for code.<br>- <strong>Adobe After Effects<\/strong> brings motion, narrative and life to the AR elements.<br>- <strong>Figma (visionOS resources)<\/strong> marks the beginning of spatial interface patterns.<br>- <strong>WebGL and Three.js<\/strong> open the door to AR experiences directly in the browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From the UX point of view, these tools are not the end, but the means to <strong>prototyping, validating and storytelling<\/strong> in three-dimensional spaces.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Strategic conclusion: UX beyond the screen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Designing for augmented and mixed reality is not simply an evolution of traditional digital design; it's a <strong>paradigm shift<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In AR, the user does not enter the experience:<br><strong>experience enters the user's world<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This forces UX designers to rethink fundamental concepts:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">- The interface is no longer always visible<br>- The physical context matters as much as the digital context<br>- The user's attention is limited and shared with the real environment.<br>- Visual overload can break the experience in seconds<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The real value of the UX in AR is not in the technology, but in the <strong>know when to intervene and when to disappear<\/strong>. The best augmented experiences don't feel invasive; they feel natural, useful and almost invisible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We are at an early stage. There are no definitive rules, but there is a great opportunity for UX designers to actively participate in the construction of these new interaction languages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is just the beginning.<br>And in <em>UX Yeah<\/em>, the conversation is just getting started.<\/p>","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1ando experiencias en Realidad Aumentada y Mixta desde UX La realidad aumentada (AR) no es una tecnolog\u00eda nueva, pero s\u00ed una disciplina que todav\u00eda se encuentra en construcci\u00f3n desde el punto de vista del dise\u00f1o de experiencia. A diferencia de otros entornos digitales m\u00e1s maduros, como web o mobile, el dise\u00f1o para AR y realidad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6902,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[35,2,39],"tags":[],"class_list":["post-6901","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-immersive","category-ux","category-visual-design"],"jetpack_featured_media_url":"https:\/\/uxyeah.com\/wp-content\/uploads\/2026\/01\/ar-ux.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/posts\/6901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/comments?post=6901"}],"version-history":[{"count":2,"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/posts\/6901\/revisions"}],"predecessor-version":[{"id":7491,"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/posts\/6901\/revisions\/7491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/media\/6902"}],"wp:attachment":[{"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/media?parent=6901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/categories?post=6901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uxyeah.com\/en\/wp-json\/wp\/v2\/tags?post=6901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}