Training Breakfast - Experiencia de usuario - Junio 2016

80

Transcript of Training Breakfast - Experiencia de usuario - Junio 2016

Page 1: Training Breakfast - Experiencia de usuario - Junio 2016
Page 2: Training Breakfast - Experiencia de usuario - Junio 2016
Page 3: Training Breakfast - Experiencia de usuario - Junio 2016

La experiencia de usuario es el conjunto de factoresy elementos que generan una percepción positiva o negativa de un servicio, producto o dispositivo.

Dicha experiencia depende no sólo de los factores relativos al diseño sino que además depende de las emociones, sentimientos, construcción de la marca,

confiabilidad del producto, etc.

Page 4: Training Breakfast - Experiencia de usuario - Junio 2016

UX / UI

Page 5: Training Breakfast - Experiencia de usuario - Junio 2016

DISEÑO DE INTERFAZDE USUARIO

Page 6: Training Breakfast - Experiencia de usuario - Junio 2016

UsabilidadEs la facilidad con que las personas pueden utilizaruna herramienta paraalcanzar un objetivo.

Page 7: Training Breakfast - Experiencia de usuario - Junio 2016

UsabilidadEs la facilidad con que las personas pueden utilizaruna herramienta paraalcanzar un objetivo.

PIMOD¡Seguinos en nuestras

redes!

Page 8: Training Breakfast - Experiencia de usuario - Junio 2016

LO QUE MOLESTA EN LA VIDA REAL,TAMBIÉN MOLESTA EN INTERNET

Page 9: Training Breakfast - Experiencia de usuario - Junio 2016
Page 10: Training Breakfast - Experiencia de usuario - Junio 2016

ALGUNASCONSIDERACIONES

Page 11: Training Breakfast - Experiencia de usuario - Junio 2016

MOBILE FIRST

Page 12: Training Breakfast - Experiencia de usuario - Junio 2016
Page 13: Training Breakfast - Experiencia de usuario - Junio 2016
Page 14: Training Breakfast - Experiencia de usuario - Junio 2016

TIPOGRAFÍA

Page 15: Training Breakfast - Experiencia de usuario - Junio 2016

A ASans-serif Serif

Page 16: Training Breakfast - Experiencia de usuario - Junio 2016

• Utilizar características acordes al branding y mensaje a transmitir

• No mezclar más de dos tipografías

• Usar tipografías con buen rendimiento en pantalla (hinting)

• Testear la legibilidad

Page 17: Training Breakfast - Experiencia de usuario - Junio 2016
Page 18: Training Breakfast - Experiencia de usuario - Junio 2016
Page 19: Training Breakfast - Experiencia de usuario - Junio 2016
Page 20: Training Breakfast - Experiencia de usuario - Junio 2016

COLOR

Page 21: Training Breakfast - Experiencia de usuario - Junio 2016
Page 22: Training Breakfast - Experiencia de usuario - Junio 2016

BOTONES

Page 23: Training Breakfast - Experiencia de usuario - Junio 2016

CALL TO ACTION

Page 24: Training Breakfast - Experiencia de usuario - Junio 2016

FORMULARIOS

Page 25: Training Breakfast - Experiencia de usuario - Junio 2016
Page 26: Training Breakfast - Experiencia de usuario - Junio 2016
Page 27: Training Breakfast - Experiencia de usuario - Junio 2016

AB TESTING

Page 28: Training Breakfast - Experiencia de usuario - Junio 2016

TEST DE USABILIDAD

WEB

Page 29: Training Breakfast - Experiencia de usuario - Junio 2016

Accesibilidad1. Tiempo de descarga razonable

2. Contraste adecuado entre el texto y el fondo

3. Tamaño y espaciado de texto legible

4. Evitar el uso de Flash y add-ons

5. Tags ALT en todas las imágenes

6. Diseño personalizado del error 404 (página no encontrada)

Page 30: Training Breakfast - Experiencia de usuario - Junio 2016
Page 31: Training Breakfast - Experiencia de usuario - Junio 2016

Identidad1. Logo de la empresa destacado

2. Propósito de la empresa claro

3. Home de la página comprensible en 5 segundos

4. Claro recorrido a la información de la empresa

5. Claro recorrido a la información de contacto

Page 32: Training Breakfast - Experiencia de usuario - Junio 2016

Navegación1. Barra de navegación identificable

2. Nombres de la lista entendibles

3. No tener demasiadas opciones

4. Click en el logo vinculado al home

5. Hipervínculos reconocibles y encontrables

6. Búsqueda del sitio en un lugar accesible

Page 33: Training Breakfast - Experiencia de usuario - Junio 2016

Contenido1. Títulares claros

2. Contenido principal en el “fold”

3. Coherencia de colores y estilos

4. Cuidar el uso del énfasis

5. Anuncios y pop-ups no interrumpen el flujo

6. Copy claro

7. URLs entendibles y amigables para el usuario

8. Títulos de cada página claros

Page 34: Training Breakfast - Experiencia de usuario - Junio 2016
Page 35: Training Breakfast - Experiencia de usuario - Junio 2016
Page 36: Training Breakfast - Experiencia de usuario - Junio 2016

Atención al cliente… ¿Qué es?Wikipedia:

“El servicio de atención al cliente, es el que ofrece una empresa para relacionarse con sus clientes. Es un conjunto de actividades interrelacionadas que se ofrece con

el fin de que el cliente obtenga el producto en el momento y lugar adecuado y se asegure un uso correcto del mismo. Se trata de una herramienta de mercadeo que puede ser muy eficaz en una organización si es utilizada de forma adecuada, para

ello se deben seguir ciertas políticas institucionales.”

Humberto Serna Gómez: 

“El servicio al cliente es el conjunto de estrategias que una compañía diseñapara satisfacer, mejor que sus competidores, las necesidades y expectativas

de sus clientes externos.

De esta definición deducimos que el servicio de atención al clientees indispensable para el desarrollo de una empresa.”

Page 37: Training Breakfast - Experiencia de usuario - Junio 2016
Page 38: Training Breakfast - Experiencia de usuario - Junio 2016
Page 39: Training Breakfast - Experiencia de usuario - Junio 2016
Page 40: Training Breakfast - Experiencia de usuario - Junio 2016

Con la llegada de Internet…todo cambió.

100.000 tuits…

48 horas de videos en YouTube

34 mil “Me Gusta” en páginas de Facebook

Page 41: Training Breakfast - Experiencia de usuario - Junio 2016

No tener miedo

Page 42: Training Breakfast - Experiencia de usuario - Junio 2016
Page 43: Training Breakfast - Experiencia de usuario - Junio 2016

Sí tener BUENAS PRÁCTICAS

LA EXPOSICIÓN ES UNAOPORTUNIDAD PARA LAS MARCAS

Page 44: Training Breakfast - Experiencia de usuario - Junio 2016

Responder rápido, el tiempo cuenta y puede hacer la diferencia.

Page 45: Training Breakfast - Experiencia de usuario - Junio 2016
Page 46: Training Breakfast - Experiencia de usuario - Junio 2016

Pensar antes de respondero hacer un comentario.

Page 47: Training Breakfast - Experiencia de usuario - Junio 2016

Siempre contestar demuestraque escuchamos.

Page 48: Training Breakfast - Experiencia de usuario - Junio 2016
Page 49: Training Breakfast - Experiencia de usuario - Junio 2016
Page 50: Training Breakfast - Experiencia de usuario - Junio 2016

Dar indicaciones exactas.

Page 51: Training Breakfast - Experiencia de usuario - Junio 2016

Educar a nuestros seguidores

Page 52: Training Breakfast - Experiencia de usuario - Junio 2016

Humanizar a la marca.

Page 53: Training Breakfast - Experiencia de usuario - Junio 2016

s

Page 54: Training Breakfast - Experiencia de usuario - Junio 2016

Contestar tranquilos, no es personal.

Page 55: Training Breakfast - Experiencia de usuario - Junio 2016

NO dar respuestas estandarizadas

NO derivar las consultas a canales

innecesarios

NO discutir conel cliente

NO dejar la consulta sin

solución

Page 56: Training Breakfast - Experiencia de usuario - Junio 2016
Page 57: Training Breakfast - Experiencia de usuario - Junio 2016
Page 58: Training Breakfast - Experiencia de usuario - Junio 2016
Page 59: Training Breakfast - Experiencia de usuario - Junio 2016
Page 60: Training Breakfast - Experiencia de usuario - Junio 2016
Page 61: Training Breakfast - Experiencia de usuario - Junio 2016
Page 62: Training Breakfast - Experiencia de usuario - Junio 2016
Page 63: Training Breakfast - Experiencia de usuario - Junio 2016
Page 64: Training Breakfast - Experiencia de usuario - Junio 2016
Page 65: Training Breakfast - Experiencia de usuario - Junio 2016
Page 66: Training Breakfast - Experiencia de usuario - Junio 2016
Page 67: Training Breakfast - Experiencia de usuario - Junio 2016
Page 68: Training Breakfast - Experiencia de usuario - Junio 2016
Page 69: Training Breakfast - Experiencia de usuario - Junio 2016
Page 70: Training Breakfast - Experiencia de usuario - Junio 2016
Page 71: Training Breakfast - Experiencia de usuario - Junio 2016
Page 72: Training Breakfast - Experiencia de usuario - Junio 2016
Page 73: Training Breakfast - Experiencia de usuario - Junio 2016
Page 74: Training Breakfast - Experiencia de usuario - Junio 2016

Desarrollar ideas:- verbalmente - bocetos

Desarrollar prototipos simples:- En papel- hiperlinkeados

Evaluar los prototipos:- Usabilidad- En contexto- AB testing

Definir al consumidor y los requerimientos institucionales:- Arquetipo- Escenario- Mapa de comportamientos

Explorar el contexto de uso:- Encuesta online- Entrevistas- Análisis de datos

Page 75: Training Breakfast - Experiencia de usuario - Junio 2016
Page 76: Training Breakfast - Experiencia de usuario - Junio 2016
Page 77: Training Breakfast - Experiencia de usuario - Junio 2016
Page 78: Training Breakfast - Experiencia de usuario - Junio 2016
Page 79: Training Breakfast - Experiencia de usuario - Junio 2016
Page 80: Training Breakfast - Experiencia de usuario - Junio 2016