meetup ux ui

Download Meetup UX UI

Post on 08-Apr-2017

175 views

Category:

Software

0 download

Embed Size (px)

TRANSCRIPT

  • User Experience

    Estefana GilgesUX Leaderestefaniag@lagash.com

    M. Fernanda Rodriguez AriasUX Leadermfernandar@lagash.com

  • Embrace the challengelagash.com

    Soy FerLic. en TecnologaMultimedialUniversidad Maimnides

    Tncica en SistemasMultimedialesUniversidad de Belgrano

    SoyTeffDiseadora GrficaUniversidad de Buenos Aires

    Docente MorfologaUniversidad de Buenos Aires

  • Embrace the challengelagash.com

  • lagash.com

    Ques UI?

  • lagash.com

    UI = User InterfaceEs el diseo o creacin de una interfaz.

  • Embrace the challengelagash.com

    Diseo de interfaces=

    Wireframes

    Diseo de Interfaces

    Diseo Grfico

    Look and feel=

    Diseo Grfico

  • lagash.com

    Qu es una interfaz?Una interfaz es el mediador entre nosotros y una tecnologa.

  • Embrace the challengelagash.com

    Esto es una interfaz

  • Embrace the challengelagash.com

    Esto es una interfaz

  • Embrace the challengelagash.com

    Esto es una interfaz

    Esto es una interfaz

    Esto es una interfaz

  • Embrace the challengelagash.com

    Interactuamos con la tecnologa de modo intuitivo, esperamos que las cosas se comporten de un modo consistente para no tener que pensar en ellas.

    Como la interfaz es la cara visible, una mala interfaz nos har sentir que la tecnologa es mala.

  • lagash.com

    Qu es el diseo centrado en el usuario?Es una metodologa que se caracteriza por enfocar todo el proceso de diseo y desarrollo hacia las usuarios, sus necesidades, caractersticas y objetivos.

  • Embrace the challengelagash.com

    Diseo Centrado en el Usuario

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

    1. Involucrar a los usuarios desde el comienzo del proceso.

    2. Conocer cmo son, qu necesitan, para qu usan el sistema.

    3. Testear el producto con los propios usuarios.

    4. Investigar cmo es su experiencia de uso.

    El DCU implica:

  • lagash.com

    y UX?

  • lagash.com

    UX = User ExperienceLa experiencia de usuario abarca todo lo relacionado con las emociones que una persona siente cuando interacta con un dispositivo, sistema, producto o servicio.

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

    UX

    UI

  • Embrace the challengelagash.com

    To be a great designer, you need to look a little deeper into how people think and act.Paul Boag

  • Embrace the challengelagash.com

    Disciplinas que integran UX Usabilidad Diseo de interaccin Arquitectura de la informacin

  • Embrace the challengelagash.com

    Usabilidadfacilidad con que las personas pueden utilizaruna herramientaparticular o cualquier otroobjeto fabricado porhumanos con el fin de alcanzar un objetivoconcreto.

  • Embrace the challengelagash.com

    UsabilidadSe puede medir con 3 factores

    EfectividadMide la cantidad de tareas

    que un usuario puederealizar sin ayuda externa.

    EficienciaMide el costo para realizar

    una tarea.

    SatisfaccinMide la ausencia de

    incomodidad y la actitudpositiva en el uso del

    producto.

  • Embrace the challengelagash.com

    Pensemos en un gato

  • Embrace the challengelagash.com

    Modelo Mental

  • Embrace the challengelagash.com

    Ahora,

    Cmo conocera mis usuarios?

  • Embrace the challengelagash.com

    Tcnicas- Entrevistas

    - Encuestas

    - Cuestionarios

    - Anlisis de competencia

    - Shadowing

    - Focus groups

  • Embrace the challengelagash.com

    Mapa de EmpataEs una herramienta que nos ayuda a entender mejor a nuestro usuario a travs de un conocimiento ms profundo del mismo, su entorno, su visin del mundo y de sus propias necesidades.

    Nos obliga a ponernos en el lugar de nuestro usuario.

  • Embrace the challengelagash.com

    Armado de PersonasEsta es una de las tcnicas ms conocidas y habituales y que nos ayudar a pensar en los usuarios como personas.

    Una vez segmentado nuestro pblico objetivo representaremos y humanizaremos a cada uno con un personaje ficticio (Persona), un arquetipo de usuario, del cual haremos una ficha.

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

    Diseo de interaccinDefine la estructura y comportamientos de los sistemas interactivos.

  • Embrace the challengelagash.com

    Arquitectura de la informacinEl arte y la ciencia de estructurar y clasificar un determinado sistema con el fin de ayudar a los usuarios a encontrar y manejar la informacin.

  • Embrace the challengelagash.com

    Arquitectura de la informacinEl arte y la ciencia de estructurar y clasificar un determinado sistema con el fin de ayudar a los usuarios a encontrar y manejar la informacin.

  • lagash.com

    Cmo testeamos?

  • Embrace the challengelagash.com

    EvaluacinHeursticaEs una tcnica de anlisis de usabilidadque no require la participacin del usuarios.

    Se basa en 10 reglas que desarrollo JakobNielsen para testear interfaces de manerarapida y economica.

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

    Test de UsabilidadEs la reproduccin de una situacin tpica de uso en un ambiente ms o menos controlado donde podemos observar el comportamiento de N usuarios representativos, analizando como usan el sistema.

  • Embrace the challengelagash.com

  • lagash.com

    Generando experiencias

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

    Doug se enter que ms del 80% de los

    nios eran sedados para

    poder realizarse el examen.

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

  • Embrace the challengelagash.com

    Ahora, solo el 10% de los nios

    necesitaban ser sedados.

  • Embrace the challengelagash.com

    Preguntas?

  • Argentina | Buenos Aires+54 (11) 4982 4185info@lagash.com

    Chile | Santiago de Chile+56 (2) 2231 9428info_chile@lagash.com

    Colombia | Bogot+57 (1) 750 5276info_colombia@lagash.com

    Mxico | Mxico DF+52 (55) 6394 0617info_mexico@lagash.com

    USA | Seattle - US+1 844 4 Lagashinfousa@lagash.com

    Uruguay | Montevideo+598 2623 2546info_uy@lagash.com

    Lets keep in touch