sketches, wireframes y prototipos
TRANSCRIPT
SKETCHES, WIREFRAMES Y PROTOTIPOSABRIL 2012
DILEMA
Muchos diseñadores prefieren pasar de idea a prototipo, la intención es llegar a probar la premisa más rápido. Sin embargo en el camino se pierde mucha comunicación y el proceso puede terminar siendo más tardado.
Cada diseñador encuentra el workflow más efectivo. Encuentra el tuyo y trabaja en ese sentido.
SKETCHES
La intención del sketch es separar el diseño del proceso de creación.
El ejercicio de sketching es flexible y permite ir formando una idea de cómo queremos que sea nuestro sitio pero no intenta establecer cómo será gráficamente al estar terminado.
SKETCHESTus sketches deben ser:
• Rápidos
• Bajo demanda
• Baratos, con el material que tengas a la mano.
• Desechables
• Abundantes, que no existan aislados
• Claros y con vocabulario común
• Fluidos
• Con poco detalle, conceptuales
• Claros al comunicar su intención
• Exploraciones, más como un ejercicio de experimentación
• Ambiguos, no te preocupes por el detalle
WIREFRAMES
Un wireframe es una guía visual que sugiere cierta estructura al sitio, así como la relación entre unas páginas y otras.
Su propósito es comunicar y explorar los conceptos que salen del proceso de sketching. Aquí se establecen los conceptos que queremos mantener durante el diseño de la interfaz.
“For me, wireframes act as a form of thinking device for the setting and exploration of a given problem space”
Will Evans, UXMAG
PROTOTIPOS
Los diseños no son finales, pero contienen el grupo de ideas que queremos lograr. Al hacer prototipos comenzamos a refinar y ejemplificar.
Con el refinamiento de los wirefames obtenemos más claridad en los requerimientos y restricciones al proyecto. Al generar un prototipo podemos comenzar a probar las ideas que tenemos de manera abstracta en nuestros sketches y wireframes.
PROTOTIPOS
Nuestros prototipos deben ser:
• Rápidos, que sólo requieran un esfuerzo mínimo de desarrollo
• Baratos
• Claros y con un vocabulario común
• Detallados, deben incluir contenido e interactividad.
• Refinados lo apropiado, casi como la aplicación real
• Validados, aunque aún requiere ajustes, un prototipo debe ser la presentación de la idea de manera práctica.
WORKFLOW