sketching - ux/ui

Sketching

DÍA 4

ESDIEscola Superior de Disseny

Revisión

SKETCH TEST

ITERA sketch

WIREFRAME PROTOTYPE

DESIGN

DEVELOP

ITERA wireframe

ITERA prototipo

TEST TEST

COPY

QA

Producto

AI

¿Dónde nos encontramos

Fidelidad de tu diseño

Tiempo

Grandma's UX advice

Sketching = DrawingWireframing = Designing

“Sketching separa el diseño de las decisiones de proceso, no debemos aferrarnos al Alfa y Omega del diseño”

Es rápido, barato y con un nivel alto de iteración

Comunica lo suficiente como para que se pueda entender

Podemos rehacer las veces que queramos

Tus sketchs son exploratorios, según pase el tiempo menos ambiguos van a ser.

¿Dónde nos encontramos

Nunca empieces a hacer wireframes sin antes tener plasmada tu idea con un papel y un lápiz

Grandma's UX advice

Fíjate en el flujo, la navegación, las acciones y “estructura”

Sketching

Detect

Funcionalidades

FuncionalidadesDetecta todas las funcionalidades

(individualmente)

10 min

Funcionalidades“function box”

PosibleImposible

Necesaria (vital)

“nice to face”

Poner en común todas las ideas

5 min

Funcionalidades

Agrupa y relaciona las funcionalidades(Procesos)

10 min

Funcionalidades

LISTA todas las pantallasMarca las que son principales

5 min

Sketching

Define

Papel y lápiz

Anotaciones

Empieza por aquíResalta y pon atención

Mira aquí!

Push & Pull Navegación

HerramientasLineas

FormasSímbolos & iconos

texto

Sketching Pills

Palabras

Sketching Pills

MAYUSCULAS

PalabrasMuestra, NO hables

Bla bla bla

Sketching Pills

RÁPIDO no busques la perfección

Sketching Pills

Explora las ideas

No las refines

Sketching Pills

1 2

3 4 5

Aplica % para la priorización de contenido

20%Preguntas freq

30%Tabla de precios y contenidos

50%Título + CTA + Precio

Sketching Pills

Utiliza templates

Sketching Pills

http://sneakpeekit.com/

Utiliza templates

Sketching Pills

SketchingBoard

Sketching Pills

10 segundos x pantalla

Sketching Pills

Dibujar cada pantalla por separado(Individualmente)

Poner en común las pantallas

15 min

Sketching Pills

¿Tenéis diferentes versiones? ¡Guardarlas!

SketchingBoard

Sketching Pills

Simular el flujo y detectar si falta información o pantallas

10 min

Sketching Pills

“Sketchea” Conversa Itera Testea

Sketching Pills

¡Feliz navidad!