¿Qué es el sketching? ¿Qué etapa debemos utilizar sketching?¿Cual es la mejor forma de hacer sketching?. Sketching durante el proceso de DCU o Design Thinking.

1. Sketching
DÍA 4
ESDIEscola Superior de Disseny

2. Revisión
SKETCH
TEST
ITERA
sketch
WIREFRAME PROTOTYPE
DESIGN
DEVELOP
ITERA
wireframe
ITERA
prototipo
TEST TEST
COPY
QA
Producto
AI

3. ¿Dónde nos encontramos
Fidelidad de tu diseño
Tiempo

4. Grandma's UX advice
Sketching = Drawing
Wireframing = Designing

5. “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

6. Nunca empieces a hacer wireframes
sin antes tener plasmada tu idea con
un papel y un lápiz
Grandma's UX advice

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

8. Sketching
Detect

9. Funcionalidades
Funcionalidades
Detecta todas las funcionalidades
(individualmente)
10 min

10. Funcionalidades
“function box”
PosibleImposible
Necesaria (vital)
“nice to face”
Poner en común todas las ideas
5 min

11. Funcionalidades
Agrupa y relaciona las funcionalidades
(Procesos)
10 min

12. Funcionalidades
LISTA todas las pantallas
Marca las que son principales
5 min

13. Sketching
Define

14. Papel y lápiz

15. Anotaciones
Empieza por aquíResalta y pon atención
Mira aquí!
Push & Pull Navegación

16. Herramientas
Lineas
FormasSímbolos & iconos
texto
Sketching Pills

17. Palabras
Sketching Pills
MAYUSCULAS

18. PalabrasMuestra, NO hables
Bla bla bla
Sketching Pills

19. RÁPIDO no busques la perfección
Sketching Pills

20. Explora las ideas
No las refines
Sketching Pills

21. 1 2
3 4 5

22. Aplica % para
la priorización de contenido
20%Preguntas freq
30%Tabla de precios y
contenidos
50%Título + CTA +
Precio
Sketching Pills

23. Utiliza templates
Sketching Pills
http://sneakpeekit.com/

24. Utiliza templates
Sketching Pills

25. SketchingBoard
Sketching Pills

26. 10 segundos x pantalla
Sketching Pills
Dibujar cada pantalla por separado
(Individualmente)

27. Poner en común las pantallas
15 min
Sketching Pills
¿Tenéis diferentes versiones?
¡Guardarlas!

28. SketchingBoard
Sketching Pills

29. Simular el flujo y detectar
si falta información o pantallas
10 min
Sketching Pills

30. “Sketchea” Conversa Itera Testea
Sketching Pills

31. ¡Feliz navidad!