Meetup UX UI

Post on 08-Apr-2017

208 views 2 download

Transcript of Meetup UX UI

User Experience

Estefanía GilgesUX Leaderestefaniag@lagash.com

M. Fernanda Rodriguez AriasUX Leadermfernandar@lagash.com

Embrace the challengelagash.com

Soy FerLic. en TecnologíaMultimedialUniversidad Maimónides

Téncica en SistemasMultimedialesUniversidad de Belgrano

SoyTeffDiseñadora GráficaUniversidad de Buenos Aires

Docente MorfologíaUniversidad de Buenos Aires

Embrace the challengelagash.com

lagash.com

¿Quées UI?

lagash.com

UI = User InterfaceEs el diseño o creación de una interfaz.

Embrace the challengelagash.com

Diseño de interfaces=

Wireframes

Diseño de Interfaces≠

Diseño Gráfico

Look and feel=

Diseño Gráfico

lagash.com

¿Qué es una interfaz?Una interfaz es el mediador entre nosotros y una tecnología.

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 tecnología 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 tecnología es mala.

lagash.com

¿Qué es el diseño centrado en el usuario?Es una metodología que se caracteriza por enfocar todo el proceso de diseño y desarrollo hacia las usuarios, sus necesidades, características y objetivos.

Embrace the challengelagash.com

Diseño Centrado en el Usuario

Embrace the challengelagash.com

Embrace the challengelagash.com

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

2. Conocer cómo son, qué necesitan, para qué usan el sistema.

3. Testear el producto con los propios usuarios.

4. Investigar cómo 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 interactúa 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• Diseño de interacción• Arquitectura de la información

Embrace the challengelagash.com

Usabilidad“…facilidad 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.

SatisfacciónMide 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,

¿Cómo conocera mis usuarios?

Embrace the challengelagash.com

Técnicas- Entrevistas

- Encuestas

- Cuestionarios

- Análisis de competencia

- Shadowing

- Focus groups

Embrace the challengelagash.com

Mapa de EmpatíaEs una herramienta que nos ayuda a entender mejor a nuestro usuario a través de un conocimiento más profundo del mismo, su entorno, su visión 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 técnicas más conocidas y habituales y que nos ayudará a pensar en los “usuarios” como “personas”.

Una vez segmentado nuestro público 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

Diseño de interacciónDefine la estructura y comportamientos de los sistemas interactivos.

Embrace the challengelagash.com

Arquitectura de la informaciónEl arte y la ciencia de estructurar y clasificar un determinado sistema con el fin de ayudar a los usuarios a encontrar y manejar la información.

Embrace the challengelagash.com

Arquitectura de la informaciónEl arte y la ciencia de estructurar y clasificar un determinado sistema con el fin de ayudar a los usuarios a encontrar y manejar la información.

lagash.com

¿Cómo testeamos?

Embrace the challengelagash.com

EvaluaciónHeurísticaEs una técnica de análisis de usabilidadque no require la participación 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 reproducción de una situación típica de uso en un ambiente más 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 más del 80% de los

niños 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 niños

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

México | México 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

Let’s keep in touch