sketching - ux/ui
Post on 14-Feb-2017
72 Views
Preview:
TRANSCRIPT
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
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!
top related