El objetivo de un proceso de dise\u00f1o no es solo generar documentaci\u00f3n<\/strong>. La documentaci\u00f3n del proceso es necesaria para facilitar la comunicaci\u00f3n del equipo y para crear un registro de sus hallazgos e ideas<\/a>, pero es secundaria a la creaci\u00f3n de un producto que funciona<\/strong>, como se menciona en el Manifiesto \u00c1gil<\/a><\/strong>:<\/p>\n\n\n\n Estamos descubriendo formas mejores de desarrollar software tanto por nuestra propia experiencia como ayudando a terceros. A trav\u00e9s de este trabajo hemos – Individuos e interacciones<\/strong> sobre procesos y herramientas<\/strong> A finales de 1999, el dise\u00f1ador Jesse James Garrett<\/strong><\/a> comenz\u00f3 a investigar sobre t\u00e9rminos y procesos en su trabajo como arquitecto de informaci\u00f3n en una firma consultora de desarrollo web con el objetivo de explicar mejor su rol a sus compa\u00f1eros de equipo. Garrett<\/strong> se dio cuenta de que al conversar con personas en diferentes roles las definiciones sobre su trabajo iban cambiando:<\/p>\n\n\n\n \u00abMientras hac\u00eda mi investigaci\u00f3n, me frustraba continuamente el uso aparentemente arbitrario y aleatorio de diferentes t\u00e9rminos para los conceptos b\u00e1sicos en el campo. Lo que alguien llamaba dise\u00f1o de informaci\u00f3n <\/strong>parec\u00eda ser lo mismo que lo que alguien m\u00e1s llamaba arquitectura de informaci\u00f3n<\/strong>. Un tercero combin\u00f3 todo bajo el dise\u00f1o de la interfaz<\/strong>. (…) Luch\u00e9 por llegar a un conjunto de definiciones coherentes para estos t\u00e9rminos y encontrar una manera de expresar las relaciones entre ellas.\u00bb<\/em><\/p>Jesse James Garret, de la introducci\u00f3n a <\/a>\u00abLos Elementos de la Experiencia de Usuario\u00bb<\/a><\/strong><\/cite><\/blockquote>\n\n\n\n Unos meses m\u00e1s tarde, Garrett<\/strong> public\u00f3 en su sitio web un diagrama con una matriz tridimensional que le daba forma a sus ideas, y la llam\u00f3 \u00abLos elementos de la experiencia de usuario<\/a><\/strong>\u00ab:<\/p>\n\n\n\n El objetivo de este modelo es definir un proceso de desarrollo de experiencia del usuario que ayude a que ning\u00fan aspecto del dise\u00f1o de UX ocurra sin una intenci\u00f3n consciente y expl\u00edcita por parte de los creadores<\/strong>. Esto implica entender las expectativas del usuario en cada paso del camino a trav\u00e9s del proceso, usando un lenguaje que sea \u00fatil para todos los involucrados en la creaci\u00f3n del producto, sea un sitio web, una app <\/em>m\u00f3vil o cualquier otra cosa.<\/p>\n\n\n\n Un proceso bien dise\u00f1ado debe ser finito, medible y perfectible<\/strong>. El modelo de los Elementos<\/em> de Garrett<\/strong> delinea el proceso al tiempo que es suficientemente flexible para adaptarse a diferentes entornos de dise\u00f1o.<\/p>\n\n\n\n El modelo de los Elementos<\/em> se aborda generalmente desde el plano inferior (abstracto<\/em>) y se va moviendo hacia los planos superiores (m\u00e1s concretas<\/em>). Cada plano tiene un juego de entregables que sirve como testigo<\/em> de que el plano ha sido abordado y que es la base para trabajar en el siguiente plano. <\/p>\n\n\n\n La siguiente es una lista de entregables sugerida<\/strong>, pero no est\u00e1 completa ni es exhaustiva: cada equipo de dise\u00f1o puede definir sus entregables particulares, siempre que defina al menos uno por cada plano del modelo:<\/p>\n\n\n\n La base del dise\u00f1o de una experiencia de usuario exitosa es articular con claridad la estrategia<\/strong>. Conociendo qu\u00e9 es lo que desea que el producto logre para la empresa y lo que debe ayudar a sus usuarios a lograr, la estrategia ayuda a tomar decisiones para cada aspecto del proceso de dise\u00f1o. <\/p>\n\n\n\n Entregables:<\/strong> Resultados e insights <\/em>de la investigaci\u00f3n de usuarios como entrevistas, encuestas, pruebas A\/B, reportes de heatmaps <\/em>y analytics<\/em>, etc., y la documentaci\u00f3n de la investigaci\u00f3n etnogr\u00e1fica y documental del producto y de sus posibles usuarios. Pitch <\/em>de producto, definici\u00f3n de reto de dise\u00f1o, documento de orden de compra (ODC) documento de propuesta de proyecto<\/a> o canvas <\/a><\/em>de modelo de negocio<\/a>, entre otros. <\/p>\n\n\n\n Con una idea clara de qu\u00e9 es lo se quiere y qu\u00e9 es lo que los usuarios quieren, se definen c\u00f3mo alcanzar esos objetivos estrat\u00e9gicos. El Alcance<\/strong> traduce las necesidades de los usuarios en requerimientos espec\u00edficos de contenido y funcionalidad.<\/p>\n\n\n\n Entregables:<\/strong> requerimientos funcionales y no funcionales, backlog<\/em>, presupuesto de proyecto, plan de proyecto, hitos (milestones<\/em>), fechas de entrega, historias de usuario y personas<\/em>.<\/p>\n\n\n\n Los requerimientos por si mismos no describen c\u00f3mo es que las piezas del producto forman algo \u00fanico y coherente. En el siguiente nivel consiste en dise\u00f1ar la estructura <\/strong>conceptual del producto.<\/p>\n\n\n\n Entregables:<\/strong> modelos de arquitectura de informaci\u00f3n, taxonom\u00eda y estrategia de contenido, modelos de navegaci\u00f3n, resultado de cardsorting<\/em>, user journeys<\/em>, flujos de usuario y gu\u00edas editoriales para redacci\u00f3n de contenido.<\/p>\n\n\n\n En la capa de Esqueleto <\/strong>se refina la estructura y se identifican los aspectos espec\u00edficos de interfaz, navegaci\u00f3n y dise\u00f1o de informaci\u00f3n que har\u00e1n concreta la estructura intangible del plano anterior.<\/p>\n\n\n\n Entregables:<\/strong> bocetos, wireframes<\/em> y prototipos de baja definici\u00f3n, modelo interactivo del producto, mapas de informaci\u00f3n, diagramas de flujo, textos y microcopia final, validaciones t\u00e9cnicas y requerimientos finales para backend<\/em>.<\/p>\n\n\n\n En esta capa, el contenido, la funcionalidad y la est\u00e9tica se unen para producir un dise\u00f1o detallado que es atractivo a los sentidos al mismo tiempo que ayuda a cumplir los objetivos de las otras cuatro capas.<\/p>\n\n\n\n Entregables:<\/strong> dise\u00f1o visual, interactivo y prototipos de alta definici\u00f3n, dise\u00f1o de animaciones y micro interacciones<\/a>, c\u00f3digo de etapas tempranas (alfa <\/em>y beta<\/em>), criterios de dise\u00f1o, manual y gu\u00edas de estilo visual, hojas de estilo, sistemas de dise\u00f1o<\/a>. <\/p>\n\n\n\n El libro Los Elementos de la Experiencia de Usuario (<\/a><\/strong>The Elements of User Experience<\/a><\/strong><\/em>)<\/a><\/strong> es la principal referencia de este modelo, en el que Garrett<\/strong> explica con detalle la anatom\u00eda de cada plano del modelo. La segunda edici\u00f3n publicada en 2010 lleva el modelo m\u00e1s all\u00e1 de sitios web para incluir aplicaciones y dispositivos m\u00f3viles.<\/p>\n","protected":false},"excerpt":{"rendered":" El dise\u00f1o de UX es un proceso de creaci\u00f3n de producto que debe ser transparente y \u00fatil para sus miembros al generar entregables claros y tangibles.<\/p>\n","protected":false},"author":1,"featured_media":501,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[77,130,134,109,138,129,132,131,137,136,135,139,133],"class_list":["post-490","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-experiencia-de-usuario","tag-agilidad","tag-alcance","tag-arquitectura-de-informacion","tag-diseno-visual","tag-elementos","tag-entregables","tag-esqueleto","tag-estructura","tag-jesse-james-garrett","tag-libros","tag-prototipado","tag-sistemas-de-diseno","tag-superficie","entry"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/arquitectura-de-experiencia-de-usuario.png?fit=854%2C326&ssl=1","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/comments?post=490"}],"version-history":[{"count":6,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/490\/revisions"}],"predecessor-version":[{"id":505,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/490\/revisions\/505"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media\/501"}],"wp:attachment":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media?parent=490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/categories?post=490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/tags?post=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
aprendido a valorar: <\/em><\/p>
– Software funcionando<\/strong> sobre documentaci\u00f3n extensiva<\/strong>
– Colaboraci\u00f3n con el cliente <\/strong>sobre negociaci\u00f3n contractual<\/strong>
– Respuesta ante el cambio<\/strong> sobre seguir un plan<\/strong>
Esto es, aunque valoramos los elementos de la derecha, valoramos m\u00e1s los de la izquierda.<\/em>
<\/p>Agile Manifesto<\/a>, 2001<\/cite><\/blockquote>\n\n\n\nLos Elementos de la Experiencia de Usuario<\/h3>\n\n\n\n
![\"\"](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/elementos-de-ux.png?resize=640%2C322&ssl=1\")
<\/a>Entregables del proceso de UX<\/h3>\n\n\n\n
1. Estrategia<\/h4>\n\n\n\n
![\"Plano](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/elementos-estrategia.png?resize=103%2C105&ssl=1\")
<\/figure><\/div>\n\n\n\n2. Alcance<\/h4>\n\n\n\n
![\"Plano](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/elementos-alcance.png?resize=103%2C103&ssl=1\")
<\/figure><\/div>\n\n\n\n3. Estructura<\/h4>\n\n\n\n
![\"Plano](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/elementos-estructura.png?resize=103%2C104&ssl=1\")
<\/figure><\/div>\n\n\n\n4. Esqueleto<\/h4>\n\n\n\n
![\"Plano](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/elementos-esqueleto.png?resize=103%2C103&ssl=1\")
<\/figure><\/div>\n\n\n\n5. Superficie<\/h4>\n\n\n\n
![\"Plano](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/elementos-superficie.png?resize=105%2C103&ssl=1\")
<\/figure><\/div>\n\n\n\nReferencias<\/h3>\n\n\n\n
![\"\"](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/libro-elementos-de-experiencia-de-usuario.jpg?resize=185%2C237&ssl=1\")
<\/a>