Wireframes en Papel (Baja Fidelidad)

Clase 6 de 12 • Introducción al Diseño de Prototipos 2018

Resumen

Este es el momento en el que hay que dar rienda suelta a la creatividad y comenzar a bocetar en papel lo que va a tener nuestra aplicación.
Para este punto ya tiene que haber investigación previa y muy importante, la reunión en equipo para definir todo lo que vamos a agregarle al producto.

Mauricio Rengifo Abella

student•

¿Qué es un test de usuarios “de guerrilla”?
El diseñador Martin Belam lo definió como “el arte de abalanzarse sobre la gente en cafeterías y espacios públicos, para filmar rápidamente mientras utilizan un sitio web o aplicación durante un par de minutos”. Básicamente, buscar pocos usuarios, a bajo coste, para extraer información sobre la web o aplicación que quieres probar.

Eduardo Rasgado Ruiz

student•

Buenísimo!

Alejandro Sol Villaseñor

student•

Muy buen aporte.

Yeraldine Martinez

student•

Material para complementar, Test de usuarios de guerrilla:
http://binima.com/ux-test-de-usuario-de-guerrilla/
http://dispersium.es/tests-de-usuarios-de-guerrilla-como-hacerlos-bien/

Alejandro Sol Villaseñor

student•

Gracias por los blogs! Son muy buenos!

Gadoweb Diseño

student•

Gracias por el aporte

David Behar

student•

El siguiente videorealizado por Google, muestra cómo realizar un prototipo en papel, es la primer parte de una serie de increíbles videos de cómo prototipar.

Sketching Prototyping by Google Video

Alejandro Sol Villaseñor

student•

Muchas gracias amigo, muy buen aporte.

Lenin Gutiérrez Ramos

student•

Buen dato! 👍

Angel Hernandez

student•

Esto es Spotify xD

Gilberto Sánchez Mares

student•

Me encantó el video de enlace, explica de forma clara la idea principal de como puede crearse un producto en papel.

Gracias por compartirlo maestro.

Italika México

student•

Sketch

Fernando Daniel

student•

Para aquellos que piensan dedicarse al diseño de interfaces para aplicaciones web, les recomiendo leer acerca del Mobile First y comenzar a implementarlo en sus prototipos. Básicamente se trata de diseñar primero para una pantalla de teléfono, luego llevarlo a una tableta y por último a una compu de escritorio. https://medium.com/@Vincentxia77/what-is-mobile-first-design-why-its-important-how-to-make-it-7d3cf2e29d00

Camilo Andres Dulce

student•

Lo bueno de diseñar prototipos en wireframe es que lo puedes modificar y rediseñar las veces que sea necesario hasta que se logre el visto bueno por parte del equipo y del cliente.

Julian Mora

student•

Más que el visto bueno, es que puedes probar rápido, iterar rápido, de esa manera mejoras basado en datos y experiencias que no están sesgadas sino comprobadas por los propios usuarios.

Alejandro Sol Villaseñor

student•

Realmente te permite crear un producto muy bueno y funcional para el usuario.

Christian Velázquez

student•

Me encantó la clase.

Edgardo Marcano

student•

Kevin Vega

student•

como para montarle competencia a spotify xD

Norberto Sanchez

student•

Recuerden que la mayor ventaja del prototipo en papel wireframe de baja calidad, es que se puede desechar y re diseñar las veces que sea necesario hasta llegar a un comun acuerdo con el equipo de desarrollo. Apartir de ahi toca el tiempo de realizar los wireframes de mediana y alta calidad los cuales tendran mayores detalles.
No olviden que el wireframe en papel es para dar un concepto general de como deberia ser el concepto visual de la app.

Alejandro Sol Villaseñor

student•

Excelente información complementaria.

Roberto Alessandro Castro Montoya

student•

(http://www.uxlumen.com/test-de-usuarios-de-guerrilla-12/)

Gadoweb Diseño

student•

Gracias por el aporte

Valentina Vargas Montealegre

student•

Si, siempre es importante pensar primero en los objetos y luego en las acciones. Luego de eso se empiezan a tomar decisiones y se llega a acuerdos.

Erik Elyager

student•

Así es, la base es definir los objetos y sus relaciones con otros objetos para a partir de ahí poder definir cuál es su funcionamiento.

Gonzalo Mansilla

student•

Debería centrarme principalmente en la estructura, el orden de contenido y la información relevante que se mostrara? y dejar detalles de lado como por ejemplo, si una imagen o un párrafo debería ir centrado?

José Joel Jacquez Gil

student•

Estas en lo correcto, cuando hacemos wireframes en papel lo que buscamos es llegar a acuerdos de como estructurar la interfaz de nuestro producto, determinar donde estará el logo, los menús, los Call to actions principales, la jerarquía de los contenidos, etc.

Julián Rodríguez

student•

Lo recomendable es primero determinar la estructura y las diferentes pantallas, evitar detalles de diseño como tipografía y colores, etc, dado que en esta etapa pueden ser un factor de distracción para el usuario.

Nico Jara

company_admin•

Falta el video del enlace por fa !

Diego Forero

Team Platzi•

Acabo de entrar y el video me carga correctamente

Nico Jara

company_admin•

No no, me refería a que Misael en el 4:25 menciona que dejará un link con un video que muestra como probar los prototipos de baja fidelidad.

Mario Merlo

student•

¿Cómo puedo realizar el prototipo de un juego que use el dispositivo kinect ?

Uriel Ramírez

student•

Los prototipos en Hardware son complejos de lograr en papel. Pero herramientas como Arduino justo nacieron para hacer pruebas con hardware mucho más rápido, emular el Kinect sería ya usando el Kinect :S

Jenffry José Bencomo Hernandez

student•

Genial! :3

Brian Robert Polo Lazo

student•

Muy interesante iniciar con los wireframes de baja, pues permite dar libre pase a la creatividad con el team para ir delineando el objetivo deseado

Joel Guillén

student•

¿Puedo iniciar directamente con prototipos de mediana fidelidad, o necesariamente tengo que hacer cada uno de los prototipos (baja, media y alta fidelidad)?

Grethel Rodriguez

student•

Muy interesante la clase. El video de cómo probar el prototipo en papel me gustó porque es sencillo, práctico y sin complicaciones.