{"id":8252,"date":"2018-01-29T12:00:41","date_gmt":"2018-01-29T11:00:41","guid":{"rendered":"http:\/\/marketingpgr.com\/mtp\/?p=8252"},"modified":"2018-01-29T12:00:41","modified_gmt":"2018-01-29T11:00:41","slug":"prototipos-mejorar-la-experiencia-usuario","status":"publish","type":"post","link":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/","title":{"rendered":"Prototipos para mejorar la experiencia de usuario"},"content":{"rendered":"<p>Los <strong>prototipos<\/strong> son representaciones muy parecidas al producto final en t\u00e9rminos de interacci\u00f3n y funcionalidad dirigidas a garantizar un correcto <a href=\"https:\/\/mtp.global\/es\/experiencia-usuario-ux\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>dise\u00f1o de experiencia de usuario<\/strong><\/a>. Es importante saber distinguir en qu\u00e9 casos merece la pena invertir recursos para desarrollarlos.<\/p>\n<p>El <em>prototipado<\/em> es una herramienta esencial para los dise\u00f1adores <strong>UX<\/strong>, pues son los prototipos los que aportan la \u201cexperiencia\u201d en el concepto <strong>Experiencia de Usuario<\/strong>. Y es que el hecho de que un elemento llame la atenci\u00f3n en nuestra pantalla no significa que los usuarios vayan a pinchar sobre \u00e9l. La \u00fanica forma de comprobar si ese elemento cumple su cometido es probando.<\/p>\n<p>As\u00ed, los prototipos aportan evidencia a las propuestas conceptuales, y no s\u00f3lo a nivel de usuario, tambi\u00e9n en cuanto a clientes y otros stakeholders. Con ellos podemos dar a conocer la interfaz antes de lanzarla al mercado, recibir feedback y rectificar a tiempo. Esta evaluaci\u00f3n de experiencia de usuario supondr\u00e1 un importante ahorro en costes.<\/p>\n<p>Dentro del prototipado existen diferentes grados de fidelidad que hacen referencia a la cantidad de detalles y funcionalidades que incluye el prototipo con respecto al producto final. As\u00ed, un dibujo a mano alzada que contenga la arquitectura b\u00e1sica de la interfaz podr\u00eda considerarse un prototipo de baja fidelidad (lo-fi); mientras que un prototipo de alta fidelidad (hi-fi) ser\u00eda una representaci\u00f3n del producto totalmente navegable y muy parecida al producto final en t\u00e9rminos de interacci\u00f3n, dise\u00f1o y funcionalidad.<\/p>\n<p>S\u00ed, un prototipo de alta fidelidad requiere esfuerzo y tiempo. Dicho esto, es l\u00f3gico que surja una pregunta: si uno de los objetivos fundamentales del prototipo es ahorrar costes, \u00bfcu\u00e1ndo debemos dise\u00f1ar un prototipo de alta fidelidad?<\/p>\n<p>Hay cuatro respuestas a esta cuesti\u00f3n:<\/p>\n<ul>\n<li><strong>Testar una l\u00ednea de dise\u00f1o del producto.<\/strong>\u00a0Un prototipo hi-fi es una buena opci\u00f3n para conocer la opini\u00f3n de usuarios y stakeholders sobre elementos como el dise\u00f1o visual o el copy, dando respuesta a cuestiones como:\n<ul>\n<li>\u00bfQu\u00e9 imagen transmite nuestra interfaz?<\/li>\n<li>\u00bfSe adapta el tono a la marca?<\/li>\n<li>\u00bfEs coherente con el dise\u00f1o?<\/li>\n<\/ul>\n<\/li>\n<li><strong>Pruebas con usuarios para obtener pistas sobre el comportamiento de la navegaci\u00f3n o de otros elementos interactivos.<\/strong>\u00a0Esto es especialmente interesante cuando hemos creado comportamientos innovadores y no sabemos si funcionar\u00e1n como esperamos.<\/li>\n<li><strong>Ejecutar un an\u00e1lisis de comportamiento de usuarios para comprobar exactamente sus flujos de navegaci\u00f3n.<\/strong>\u00a0Podemos tener la impresi\u00f3n de que los usuarios navegar\u00e1n por nuestra interfaz de cierta manera, pero s\u00f3lo podremos conocer exactamente sus pasos mediante un prototipo 100% navegable.<\/li>\n<li><strong>Conocer c\u00f3mo se sienten nuestros usuarios al utilizar el producto.<\/strong>\u00a0Una prueba sobre una interfaz muy parecida al producto final nos permite extraer conclusiones muy parecidas a la realidad y seguir trabajando para asegurar una experiencia de usuario memorable.<\/li>\n<\/ul>\n<p>En general, el prototipado de alta fidelidad es muy valioso en las metodolog\u00edas Lean, pues permiten testar un producto parecido al final relativamente r\u00e1pido y sin la gran inversi\u00f3n que supone la fase de desarrollo.<\/p>\n<h2>Ventajas de los prototipos de alta fidelidad<\/h2>\n<p>Una vez conocidos los casos en los que merece la pena invertir recursos en un prototipo hi-fi, vamos a repasar brevemente las ventajas que aportan sobre uno lo-fi.<\/p>\n<ul>\n<li>Aportan respuestas r\u00e1pidas y reales por parte de los usuarios. Cuando ense\u00f1amos un prototipo est\u00e1tico, ya sea online o en papel, el usuario tarda un tiempo en comprender la interfaz:\n<ul>\n<li>\u00bfQu\u00e9 p\u00e1ginas van antes?<\/li>\n<li>\u00bfCu\u00e1les van despu\u00e9s?<\/li>\n<li>El comportamiento de un men\u00fa&#8230;<\/li>\n<li>Ese tiempo altera el flujo natural de navegaci\u00f3n, aportando informaci\u00f3n poco fiable sobre su comportamiento real.<\/li>\n<\/ul>\n<\/li>\n<li>Permiten testar elementos de UI\u00a0que no se reflejan en un prototipo de baja fidelidad como:\n<ul>\n<li>Los men\u00fas.<\/li>\n<li>Los desplegables.<\/li>\n<li>Los componentes gr\u00e1ficos.<\/li>\n<li>La legibilidad de los textos.<\/li>\n<li>La calidad de las im\u00e1genes.<\/li>\n<\/ul>\n<\/li>\n<li>Generan la sensaci\u00f3n de estar ante un software real y, por tanto, provocan una reacci\u00f3n m\u00e1s realista por parte de los usuarios- \u00c9stos sentir\u00e1n que est\u00e1n interactuando con una interfaz real y no con un prototipo.<\/li>\n<li>Liberan al moderador del test de la necesidad de guiar al usuario a lo largo del proceso. El usuario est\u00e1 interactuando con el producto final, as\u00ed que deber\u00eda entenderlo f\u00e1cilmente y sin necesidad de gu\u00edas. De lo contrario, quiz\u00e1s haya que mejorar la interfaz para hacerla m\u00e1s comprensible.<\/li>\n<\/ul>\n<p>En cualquier caso, cabe recordar que no siempre es necesario desarrollar un prototipo de alta fidelidad. Las ventajas son muchas, s\u00ed, pero los costes tambi\u00e9n son mayores con respecto a uno de baja fidelidad. Aprender a distinguir cu\u00e1l es el prototipo que merece la pena desarrollar es uno de los desaf\u00edos del especialista en <strong>UX<\/strong>. Acertar no siempre es f\u00e1cil, pero s\u00ed muy satisfactorio. \u00bfQu\u00e9 empresa no sue\u00f1a con sacar un producto al mercado con el conocimiento necesario para mejorar la experiencia de usuario y con la certeza de que va a ser un \u00e9xito?<\/p>\n<p><strong>Por Paula Schillaci<\/strong><br \/>\n<strong>Miembro del equipo de Experiencia de Usuario de MTP<\/strong><\/p>\n<p>Referencias:<\/p>\n<p>Nielsen Norman Group (<a href=\"https:\/\/www.nngroup.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nngroup.com\/<\/a>)<\/p>\n<p>The Ultimate Guide to Prototyping (UXPin).<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>Te puede interesar&#8230;<\/h3>\n<p>Conoce nuestro <a href=\"https:\/\/mtp.global\/es\/formacion\/experiencia-de-usuario\/\">curso de UI UX<\/a> y accede a la formaci\u00f3n especializada de MTP.<\/p>\n<p><!-- end HubSpot Call-to-Action Code --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los prototipos son representaciones muy parecidas al producto final en t\u00e9rminos de interacci\u00f3n y funcionalidad dirigidas a garantizar un correcto dise\u00f1o de experiencia de usuario. Es importante saber distinguir en qu\u00e9 casos merece la pena invertir recursos para desarrollarlos. El prototipado es una herramienta esencial para los dise\u00f1adores UX, pues son los prototipos los que [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":8675,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[205],"tags":[143],"class_list":["post-8252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accesibilidad-digital-y-ux","tag-experiencia-de-usuario-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Prototipos para mejorar experiencia UX | MTP<\/title>\n<meta name=\"description\" content=\"Los prototipos interactivos permiten probar funcionalidad y dise\u00f1o UX antes del desarrollo final, asegurando una experiencia digital \u00f3ptima y usable.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prototipos para mejorar experiencia UX | MTP\" \/>\n<meta property=\"og:description\" content=\"Los prototipos interactivos permiten probar funcionalidad y dise\u00f1o UX antes del desarrollo final, asegurando una experiencia digital \u00f3ptima y usable.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/\" \/>\n<meta property=\"og:site_name\" content=\"MTP Espa\u00f1a\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-29T11:00:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mtp.global\/es\/wp-content\/uploads\/2018\/01\/invertir-en-ux.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1346\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"MTP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MTP\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prototipos para mejorar experiencia UX | MTP","description":"Los prototipos interactivos permiten probar funcionalidad y dise\u00f1o UX antes del desarrollo final, asegurando una experiencia digital \u00f3ptima y usable.","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:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/","og_locale":"es_ES","og_type":"article","og_title":"Prototipos para mejorar experiencia UX | MTP","og_description":"Los prototipos interactivos permiten probar funcionalidad y dise\u00f1o UX antes del desarrollo final, asegurando una experiencia digital \u00f3ptima y usable.","og_url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/","og_site_name":"MTP Espa\u00f1a","article_published_time":"2018-01-29T11:00:41+00:00","og_image":[{"width":1920,"height":1346,"url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2018\/01\/invertir-en-ux.jpg","type":"image\/jpeg"}],"author":"MTP","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"MTP","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/#article","isPartOf":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/"},"author":{"name":"MTP","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813"},"headline":"Prototipos para mejorar la experiencia de usuario","datePublished":"2018-01-29T11:00:41+00:00","mainEntityOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/"},"wordCount":898,"publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2018\/01\/invertir-en-ux.jpg","keywords":["Experiencia de Usuario UX"],"articleSection":["Accesibilidad digital y UX"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/","url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/","name":"Prototipos para mejorar experiencia UX | MTP","isPartOf":{"@id":"https:\/\/mtp.global\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/#primaryimage"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2018\/01\/invertir-en-ux.jpg","datePublished":"2018-01-29T11:00:41+00:00","description":"Los prototipos interactivos permiten probar funcionalidad y dise\u00f1o UX antes del desarrollo final, asegurando una experiencia digital \u00f3ptima y usable.","breadcrumb":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/#primaryimage","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2018\/01\/invertir-en-ux.jpg","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2018\/01\/invertir-en-ux.jpg","width":1920,"height":1346,"caption":"invertir-en-ux"},{"@type":"BreadcrumbList","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mtp.global\/es\/home\/"},{"@type":"ListItem","position":2,"name":"Prototipos para mejorar la experiencia de usuario"}]},{"@type":"WebSite","@id":"https:\/\/mtp.global\/es\/#website","url":"https:\/\/mtp.global\/es\/","name":"MTP Global","description":"","publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mtp.global\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/mtp.global\/es\/#organization","name":"MTP Global","url":"https:\/\/mtp.global\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","width":1200,"height":400,"caption":"MTP Global"},"image":{"@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813","name":"MTP","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","caption":"MTP"},"url":"https:\/\/mtp.global\/es\/blog\/author\/marketing\/"}]}},"fimg_url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2018\/01\/invertir-en-ux.jpg","_links":{"self":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/8252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/comments?post=8252"}],"version-history":[{"count":0,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/8252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media\/8675"}],"wp:attachment":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media?parent=8252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/categories?post=8252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/tags?post=8252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}