{"id":15339,"date":"2020-12-15T16:54:36","date_gmt":"2020-12-15T14:54:36","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/prototipatge\/"},"modified":"2021-02-17T16:26:48","modified_gmt":"2021-02-17T14:26:48","slug":"prototipado","status":"publish","type":"post","link":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/prototipado\/","title":{"rendered":"Prototipado"},"content":{"rendered":"<h2>\u00bfQu\u00e9 es?<\/h2>\n<p>Un <strong>prototipo<\/strong> es un modelo del producto o servicio que incluye aspectos funcionales y estructurales, as\u00ed como la apariencia que tendr\u00e1. Tiene dos objetivos fundamentales:<\/p>\n<ul>\n<li>Materializar los conceptos generados en las fases de investigaci\u00f3n e ideaci\u00f3n.<\/li>\n<li>Evaluar la propuesta de dise\u00f1o con los usuarios potenciales, el cliente y el equipo de dise\u00f1o y desarrollo.<\/li>\n<\/ul>\n<p>Realizar un prototipo permite, por tanto, evaluar e iterar el dise\u00f1o hasta llegar a una propuesta que cumpla con los objetivos del proyecto y que, una vez validada, dar\u00e1 paso a la fase de desarrollo y ejecuci\u00f3n.<\/p>\n<p>El proceso de prototipado es iterativo y evoluciona desde las primeras propuestas de baja fidelidad, todav\u00eda lejanas del dise\u00f1o final, hasta las de alta fidelidad, que definen las caracter\u00edsticas que deber\u00e1 tener el producto o servicio cuando se ponga en manos de los usuarios.<\/p>\n<h2>Materiales<\/h2>\n<p>Papel, l\u00e1piz, rotuladores, plastilina, piezas de montaje y cualquier material que permita generar formas. Tambi\u00e9n se utilizan herramientas digitales para prototipado.<\/p>\n<h2>\u00bfCu\u00e1ndo?<\/h2>\n<p>El prototipado tiene lugar en la fase de generaci\u00f3n. Tras haber realizado la investigaci\u00f3n y la definici\u00f3n del dise\u00f1o (modelado de <em>personas<\/em> y escenarios, determinaci\u00f3n de la arquitectura de la informaci\u00f3n), es posible dar forma a un prototipo para visualizar las funcionalidades y apariencia del producto o servicio y, al mismo tiempo, permitir\u00e1 evaluar la propuesta.<\/p>\n<p>El prototipado se extiende tambi\u00e9n a la fase de evaluaci\u00f3n. Constituye un modelo del producto o servicio que es posible evaluar (an\u00e1lisis heur\u00edstico, pruebas con usuarios, etc.) e iterar a partir del <em>feedback<\/em> obtenido hasta llegar a una versi\u00f3n final que ser\u00e1 la que pase a la fase de desarrollo.<\/p>\n<p>Finalmente, cuando el producto o servicio se hayan ejecutado o lanzado al mercado, es necesario continuar evaluando su funcionamiento. Esto implica retomar el prototipo para realizar las iteraciones necesarias (modificaciones, nuevas funcionalidades, etc.) de manera que el dise\u00f1o responda en todo momento a las necesidades cambiantes de los usuarios.<\/p>\n<h2>\u00bfC\u00f3mo?<\/h2>\n<p>El prototipado se lleva a cabo en varias fases y el resultado obtenido en cada una de ellas supone un grado creciente de \u00abfidelidad\u00bb (o aproximaci\u00f3n al dise\u00f1o final):<\/p>\n<ol>\n<li style=\"padding-bottom: 15px;\"><strong><em>Sketching<\/em><\/strong>. Consiste en realizar dibujos o esbozos con l\u00e1piz y papel. Esto permite visualizar el dise\u00f1o y realizar iteraciones r\u00e1pidas con un coste muy bajo.<\/li>\n<li style=\"padding-bottom: 15px;\"><strong>Prototipado de baja fidelidad<\/strong> (<em>wireframes<\/em>). En base al <em>sketching<\/em>, se construye un prototipo que representa la estructura e interacci\u00f3n del producto o servicio. El <em>wireframe<\/em> se puede evaluar e iterar para seguir avanzando hacia modelos m\u00e1s elaborados.<\/li>\n<li><strong>Prototipado de alta fidelidad<\/strong>. Adem\u00e1s de representar la interacci\u00f3n, en esta fase se incorporan al prototipo elementos gr\u00e1ficos que permiten empezar a visualizar (y a evaluar) el dise\u00f1o final.<\/li>\n<\/ol>\n<p>Finalmente, despu\u00e9s de las correspondientes iteraciones, se obtiene un prototipo o maqueta final que incluye todos los aspectos y funcionalidades del producto o servicio que se llevar\u00e1n a cabo en la fase de desarrollo.<\/p>\n<p>El objetivo de construir el prototipo a lo largo de estas fases es testear continuamente la propuesta de dise\u00f1o y realizar todos los cambios que sean necesarios hasta llegar a una versi\u00f3n final. De este modo, el prototipo que pasa a desarrollo ser\u00e1 una propuesta validada y es posible optimizar los recursos que se utilizar\u00e1n en esta fase.<\/p>\n<h2>Ventajas<\/h2>\n<p>Realizar el prototipado proporciona ventajas a varios niveles:<\/p>\n<ul>\n<li>Permite pasar de lo abstracto a lo concreto (de los conceptos a la forma): agiliza el proceso de pensamiento asociado a un proyecto de dise\u00f1o.<\/li>\n<li>Facilita la comunicaci\u00f3n y el trabajo colaborativo: permite que los diferentes miembros del equipo (dise\u00f1adores, desarrolladores, marketing, etc.) visualicen el estado de la propuesta y puedan implicarse en el proceso de dise\u00f1o.<\/li>\n<li>Permite evaluar la propuesta: se pueden realizar pruebas con usuarios reales para evaluar diferentes aspectos del dise\u00f1o (apariencia, interacci\u00f3n, usabilidad, textos, etc.) e introducir mejoras hasta llegar a una versi\u00f3n final.<\/li>\n<li>Limita los gastos en la fase de desarrollo: permite detectar errores e implementar mejoras antes de pasar al desarrollo, lo que se traduce en un ahorro de coste y dinero.<\/li>\n<li>Otorga coherencia al proyecto: el prototipado se construye en base a las ideas e informaci\u00f3n generadas durante las fases previas del proyecto.<\/li>\n<\/ul>\n<h2>Inconvenientes<\/h2>\n<p>Es necesario tener en cuenta algunos de los inconvenientes asociados al prototipado:<\/p>\n<ul>\n<li>El dise\u00f1ador tiene que ser capaz de tomar decisiones objetivas sobre qu\u00e9 hace evolucionar en las siguientes iteraciones y de qu\u00e9 prescinde: si \u00abse enamora\u00bb de una idea, puede intentar conservarla aunque no sea adecuada para el proyecto.<\/li>\n<li>Un prototipo podr\u00eda iterarse indefinidamente, por eso, es recomendable definir con exactitud el tiempo y recursos disponibles para el prototipado y no desbordar las previsiones del proyecto.<\/li>\n<li>Desequilibrio de liderazgo: si el prototipado se realiza de manera colaborativa, hay que tener en cuenta las consecuencias que pueden producirse por el desequilibrio de liderazgo entre los participantes, por lo que es importante contar con un moderador a lo largo de este proceso.<\/li>\n<\/ul>\n<h2>Gu\u00edas<\/h2>\n<p>Este contenido se ampl\u00eda a trav\u00e9s de la siguiente gu\u00eda: \u201c<a href=\"http:\/\/design-toolkit.recursos.uoc.edu\/es\/guia\/prototipado\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gu\u00eda Prototipado<\/a>\u201d.<\/p>\n<h2>Referencias<\/h2>\n<p><strong>Banerjee, A.<\/strong> (2014). \u00abWhat a Prototype Is (and Is Not)\u00bb [art\u00edculo en l\u00ednea]. <em>UX Magazine<\/em>.\u00a0 &lt;<a href=\"http:\/\/uxmag.com\/articles\/what-a-prototype-is-and-is-not\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/uxmag.com\/articles\/what-a-prototype-is-and-is-not<\/a>&gt;. [Fecha de consulta: 25 de enero de 2021].<\/p>\n<p><strong>Cao, J.<\/strong> (2017). \u00abWhat Is a Prototype: A Guide to Functional UX\u00bb [art\u00edculo en l\u00ednea]. <em>Studio by UXPin<\/em>. &lt;<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-a-prototype-a-guide-to-functional-ux\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.uxpin.com\/studio\/blog\/what-is-a-prototype-a-guide-to-functional-ux\/<\/a>&gt;. [Fecha de consulta: 25 de enero de 2021].<\/p>\n<p><strong>Grothaus, M.<\/strong> (2015). \u00abHow To Go From Idea To Prototype In One Day\u00bb [art\u00edculo en l\u00ednea]. Fast Company. &lt;<a href=\"https:\/\/www.fastcompany.com\/3045934\/how-to-go-from-idea-to-prototype-in-one-day\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.fastcompany.com\/3045934\/how-to-go-from-idea-to-prototype-in-one-day<\/a>&gt;. [Fecha de consulta: 25 de enero de 2021].<\/p>\n<p><strong>Hanington, B.<\/strong> (2012). <em>Universal Methods of Design: 100 ways to research complex problems, develop innovative ideas &amp; Design effective solutions<\/em>. Rockport.<\/p>\n<p><strong>Smith, Q. <\/strong>(2019). \u00abProtyping User Experience\u00bb. [art\u00edculo en l\u00ednea]. &lt;<a href=\"https:\/\/www.uxmatters.com\/mt\/archives\/2019\/01\/prototyping-user-experience.php\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.uxmatters.com\/mt\/archives\/2019\/01\/prototyping-user-experience.php<\/a>&gt;. [Fecha de consulta: 25 de enero de 2021].<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es? Un prototipo es un modelo del producto o servicio que incluye aspectos funcionales y estructurales, as\u00ed como la apariencia que tendr\u00e1. Tiene dos objetivos fundamentales: Materializar los conceptos generados en las fases de investigaci\u00f3n e ideaci\u00f3n. Evaluar la propuesta de dise\u00f1o con los usuarios potenciales, el cliente y el equipo de dise\u00f1o y [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":18223,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15339\/"}],"collection":[{"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=15339"}],"version-history":[{"count":9,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15339\/revisions\/"}],"predecessor-version":[{"id":17961,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15339\/revisions\/17961\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18223\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=15339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=15339"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=15339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}