Guía completa del prototipado en papel

January 01, 1970

El prototipado en papel está vivo y coleando. Sigue leyendo para ver ejemplos brillantes, recursos y cómo empezar

¿Cómo es tu escritura en comparación con la de hace una década? ¿Ha empeorado, mejorado o simplemente es diferente? Seamos realistas. Utilizar papel es menos habitual en la era digital. Ya nadie lleva sus cuentas en libros reales y la mayor parte de la comunicación escrita se hace por Internet y a través de aplicaciones de mensajería.

Empieza a crear prototipos de productos hoy mismo. Disfruta de proyectos ilimitados.

descarga cta

Pero, ¿qué pasa con la creación de prototipos? Aunque hoy en día no es tan habitual, la creación de prototipos en papel sigue teniendo una utilidad comercial en el mundo del diseño, aparte de asegurarte de que tu técnica de sketching no se oxida. En este post hablaremos de las ventajas de utilizar un prototipo en papel, pero también explicaremos por qué no sustituye al trabajo realizado en tu herramienta de prototipado. Además, te explicaremos cómo hacer uno, así como algunos recursos gratuitos para empezar.

 

¿Qué es el prototipado en papel?

La creación de prototipos en papel de aplicaciones y sitios web es un método que algunos equipos de diseño utilizan para empezar a conceptualizar un nuevo producto o función. Sin embargo, va un poco más allá. También ayuda a demostrar el flujo de usuarios y la funcionalidad que tendrá tu futuro diseño en las primeras fases de la ideación. Es una forma de obtener la aceptación del cliente y de las partes interesadas antes de empezar a trabajar en tu prototipo de alta fidelidad.

 

¿Está anticuado?

Diseñadores como Jake Knapp tienen una visión ligeramente pesimista del prototipado en papel. Razonan que es una técnica anticuada que tiene los días contados. Sin embargo, como dice el propio Jake, no es del todo inútil, pero también sostiene que los prototipos en papel «nunca deberían salir de la sala de conferencias». En otras palabras, nunca deberías probarlos con tus usuarios porque no son lo bastante realistas y detallados. Por lo tanto, nunca podrían producir una reacción realista de tus usuarios y es una pérdida de tiempo y recursos de un probador. Eso era en 2014. Mucho ha cambiado desde entonces y en el campo del diseño UX. Los flujos de trabajo ágiles y Lean UX han avanzado mucho.

 

Pruebas de usuario sin tecnología

La idea de la iteración constante se está convirtiendo en el mantra habitual de los equipos de diseño de todo el mundo. Por eso, en Justinmind no estamos de acuerdo en que no se puedan probar prototipos en papel. Lo ideal es que pruebes tu producto a lo largo de todo el proceso de diseño, en todas sus fases y fidelidades. Cualquier idea que tengas se valida aún más cuando la pruebas con tus usuarios objetivo. Tienen prioridad sobre las opiniones de las partes interesadas. Al fin y al cabo, tus usuarios determinan el éxito real de tu producto. ¿Por qué tomarte tu tiempo para dibujar montones de pantallas compuestas de elementos y texto, y luego pasar inmediatamente a un prototipo de alta fidelidad, cuando primero podrías ponerlo a prueba con tus usuarios? Puede que descubras que tu prototipo de alta fidelidad tendrá un aspecto bastante diferente si pruebas tu prototipo en papel que si no lo haces.

 

Genial para la ideación y la lluvia de ideas

Independientemente de los medios digitales que tengas a tu disposición, no hay nada como el papel y la tinta para hacer fluir las ideas. La creación de prototipos en papel es una forma estupenda de descartar rápidamente las malas ideas y de aprender el camino de diseño correcto que debes seguir con tu prototipo digital.

 

En cierto modo, el prototipado en papel es al prototipado de alta fidelidad lo que el prototipado de alta fidelidad es al desarrollo: menos repeticiones y más tiempo ahorrado. A veces, cuando los diseñadores crean pesados archivos de Photoshop y Sketch que dan lugar a prototipos detallados con altos grados de interacción, puede resultar difícil volver atrás y corregir pequeños errores. Los prototipos en papel son una forma más rápida de evitar que se produzcan estos errores en las fases avanzadas del diseño.

 

Empieza a crear prototipos de productos hoy mismo. Disfruta de proyectos ilimitados.

descarga cta

Ventajas del prototipado en papel

Potencian la creatividad

Algunas personas pueden pensar que crear prototipos con lápiz y papel es algo de la vieja escuela, pero hay algo en la libertad de una página en blanco que despierta ideas locas. Las herramientas digitales son estupendas para pulir las cosas, pero cuando estás haciendo un brainstorming, no hay presión para que sea perfecto. Es como dar rienda suelta al niño de cinco años que llevas dentro.

Ayuda para seguir la pista

Los prototipos en papel no son sólo grandes ideas; son tu diario de diseño. Puedes garabatear notas, dibujar flechas y, en general, hacer un desastre sin sentirte culpable. Es como una hoja de ruta tangible de tu proceso de pensamiento. Y oye, cuando lo mires más tarde, te sorprenderá lo lejos que has llegado.

Cualquiera puede dibujarlos

La otra ventaja del prototipado en papel es que prácticamente cualquiera puede hacer sketchs aproximados sin necesidad de tener conocimientos de herramientas de diseño. Es una forma estupenda de que las partes interesadas, los clientes, los desarrolladores, los jefes de producto y otras personas no creativas demuestren sus ideas. Esto también nos lleva a la siguiente razón por la que es bueno crear prototipos en papel: es una forma divertida de olvidar los papeles por un momento y unir al equipo.

Una gran actividad para fomentar el espíritu de equipo

La creación de prototipos en papel también puede ser una gran actividad de creación de equipos disfrazada, porque inspira al equipo a ser creativo. Sketching, recortar y colorear son una forma de conseguir que la gente se aleje de las pantallas durante un rato. También les hace sentir que tienen más voz en el asunto y, de ese modo, todos se sienten escuchados.

Bajo coste

La otra ventaja obvia de los prototipos en papel es que son notoriamente baratos. Basta con pagar la papelería y ya te estás riendo a carcajadas. Además, pueden ahorrar tiempo a un diseñador al permitirle garabatear rápidamente una idea y obtener la validación de las partes interesadas antes de pasar a prototipos de mayor fidelidad. Al fin y al cabo, cuanto más tiempo dedique un diseñador a un proyecto, más costoso será.

Menos intimidante para los usuarios

Normalmente es más fácil obtener opiniones sinceras de los usuarios en la fase primitiva de creación de prototipos en papel. Esto se debe a que entienden lo que estás haciendo, que sólo estás probando ideas y que el cielo es el límite (al menos desde su punto de vista). Así que, a fin de cuentas, esa es una buena razón. Sin embargo, también podríamos argumentar que cuando un usuario ve tu prototipo con más detalle, puede pensar que hay menos margen de cambio porque parece más completo. Por lo tanto, pueden ser más reacios a hacer sugerencias o a aportar comentarios. Sin embargo, será más probable que expresen sus opiniones y muestren sus verdaderas reacciones si sólo está en papel. Hay algo en un prototipo en papel que parece menos serio. Y sí, ¡eso es bueno psicológicamente!

Inconvenientes del prototipado en papel

Los prototipos en papel aportan muchas ventajas al diseño de productos. Sin embargo, también tienen algunos inconvenientes, lo que significa que aún no son suficientes para sustituir a los prototipos digitales. He aquí por qué:

Les faltan detalles importantes

Los prototipos en papel carecen de detalles importantes como los siguientes:

  • Microinteracciones
  • Gestos móviles
  • Interacciones
  • Marca
  • Imágenes y diseño gráfico avanzado
  • Contenido real
  • Visualización de datos

Todos los aspectos anteriores pueden tener un gran impacto en tus usuarios. Por tanto, es de vital importancia no saltárselos y probarlos antes de codificar tu producto final. Los prototipos en papel se quedan cortos en todos estos aspectos.

Marca más difícil de implantar

También es más difícil implementar la marca (aparte de dibujar el logotipo) en esta fase que en la de prototipo de alta fidelidad. Esto se convierte en un detalle importante cuando se trata de la aceptación de las partes interesadas, así como de saber qué efecto tendrá en los usuarios una determinada gama de colores de la paleta de marca, de forma que consolide positivamente la marca.

Falta de pruebas de accesibilidad

El otro problema de la falta de detalles y que también debes tener en cuenta es que también estás limitado en lo que se refiere a las pruebas de accesibilidad. En esta fase, no podrás probar si tus usuarios con discapacidad visual o auditiva podrían navegar con éxito por tu producto por sí mismos. También excluirá a los usuarios con discapacidad motriz, ya que no podrán probar gestos, movimientos de ratón ni utilizar software de ampliación de pantalla.

Sólo es posible realizar pruebas moderadas con grupos pequeños

La otra desventaja es que, con los prototipos en papel, puedes olvidarte de las pruebas a distancia o con grandes grupos de destinatarios.

Con la creación de prototipos en papel, tendrás que hacer pruebas únicamente con grupos pequeños, por razones obvias. Claro que podrías imprimir muchas copias y, si tienes un equipo lo bastante grande, probar grupos simultáneamente con distintos moderadores. Sin embargo, esto puede llevar al caos y también puede sesgar los resultados si determinados moderadores se desvían del guión. Por último, sólo es posible hacer pruebas moderadas, ya que los prototipos en papel son prototipos manuales. Es una forma muy manual de hacer pruebas. Necesitarás tener a alguien que actúe como ordenador (más sobre esto más adelante) y, obviamente, necesitará más explicaciones por parte del moderador.

No puedes demostrar interactividad

El prototipado en papel también se queda corto cuando se trata de demostrar la actividad. Puedes demostrar la funcionalidad básica que tendrá tu producto y el flujo de usuario básico, pero eso es todo. Las microinteracciones y las animaciones estarán fuera de los límites en esta fase, al igual que probar los gestos de las manos y las interacciones del ratón.

Menos respetuoso con el medio ambiente

Aparte de que la creación de prototipos en papel puede irse rápidamente de las manos cuando se trata de montones de hojas de papel que tienes que controlar durante las pruebas, es mucho menos respetuosa con el medio ambiente que sus equivalentes digitales. Y dado que muchas empresas están avanzando hacia un entorno más libre de papel, puede que sea más difícil convencerlas de la necesidad de todo ese papel.

Podría considerarse obsoleto

Vale, seamos realistas: las herramientas digitales son rápidas. Puedes crear un prototipo en un santiamén, ¿verdad? Entonces, ¿por qué molestarse con el papel? Bueno, a veces añadir un paso físico puede ralentizarte. Es como tomar la ruta panorámica cuando ya vas con retraso. Pero oye, a veces ese desvío conduce a descubrimientos inesperados.

Empieza a crear prototipos de productos hoy mismo. Disfruta de proyectos ilimitados.

descarga cta

Cómo hacer un prototipo de papel

Para hacer un prototipo en papel, tendrás que asegurarte de que tienes a mano los materiales adecuados. En primer lugar, tendrás que decidir si va a ser para una sesión de lluvia de ideas entre colegas o para una sesión de pruebas de usuario. Si piensas utilizar tu prototipo en papel para una sesión de pruebas de usuario, probablemente tendrá que ser un poco más refinado.

Qué necesitarás

Dependiendo del detalle que vaya a tener tu prototipo de papel, necesitarás lo siguiente:

Papel

Siento ser el Capitán Obvio en este caso. Cualquier papel sirve, pero para obtener mejores resultados, utiliza papel cuadriculado, papel de puntos o papel de sketching. A continuación te ofrecemos una lista de recursos que te ayudarán a conseguirlos gratuitamente.

Plantillas

Dibujar nuevos esquemas de pantallas, teléfonos, tabletas u ordenadores puede empezar a ser viejo y frustrante muy rápidamente. En lugar de eso, dibuja una plantilla de pantalla. Luego fotocópiala o escanéala e imprímela. O utiliza uno de los esquemas de plantilla gratuitos que incluimos a continuación.

Bolígrafo o rotuladores finos

Considera la posibilidad de utilizar distintos colores en tu prototipo de papel. Evita utilizar lápices, ya que las líneas no contrastan tan bien. Los sketchs a lápiz también pueden acabar desordenados. Los sketchs a bolígrafo o rotulador son más ordenados porque fomentan la deliberación y la precisión.

Regla

Utilizar una regla puede ayudarte a trazar líneas rápida y fácilmente, y también a medir aproximadamente la longitud de las líneas y el espaciado entre elementos. Aunque la regla es opcional, puede ayudarte a acelerar el proceso al permitirte trazar líneas rectas más rápidamente.

Plantillas

También son opcionales, pero extremadamente útiles. Las plantillas pueden ayudarte a trazar de forma rápida y coherente los iconos más utilizados. También hay disponibles algunas que te ayudan a trazar iconos y elementos típicos de iOS y Android. Consulta nuestros recursos más abajo para obtener más información al respecto.

Image source: uxstore.com

Tijeras

¿Por qué tijeras? Son estupendas para recortar. Quizá quieras superponer elementos o mover elementos por la pantalla del prototipo de papel. También puedes necesitarlas para recortar nuevas pantallas de plantilla para fijarlas a cartulinas o imanes.

Cómo dibujar un prototipo en papel

Relájate

Tómate un respiro, relaja los hombros y luego ¡pon el bolígrafo sobre el papel! Primero haz algunos garabatos rápidos.

Dibuja rápido

Dibuja tus ideas rápidamente y no te preocupes por los detalles. Sólo asegúrate de que no esté demasiado recargada y de que los demás puedan entenderla. Recuerda que lo que intentas transmitir a la gente es tu idea o concepto, no la admiración por la preciosa UI que acabas de dibujar. Traza líneas rápidas y deliberadas y haz formas circulares una o dos veces en el aire antes de poner el bolígrafo sobre el papel.

Ten en cuenta el tamaño del texto y de los elementos

Antes de dibujar, ten en cuenta el tamaño de los distintos textos que escribirás en la pantalla del prototipo de papel. Asegúrate de que hay una clara diferencia de tamaño entre los textos de la cabecera y del cuerpo, incluso entre los textos de los botones y los textos de las instrucciones en línea.

Utiliza texto real

¡Nunca escribas en Lorem Ipsum! Todo lo que aparezca en tu prototipo de papel debe ser útil, de lo contrario no deberías molestarte en incluirlo.

Empieza a crear prototipos de productos hoy mismo. Disfruta de proyectos ilimitados.

descarga cta

Ten en cuenta a tu público

Si tu prototipo en papel es sólo para uso de oficina, asegúrate de incluir anotaciones técnicas si es para desarrolladores o anotaciones sobre tus decisiones y funcionalidad si es para miembros del equipo o clientes. Si es para pruebas de usuario, puedes dejar las anotaciones fuera o escribirlas en otra pantalla duplicada imprimiéndola de nuevo.

Dibuja bien el logotipo de tu cliente

Por último, en lo que respecta a la aceptación, y aunque en esta fase no nos centremos realmente en los detalles y la marca, dibujar bien el logotipo de tu cliente siempre supone un esfuerzo adicional para ayudar a convencerle de tus argumentos de diseño.

Lee sobre el tema

Lo mejor de todo es que vayas preparado. Lee el libro de Caroline Schneider Paper Prototyping: La forma rápida y sencilla de diseñar y perfeccionar interfaces de usuario. Caroline es ingeniera de usabilidad y prototipadora de papel en serie. En el libro habla de todo, desde la simulación de distintos elementos e interacciones de la UI hasta cómo programar las actividades de prueba.

Probar prototipos de papel

Tener un ordenador humano y un moderador

En Justinmind, te recomendamos que tengas a una persona encargada de este trabajo mientras otra actúa como moderador. El motivo es que el ordenador humano tiene que estar muy atento a las acciones que realiza el usuario y a cómo interactuar en consecuencia, mientras que el moderador tiene que concentrarse muy atentamente en las respuestas y el comportamiento del usuario. Realizar estas dos tareas juntas no es imposible, pero puede parecer más fácil de lo que es en la práctica. Si tienes los recursos para poder separar las tareas entre dos personas, mejor. Por ejemplo, el moderador podría poner el vídeo a grabar y empezar la sesión, mientras el ordenador humano está listo para que el usuario empiece a interactuar con el prototipo de papel.

Sé creativo con las interacciones

Piensa en los elementos que podrían moverse por una pantalla en el prototipo en papel y haz los recortes apropiados. Piensa en acciones de arrastrar y soltar.

Además, piensa en hacer que el ordenador humano coloree los botones de opción que el usuario seleccione con un lápiz y utilice una goma de borrar para deseleccionarlos. El ordenador humano también puede colorear los cambios de estado de los botones con un lápiz de color o un rotulador. Cualquier cosa que puedas hacer para que la experiencia sea más realista será de ayuda, ya que hará que la experiencia sea más significativa para el usuario.

Ensaya la sesión

Y lo que es más importante, siempre debes ensayar enérgicamente la sesión con tu ordenador humano y con cualquier otro moderador que vaya a estar presente durante la sesión. El tiempo que dediques a preparar el ensayo dependerá de la longitud del prototipo en papel y de lo largas que sean las tareas que quieres que completen los usuarios. Ensaya qué enlaces conducen a qué pantallas, así como la forma en que el ordenador humano interactúa con el usuario cuando éste toma sus decisiones. El moderador debe ensayar las preguntas que hará al usuario durante cada paso y las posibles variaciones que podrían producirse. En este punto, también podrían considerar qué tipos de preguntas abiertas podrían hacer para obtener las respuestas más profundas.

Como regla básica, en Justinmind aconsejamos no alargar demasiado la sesión de pruebas. No pruebes más de una o dos funciones en una sesión determinada, e intenta que la sesión no dure más de una hora. Si lo hace, asegúrate de dar a tus usuarios un descanso entre sesiones.

Ten suficientes copias de tu prototipo

Imprime o fotocopia más copias del prototipo de las que necesites. Imagina que se comete un error o que se presentan más probandos de los que esperabas. Siempre es útil tener una copia de seguridad. Como regla general, NNG sugiere que, en cualquier caso, sólo se hagan pruebas con cinco usuarios en un grupo.

Ofrece un incentivo

Como ocurre en la mayoría de las sesiones de pruebas con usuarios, siempre ayuda ofrecerles algún tipo de incentivo de antemano. Puede ser un café gratis, o si trabajas para una empresa que ya existe, puede ser un cupón gratuito para un servicio.

Graba la sesión

Cuando se trata de cualquier sesión de pruebas con usuarios, ya sea con pruebas digitales o con prototipos en papel, registrar los resultados es clave. Con las pruebas moderadas, tener a alguien grabando el evento es crucial. Asegúrate de informar a los usuarios de que van a ser grabados y de obtener su permiso.

Empieza a crear prototipos de productos hoy mismo. Disfruta de proyectos ilimitados.

descarga cta

Ejemplos de prototipos en papel

1. Prototipo en papel para iPad

Taral R Kulkarni es el responsable de este ejemplo de prototipo de papel para iPad que esboza una interfaz básica de aplicación de redes sociales. Es limpia y minimalista, centrándose en mostrar el contenido con claridad y utilizando iconos y fuentes grandes para conseguirlo.

Prepara el terreno (que en realidad es todo lo que hace un prototipo en papel) para una posible plataforma de microblogging o basada en la comunidad. Es un buen comienzo, pero para llevarlo más lejos, tendríamos que desarrollar las funciones, los flujos de usuario y los elementos visuales.

2. Prototipo en papel de aplicación de gestión de tareas

Nos encanta este ejemplo completo de prototipo en papel que demuestra un enfoque detallado para esbozar una aplicación de gestión de tareas. Va más allá de las características básicas y esboza funcionalidades específicas como la creación de tareas con detalles granulares, varias vistas de tareas y opciones de filtrado.

El prototipo también insinúa posibles funciones de colaboración en equipo, lo que indica que se han tenido muy en cuenta los posibles casos de uso de la aplicación. Llamativo y muy eficaz, es un ejemplo perfecto de cómo deberían ser los prototipos en papel.

3. Prototipo en papel con elementos físicos

Martha Eierdanz elaboró este prototipo en papel que demuestra un enfoque detallado del diseño de la interfaz de una aplicación móvil para reservar alojamiento. Incluye varias pantallas y componentes para comprobar la disponibilidad, seleccionar fechas, introducir información sobre los huéspedes y confirmar las reservas.

Utiliza elementos físicos como recortes de papel y un mockup de teléfono que mejoran la experiencia táctil y permiten manipular fácilmente el prototipo.

4. Prototipo interactivo en papel

Este ejemplo de prototipo de aplicación agregadora de programas de TV se centra en un enfoque centrado en el usuario, con funciones como los programas mejor valorados, listas guardadas y recomendaciones basadas en las opiniones de tus amigos.

El prototipo visualiza eficazmente las principales funcionalidades de la aplicación, como navegar, buscar, filtrar y proporcionar información detallada sobre espectáculos.

5. Prototipo en papel de agregador de coches

Este prototipo en papel esboza una aplicación móvil para anuncios clasificados o listados de productos. Incluye pantallas básicas para navegar por las categorías, ver los detalles de los artículos, publicar anuncios y perfiles de usuario. El diseño es sencillo y se centra en la presentación y la funcionalidad.

Aunque el prototipo carece de elementos visuales de alta fidelidad, transmite eficazmente las funciones básicas y el flujo de usuario. Se insinúan funciones adicionales, como la integración de mapas y el uso compartido en redes sociales, lo que sugiere una posible expansión.

6. Prototipo de papel con recortes

En este ejemplo de prototipado en papel para una aplicación llamada DoIt, podemos ver cómo los recortes pueden utilizarse de forma creativa para crear diferentes pantallas mezclando y combinando elementos.

También es una forma útil de crear prototipos de formularios en papel, ya que el usuario puede escribir su nombre de usuario o contraseña en un pequeño recorte rectangular que luego el usuario, el ordenador humano o el moderador pueden colocar en el campo.

7. Prototipo de papel multicanal

Lo que nos gusta de este ejemplo de prototipo multicanal en papel es la creatividad. Utiliza una combinación de recortes y color para que el prototipo tenga más sentido. También demuestra simultáneamente cómo podría funcionar un uso multicanal de la aplicación con recortes para smartphone y smartwatch.

Image source: Ergomania UX

También nos gusta la forma en que utilizan un color -el rosa- para diferenciar los elementos interactivos del texto.

8. Prototipo en papel para desarrolladores

Para darte un ejemplo de un prototipo de papel con anotaciones que normalmente se reservaría para uso de oficina, éste de Alexander Skogberg muestra cómo atender a tu público.

Image source: Alexander Skogberg

En este sketch realista y funcional, las anotaciones técnicas, sencillas y claras, muestran que la idea es transmitir a los desarrolladores la funcionalidad que hay detrás de la idea de la app en una fase temprana del proyecto de diseño. De ese modo, es posible saber si merece la pena convertirla en un prototipo de alta fidelidad.

9. Prototipo en papel del flujo de usuarios

Este ejemplo de prototipo en papel de flujo de pantalla pone de relieve (con perdón del juego de palabras) la utilidad que puede tener un poco de color (sin pasarse) en tu prototipo. En este caso, el resaltador azul indica los botones o elementos sobre los que se puede hacer clic o los flujos que se van a probar en este prototipo.

Image source: UX Pin

En la tercera pantalla, podemos ver que se ha resaltado la comedia para indicar el flujo que ha seleccionado el usuario.

10. Molde de hierro para iPhone

Este ejemplo muestra lo creativo que puedes llegar a ser con tus prototipos en papel, ya que un molde de hierro de iPhone con una pantalla vacía se coloca simplemente sobre las diferentes pantallas de UI esbozadas en papel.

De este modo, un usuario puede navegar por un flujo de pantallas para aplicaciones móviles sin tener que utilizar varias hojas de papel para cada pantalla. Sin embargo, aquí abogaríamos por utilizar texto real en lugar de garabatos.

Empieza a crear prototipos de productos hoy mismo. Disfruta de proyectos ilimitados.

descarga cta

Plantillas y recursos para la creación de prototipos en papel

1. Konigi

Si lo tuyo es el papel, Konigi es una mina de oro, ya que proporciona papel cuadriculado para cubrir todo lo que necesitas para la creación de prototipos en papel. Aquí encontrarás papel cuadriculado para wireframes pensado específicamente para sketchear prototipos en papel de sitios web que se basarán en el marco Blueprint CSS.

También encontrarás papel cuadriculado vertical y una hoja 8-up con 8 casillas cuadriculadas, útil para hacer rápidos sketchs de pantalla que pueden utilizarse para mostrar flujos de usuario. También encontrarás plantillas de guiones gráficos con espacio para anotaciones y papel cuadriculado sencillo. Puedes descargar todos estos recursos e imprimirlos gratis.

2. Sneakpeekit

Sneakpeekit te ofrece plantillas impecables para móviles, navegadores y tabletas. Incluso incluyen plantillas de papel de puntos con pantallas ampliadas para diseños de iPhone que tienen pantallas desplazables, para que puedas sketchear todo el diseño de la pantalla tal y como se vería sin desplazamiento. ¿Y lo mejor? ¡Todas son gratuitas!

3. Blocs de sketching extensibles (prototipos de papel con desplazamiento)

Sketch Pads de UI Stencils te ofrece un montón de recursos de blocs de papel para sketching. Incluyen blocs enteros llenos de hojas con plantillas para smartphone, navegador y tableta que puedes sacar y dibujar en cualquier momento.

Lo mejor de todo es que también hay plantillas de sketch que tienen pantallas ampliadas para que puedas tener en cuenta el diseño de UI basado en el desplazamiento.

Estas plantillas de sketch suelen costar entre 10 y 20 dólares.

4. Plantillas UI

Las plantillas de UI también sirven para ahorrar tiempo y energía, ya que te permiten dibujar repetidamente elementos perfectos de iOS y Android. Puedes encontrar kits de plantillas para todo, desde el iPad hasta el escritorio, con una serie de iconos de UI comunes, ¡incluso gestos e interacciones!

Estas plantillas no son gratuitas, pero no te costarán entre 20 y 30 dólares cada una.

5. Papel cuadriculado descargable gratis

Si quieres tener más control sobre el contorno del dispositivo o simplemente buscas un papel cuadriculado o de puntos adecuado, Printable Paper es el lugar adecuado.

Puedes encontrar papel cuadriculado con uno, dos o tres cuadrados por pulgada, papel de puntos con uno, dos o tres, incluso cuatro puntos por pulgada. Podríamos extendernos hasta la saciedad, pero lo esencial es que, en cuanto a papel cuadriculado o de puntos, seguro que encuentras todo lo que necesitas. Gratis.

6. Hoja de sketching de prototipos responsive gratuita

Esta hoja de sketch responsiva que David Jakes ofrece amablemente de forma gratuita en Dribbble consiste en una hoja imprimible con recortes para un móvil, una tableta y un ordenador de sobremesa que se expanden verticalmente para sketching en pantallas de desplazamiento vertical y horizontal. ¡Hay algo práctico en saber que tienes todas las resoluciones que necesitas en una sola plantilla!

7. Plantillas gratuitas para el Apple Watch

La lista de plantillas y recursos no estaría completa sin unas brillantes plantillas gratuitas de prototipos de papel del Apple Watch. Se pueden descargar e imprimir gratis, tienen un formato de 3 en 3 dividido en cuatro cuadrantes, con líneas en blanco en la parte inferior para anotaciones.

8. Plantillas gratuitas para smartphone

Sketchize se especializa en ofrecer grandes recursos para la creación de prototipos en papel. Ofrecen de todo, desde plantillas de sketch en blanco para smartphone, hasta plantillas ampliadas de prototipado en papel de 2 puntos hacia arriba para que puedas dibujar pantallas desplazables.

También tienes pantallas de móvil de 3 arriba y pantallas de tablet de puntos. Todas las plantillas se pueden descargar e imprimir gratis.

9. Plantilla de navegador gratuita

María Pérez de Arrilucea publicó en flickr una estupenda plantilla de prototipo de papel de sitio web para navegadores que se puede descargar gratuitamente. Viene completa con un esquema, junto con una sección de notas a la derecha para el número de página, el nombre del proyecto, el autor del cliente y comentarios.

10. Plantilla gratuita para iPad Air

Esta plantilla de iPad Air de Ben Bloodworth es gratuita y merece totalmente la pena descargarla si estás pensando en hacer un prototipo en papel para iPad. La plantilla está disponible en tamaño carta y viene en escalas que van de 1:1 a 1:4. Además, puedes elegir entre un fondo liso o punteado, barras de UI o una combinación de puntos y barras de UI.

La plantilla también está disponible en vista vertical u horizontal.

Prototipos en papel: el veredicto

La creación de prototipos en papel puede ser una parte útil del proceso de diseño. Pero debemos hacer hincapié en la «parte» que desempeña. Al fin y al cabo, no sustituye a los prototipos digitales. Al contrario, puede utilizarse desde el principio para orientar la dirección de tu diseño. Cuando tengas tu sesión de prototipado en papel, asegúrate de incluir a todas las partes interesadas, es decir, los desarrolladores, los jefes de producto e incluso los clientes. A veces es más fácil dibujar algo que explicarlo. Una vez que tengas definido tu prototipo en papel, ve probándolo con un puñado de usuarios. El feedback que obtengas de tu prototipo en papel será suficiente para informar de la dirección que tomarás con tu prototipo de alta fidelidad.

PROTOTIPAR - COMUNICAR - VALIDAR
HERRAMIENTA DE PROTOTIPADO TODO EN UNO PARA APLICACIONES WEB Y MÓVILES
Sarah Shaar
In-house content writer, cat enthusiast, wave chaser, and inhabitant of both metaphysical and physical realms.