sketching - ux/ui

Download Sketching - UX/UI

Post on 14-Feb-2017

30 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

  • Sketching

    DA 4

    ESDIEscola Superior de Disseny

  • Revisin

    SKETCH TEST

    ITERA sketch

    WIREFRAME PROTOTYPE

    DESIGN

    DEVELOP

    ITERA wireframe

    ITERA prototipo

    TEST TEST

    COPY

    QA

    Producto

    AI

  • Dnde nos encontramos

    Fidelidad de tu diseo

    Tiempo

  • Grandma's UX advice

    Sketching = DrawingWireframing = Designing

  • Sketching separa el diseo de las decisiones de proceso, no debemos aferrarnos al Alfa y Omega del diseo

    Es rpido, barato y con un nivel alto de iteracin

    Comunica lo suficiente como para que se pueda entender

    Podemos rehacer las veces que queramos

    Tus sketchs son exploratorios, segn pase el tiempo menos ambiguos van a ser.

    Dnde nos encontramos

  • Nunca empieces a hacer wireframes sin antes tener plasmada tu idea con un papel y un lpiz

    Grandma's UX advice

  • Fjate en el flujo, la navegacin, las acciones y estructura

  • Sketching

    Detect

  • Funcionalidades

    FuncionalidadesDetecta todas las funcionalidades

    (individualmente)

    10 min

  • Funcionalidadesfunction box

    PosibleImposible

    Necesaria (vital)

    nice to face

    Poner en comn 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 lpiz

  • Anotaciones

    Empieza por aquResalta y pon atencin

    Mira

    aqu!

    Push & Pull Navegacin

  • HerramientasLineas

    FormasSmbolos & iconos

    texto

    Sketching Pills

  • Palabras

    Sketching Pills

    MAYUSCULAS

  • PalabrasMuestra, NO hables

    Bla bla bla

    Sketching Pills

  • RPIDO no busques la perfeccin

    Sketching Pills

  • Explora las ideas

    No las refines

    Sketching Pills

  • 1 2

    3 4 5

    https://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTAhttps://www.youtube.com/embed/TuQbzTwYHTA

  • Aplica % para la priorizacin de contenido

    20%Preguntas freq

    30%Tabla de precios y contenidos

    50%Ttulo + CTA + Precio

    Sketching Pills

  • Utiliza templates

    Sketching Pills

    http://sneakpeekit.com/

    http://sneakpeekit.com/

  • Utiliza templates

    Sketching Pills

  • SketchingBoard

    Sketching Pills

    https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0https://www.youtube.com/watch?v=iVFTBj_BYy0

  • 10 segundos x pantalla

    Sketching Pills

    Dibujar cada pantalla por separado(Individualmente)

  • Poner en comn las pantallas

    15 min

    Sketching Pills

    Tenis diferentes versiones? Guardarlas!

  • SketchingBoard

    Sketching Pills

  • Simular el flujo y detectar si falta informacin o pantallas

    10 min

    Sketching Pills

  • Sketchea Conversa Itera Testea

    Sketching Pills

  • Feliz navidad!