{"id":162,"date":"2014-07-21T14:10:13","date_gmt":"2014-07-21T14:10:13","guid":{"rendered":"http:\/\/www.icesi.edu.co\/blogs\/appsco\/?p=162"},"modified":"2014-07-21T14:10:13","modified_gmt":"2014-07-21T14:10:13","slug":"prototipado-en-papel","status":"publish","type":"post","link":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/2014\/07\/21\/prototipado-en-papel\/","title":{"rendered":"Prototipado en papel"},"content":{"rendered":"<p><strong>\u00a0<\/strong><strong>PROTOTIPADO EN PAPEL<\/strong><\/p>\n<p><strong>\u00a0<a href=\"http:\/\/www.icesi.edu.co\/blogs\/appsco\/files\/2014\/07\/limones2.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone  wp-image-164\" src=\"http:\/\/www.icesi.edu.co\/blogs\/appsco\/files\/2014\/07\/limones2-300x226.png\" alt=\"limones2\" width=\"506\" height=\"238\" \/><\/a><\/strong><\/p>\n<p>El <strong>paper prototyping<\/strong> naci\u00f3 de la mano de empresas como IBM, Digital, Honeywell, Microsoft, entre otras, durante gran parte de su historia, en especial en sus or\u00edgenes la creaci\u00f3n de prototipos de papel ha sido una herramienta usada principalmente por investigadores acad\u00e9micos o especialistas en usabilidad, sin embargo como cualquier herramienta, su mayor potencial esta en las manos de los no especialistas.<\/p>\n<p>Paper prototyping es una variaci\u00f3n de testeo de usabilidad donde usuarios realizan tareas e interact\u00faan con una versi\u00f3n en papel de la interface, el usuario juega al computador sin necesidad de que nadie intervenga para explicarle el funcionamiento de las interfaces; la principal diferencia entre el <strong>prototipado<\/strong> <strong>en papel<\/strong> y <strong>usability test<\/strong> radica principalmente en el costo y en el momento de su empleo. En Paper Prototyping solo se necesita papel para representar la interface y el \u201cusuario\u201d va simulando la navegaci\u00f3n o administrando el flujo de \u201cpantallas\u201d; en un estudio de usabilidad convencional suele emplearse una versi\u00f3n \u201csemi funcional\u201d de la aplicaci\u00f3n misma en su entorno natural: equipo desktop.<\/p>\n<p>Algunas personas consideran que dibujar es una perdida de tiempo existiendo herramientas para prototipar como las presentadas en el art\u00edculo \u00bfQu\u00e9 son los wireframes y c\u00f3mo generarlos? (<a href=\"https:\/\/apps.co\/comunicaciones\/noticias\/que-son-los-wireframes-y-como-generarlos\/\">Ver<\/a>) Es necesario aclarar que un wireframe no cumple la misma funci\u00f3n que un prototipo en papel, pues en la fase inicial de dise\u00f1o el trabajo del equipo debe estar m\u00e1s enfocado en la navegaci\u00f3n, flujo de datos y la funcionalidad, que en los detalles del dise\u00f1o visual. Los <strong>wireframes<\/strong> son producidos generalmente hacia el final de la fase de dise\u00f1o inicial, no al principio, pues en este punto decisiones importantes sobre el producto ya se han tomado.<\/p>\n<p>Un prototipo en papel es una visualizaci\u00f3n r\u00e1pida de su idea, el valor art\u00edstico del dibujo es irrelevante, el prop\u00f3sito de la creaci\u00f3n de prototipos en papel es evaluar la idea detr\u00e1s de la interfaz de usuario, no el propio dibujo. La efectividad de la t\u00e9cnica depende al entorno donde sea aplicada, no es lo mismo aplicar el prototipado en papel a un desarrollo donde desde el comienzo se conocen las necesidades a resolver a un proceso de descubrimiento de clientes y las interacciones cliente(s), usuario(s), y startup como lo plantea la metodolog\u00eda <strong>lean lauch pad<\/strong>. La construcci\u00f3n del prototipo m\u00ednimo viable en versiones tempranas debe responder a la identificaci\u00f3n clara y concreta de la necesidad que se resuelve al cliente. Paper prototyping es una herramienta para dise\u00f1ar experiencias de usuario, que al apoyar el dise\u00f1o iterativo permite involucrar a los usuarios al inicio del proceso de dise\u00f1o, se muestra las interfaces iniciales a los clientes que van a usar el aplicativo antes haber escrito una l\u00ednea de c\u00f3digo.<\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/appsco\/files\/2014\/07\/limones1.png\"><img decoding=\"async\" class=\"alignnone  wp-image-163\" src=\"http:\/\/www.icesi.edu.co\/blogs\/appsco\/files\/2014\/07\/limones1-300x225.png\" alt=\"limones1\" width=\"536\" height=\"237\" \/><\/a><\/p>\n<p>La intenci\u00f3n de muchos emprendedores es crear una aplicaci\u00f3n que resalte de las dem\u00e1s en el mercado y este af\u00e1n los lleva a saltar cuanto antes al desarrollo de software, todo con la intenci\u00f3n de generar\u00a0\u00a0aplicaciones tan \u00fanicas, con interfaces gr\u00e1ficas tan especializadas que al final del proceso terminan sirviendo solo a la persona que la creo. El prop\u00f3sito de\u00a0la creaci\u00f3n de prototipos\u00a0de papel\u00a0es generar\u00a0r\u00e1pidamente\u00a0ideas de dise\u00f1o\u00a0que puedan ser probadas con\u00a0los usuarios\u00a0y no como generalmente se piensa, que se crean ideas\u00a0de dise\u00f1o que\u00a0luego ser\u00e1n votadas por los integrantes del\u00a0equipo de dise\u00f1o, el calificativo \u201cuser friendly\u201d lo deber\u00eda otorgar el usuario y no el equipo emprendedor.<\/p>\n<p>La creaci\u00f3n de prototipos\u00a0de papel no\u00a0se trata s\u00f3lo de\u00a0dise\u00f1o, se trata de\u00a0dise\u00f1o iterativo: la creaci\u00f3n de\u00a0cosas que el emprendedor puede\u00a0probar r\u00e1pidamente\u00a0y luego\u00a0descartar o\u00a0mejorar. Desafortunadamente algunas reuniones de dise\u00f1o pueden terminar centr\u00e1ndose en puntos no tan importantes para el crecimiento de un <strong>startup<\/strong> como \u00bfel men\u00fa de navegaci\u00f3n estar\u00e1 en la derecha o la izquierda? \u00bfSon los colores adecuados? Para los emprendimientos de base tecnol\u00f3gica el tiempo es un elemento clave y se debe aprovechar de la mejor manera, como por ejemplo construyendo un par de diferentes prototipos de papel y poner a prueba dichos dise\u00f1os con un grupo de interesados o posibles usuarios. Esta acci\u00f3n no s\u00f3lo ayuda a tomar una decisi\u00f3n r\u00e1pida, el emprendedor tendr\u00e1 la confianza de haber tenido m\u00e1s elementos de juicio en cuanto al dise\u00f1o para tomar mejores decisiones al momento de iniciar la construcci\u00f3n de los wireframes.<\/p>\n<p>Los prototipos en papel utilizan el dedo del participante como el rat\u00f3n y el l\u00e1piz como un teclado y aun cuando sus creadores busquen que las interfaces sean un poco\u00a0\u00a0elaboradas,\u00a0\u00a0un hecho real y a veces casi inevitable\u00a0\u00a0es los prototipos en papel no se caractericen por su belleza, sin embargo siguen siendo\u00a0eficaces en la detecci\u00f3n de muchos tipos de problemas de usabilidad. Por su aparente simpleza no se puede considerar una t\u00e9cnica poco profesional,\u00a0\u00a0pues mientras se logre que el usuario\u00a0\u00a0interactu\u00e9 con el prototipo en papel sin ayuda o necesidad de explicaciones,\u00a0\u00a0significa que se est\u00e1 logrando el objetivo;\u00a0\u00a0lo que es realmente preocupante es construir\u00a0\u00a0un prototipo de espalda al cliente, sin tener en cuenta sus opiniones y comentarios, que deber\u00edan ser\u00a0\u00a0lo m\u00e1s importante por cualquier startup.<\/p>\n<p>Para los desarrolladores experimentados\u00a0\u00a0puede\u00a0\u00a0no ser una t\u00e9cnica tan atractiva, ya que argumentar\u00e1n que su herramienta online favorita cumple con la misma funci\u00f3n, y el proceso de copiar y pegar elementos es m\u00e1s sencilla con herramientas digitales\u00a0\u00a0evitando as\u00ed re hacer interfaces y adicionalmente algunas de estas herramientas ofrecen la posibilidad de ser probados y retroalimentadas en l\u00ednea. Sin embargo creo que es m\u00e1s f\u00e1cil cortar y pegar en papel y la fotocopiadora es ideal para replicar elementos cuando se\u00a0usa la t\u00e9cnica de prototipado en papel y para realizar el proceso de pruebas con usuarios se pueden escanear los bocetos y enviarlos a los interesados, incluso se pueden grabar las sesiones o sencillamente\u00a0\u00a0tomarles fotograf\u00edas y construir un secuencia.<br \/>\nEl <strong>pensamiento divergente<\/strong> y\u00a0\u00a0la <strong>recursividad<\/strong> son claves. Los prototipos electr\u00f3nicos se enfocan en una\u00a0\u00a0mejora incremental dejando a un lado el concepto de interacci\u00f3n, en la fase inicial de un proyecto de base tecnol\u00f3gica se busca generar una serie de ideas completamente diferentes, ponerlas a prueba, y combinar las mejores partes de estas en una soluci\u00f3n convergente. Bill Buxton afirma que las herramientas electr\u00f3nicas no son buenos en el apoyo al pensamiento divergente que necesita para obtener el dise\u00f1o adecuado.<\/p>\n<p>Es natural que los desarrolladores se sientan c\u00f3modos frente a un pc\/laptop, este parecer\u00eda su entorno por naturaleza, pero limitar la habilidades del integrante t\u00e9cnico del emprendimiento a dicho entorno es desaprovechar una habilidad clave en aquellos que generan c\u00f3digo y esta es: la capacidad de resoluci\u00f3n de problemas, las habilidades del desarrollador van m\u00e1s all\u00e1 del teclado.<\/p>\n<p><strong>Ventajas<\/strong><\/p>\n<ul>\n<li>Favorece la comunicaci\u00f3n entre el equipo de dise\u00f1o-desarrollo, los usuarios y los implicados.<\/li>\n<li>Proporciona retroalimentaci\u00f3n de los usuarios sustantiva al principio del proceso de desarrollo antes de haber invertido esfuerzos en la ejecuci\u00f3n.<\/li>\n<li>Promueve el r\u00e1pido desarrollo iterativo, permitiendo experimentar con muchas ideas en lugar de apostarlo todo por una sola.<\/li>\n<li>Facilita la comunicaci\u00f3n dentro del equipo de desarrollo y entre el equipo de desarrollo y clientes.<\/li>\n<li>No requiere ning\u00fan conocimiento t\u00e9cnico, por lo que un equipo multidisciplinario puede trabajar en conjunto.<\/li>\n<li>Alienta a la creatividad en el proceso de desarrollo de productos.<\/li>\n<li>Los problemas funcionales y de usabilidad se logran detectar de manera temprana<\/li>\n<li>Son muy r\u00e1pidos de construir y refinar, permitiendo actualizar el dise\u00f1o de ser necesario<\/li>\n<li>Los recursos consumidos son m\u00ednimos (materiales muy b\u00e1sicos) y econ\u00f3micos, haciendo que cualquier cambio propuesto por el usuario sea factible.<\/li>\n<li>Resulta menos intimidante que un ordenador (ayuda a superar el fen\u00f3meno conocido como tecnofobia).<\/li>\n<li>No est\u00e1n sujetos a restricciones impuestas por la tecnolog\u00eda -arquitectura del sistema, la base de datos, el ancho de banda, el sistema operativo-, y a pesar de ello ayuda al equipo a anticipar problemas y decisiones derivadas de la tecnolog\u00eda.<\/li>\n<li>Puede servir como herramienta de marketing y para demostraciones de ventas.<\/li>\n<\/ul>\n<p><strong>Desventajas<\/strong><\/p>\n<ul>\n<li>Por falta de experiencia se puede confundir un boceto creativo con un prototipo<\/li>\n<li>Su utilidad depende del conocimiento que se halla logrado del mercado<\/li>\n<li>Los desarrolladores netos pueden no sentirse afines a esta t\u00e9cnica<\/li>\n<li>No hay un consenso sobre cu\u00e1l debe ser el nivel de detalle que el prototipo debe implementar ni de la calidad gr\u00e1fica o de expresividad.<\/li>\n<li>Por su simplicidad, los prototipos de papel no sirven para realizar evaluaciones detalladas del dise\u00f1o.<\/li>\n<li>En el momento de evaluarlo es f\u00e1cil que se den por supuestas cosas que realmente no est\u00e1n en el prototipo.<\/li>\n<li>No hay un consenso sobre cu\u00e1l debe ser el nivel de detalle que el prototipo debe implementar ni de la calidad gr\u00e1fica o de expresividad.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>La construcci\u00f3n de los prototipos de papel parece tan evidente que a menudo se menosprecia esta t\u00e9cnica por su sencillez, pero es necesario que al hacer uso de esta se tengan en cuenta aspectos tan importantes como que el prototipo en papel sea lo m\u00e1s similar en tama\u00f1o y forma a la interfaz del dispositivo para el que estamos prototipando, mientras m\u00e1s realista sea el prototipo construido mejor ser\u00e1 la realimentaci\u00f3n de los usuarios.<\/p>\n<p>A continuaci\u00f3n les comparto una plantilla con elementos para la web y m\u00f3vil para que construyan sus propios prototipos.<\/p>\n<p><a href=\"http:\/\/www.icesi.edu.co\/blogs\/appsco\/files\/2014\/07\/paperprototyping.pdf\">paperprototyping<\/a><\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"224\"><strong>Andr\u00e9s Fdo Cu\u00e9llar C.<\/strong><\/p>\n<p><strong>@iamCuellar<\/strong><\/p>\n<p><strong>Experto T\u00e9cnico <\/strong><\/p>\n<p><strong>Universidad ICESI \u2013 CDEE<\/strong><\/p>\n<p><strong>Instituci\u00f3n Alida Apps.co<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0PROTOTIPADO EN PAPEL \u00a0 El paper prototyping naci\u00f3 de la mano de empresas como IBM, Digital, Honeywell, Microsoft, entre otras, durante gran parte de su historia, en especial en sus or\u00edgenes la creaci\u00f3n de prototipos de papel ha sido una &hellip; <a href=\"https:\/\/www.icesi.edu.co\/blogs\/appsco\/2014\/07\/21\/prototipado-en-papel\/\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":42165202,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2001],"tags":[],"class_list":["post-162","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"aioseo_notices":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Andr\u00e9s Fernando Cu\u00e9llar","author_link":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/author\/18492824\/"},"rttpg_comment":1,"rttpg_category":"<a href=\"https:\/\/www.icesi.edu.co\/blogs\/appsco\/category\/sin-categoria\/\" rel=\"category tag\">Sin categor\u00eda<\/a>","rttpg_excerpt":"\u00a0PROTOTIPADO EN PAPEL \u00a0 El paper prototyping naci\u00f3 de la mano de empresas como IBM, Digital, Honeywell, Microsoft, entre otras, durante gran parte de su historia, en especial en sus or\u00edgenes la creaci\u00f3n de prototipos de papel ha sido una &hellip; Sigue leyendo &rarr;","_links":{"self":[{"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/posts\/162"}],"collection":[{"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/users\/42165202"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":1,"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/posts\/162\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/posts\/162\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/media?parent=162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/categories?post=162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.icesi.edu.co\/blogs\/appsco\/wp-json\/wp\/v2\/tags?post=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}