sketches, wireframes y prototipos

8
SKETCHES, WIREFRAMES Y PROTOTIPOS ABRIL 2012

Upload: celeste-north

Post on 24-May-2015

593 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Sketches, wireframes y prototipos

SKETCHES, WIREFRAMES Y PROTOTIPOSABRIL 2012

Page 2: Sketches, wireframes y prototipos

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.

Page 3: Sketches, wireframes y prototipos

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.

Page 4: Sketches, wireframes y prototipos

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

Page 5: Sketches, wireframes y prototipos

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

Page 6: Sketches, wireframes y prototipos

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.

Page 7: Sketches, wireframes y prototipos

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.

Page 8: Sketches, wireframes y prototipos

WORKFLOW