ux creando experiencias

100
USER EXPERIENCE CREANDO EXPERIENCIAS

Upload: leandro-butteri

Post on 14-Dec-2014

557 views

Category:

Design


2 download

DESCRIPTION

Charla introductoria UX enmarcada en el InfoSessions Globant. 2013

TRANSCRIPT

Page 1: UX Creando Experiencias

USER EXPERIENCECREANDO EXPERIENCIAS

Page 2: UX Creando Experiencias

EXPECTATIVAS

Page 3: UX Creando Experiencias

QUÉ NO ES ESTA CHARLA?

Page 4: UX Creando Experiencias

1. UN TRAINING UX

2. UN WORKSHOP DE USABILIDAD

3. UNA CHARLA DE diseño de interacción

Page 5: UX Creando Experiencias

QUÉ ES ESTA CHARLA?

Page 6: UX Creando Experiencias

1. INTRODUCCIÓN a UX

2. DONDE SE APLICA UX

3. INTRODUCCIÓN A La practica UX

4. ROL DEL UX

Page 7: UX Creando Experiencias

QUé ES UX?

Page 8: UX Creando Experiencias

forma de pensar

Page 9: UX Creando Experiencias

prÁctica

Page 10: UX Creando Experiencias

USER EXPERIENCEEXPERIENCIA DE USUARIO

Page 11: UX Creando Experiencias

WIKIPEDIA

Es el conjunto de factores y elementos relativos a la interacción del usuario, con un entorno o dispositivo concretos.

Page 12: UX Creando Experiencias

Cuyo resultado es la generación de una percepción positiva o negativa de dicho servicio, producto o dispositivo.

WIKIPEDIA

Page 13: UX Creando Experiencias

sino además de aspectos relativos a las emociones, sentimientos.

La experiencia de usuario depende no sólo de los factores relativos al diseño.

WIKIPEDIA

Page 14: UX Creando Experiencias

entorno

interacción

usuario objeto

interfaz

EXPERIENCIA

Page 15: UX Creando Experiencias
Page 16: UX Creando Experiencias
Page 17: UX Creando Experiencias
Page 18: UX Creando Experiencias

USER EXPERIENCEEXPERIENCIA DE USUARIO

Page 19: UX Creando Experiencias
Page 20: UX Creando Experiencias

AngustiaFrustraciónAburrimientoEnojo

Page 21: UX Creando Experiencias
Page 22: UX Creando Experiencias
Page 23: UX Creando Experiencias
Page 24: UX Creando Experiencias
Page 25: UX Creando Experiencias
Page 26: UX Creando Experiencias
Page 27: UX Creando Experiencias
Page 28: UX Creando Experiencias

"It's not just what it looks like and feels like.

Design is how it works"

steve jobs

Page 29: UX Creando Experiencias

NOT ONLY DESIGN

Page 30: UX Creando Experiencias

DESIGN THINKINGUSER CENTERED DESIGN

Page 31: UX Creando Experiencias

UCD es una filosofía de diseño que tiene por objetivo la creación de productos que resuelvan necesidades concretas de sus usuarios, consiguiendo la mejor experiencia de uso posible con el mínimo esfuerzo de su parte.

WIKIPEDIA

Page 32: UX Creando Experiencias

PROCESO

Page 33: UX Creando Experiencias

CENTRADO EN EL USUARIO

Page 34: UX Creando Experiencias

ITERATIVO

Page 35: UX Creando Experiencias

Elaboración

Objetivos

del Negocio

Objetivos

del Usuario

Prueba

Análisis

Page 36: UX Creando Experiencias
Page 37: UX Creando Experiencias

USER EXPERIENCEPRACTICA

Page 38: UX Creando Experiencias

research

information architecture

interaction & innovation

usability & efficiency

Page 39: UX Creando Experiencias

research

information architecture

interaction & innovation

usability & efficiency

entorno

interacción

usuario objeto

interfaz

Page 40: UX Creando Experiencias

research

information architecture

interaction & innovation

usability & efficiency

entorno

interacción

usuario objeto

interfaz

entorno

interacción

usuario objeto

interfaz

Page 41: UX Creando Experiencias

research

information architecture

interaction & innovation

usability & efficiency

entorno

interacción

usuario objeto

interfaz

entorno

interacción

usuario objeto

interfaz

entorno

interacción

usuario objeto

interfaz

Page 42: UX Creando Experiencias

research

information architecture

interaction & innovation

usability & efficiency

entorno

interacción

usuario objeto

interfaz

entorno

interacción

usuario objeto

interfaz

entorno

interacción

usuario objeto

interfaz

entorno

interacción

usuario objeto

interfaz

Page 43: UX Creando Experiencias

research

Page 44: UX Creando Experiencias

obtener información

Page 45: UX Creando Experiencias

Ethnographic InterviewsPARTICIPATORY DESIGN USER TESTINGS

Page 46: UX Creando Experiencias

moldear información

Page 47: UX Creando Experiencias

PersonasUser DefinitionsGoals Definitions

Page 48: UX Creando Experiencias
Page 49: UX Creando Experiencias

Objetivos y tareas

Exploración

Busquedas abiertasVer beneficios/premios

Ver los puntos de beneficios/premiosComparar

Ver beneficios/premios relacionados Sugerencias

Page 50: UX Creando Experiencias

Objetivos y tareas

Canje

Conocer mis puntosConocer los beneficios/premios

Conocer beneficios/premios a mi alcanceCanjear

Recibir el beneficio o premio

Page 51: UX Creando Experiencias

Persona 1

ExcelenciaEdad: 50 años.

Locación: Capital Federal Argentina

Formación: Arquitecto

Uso de tablet: Chequear mails, revisar

noticias, leer libros.

Plan/ Linea: Black todo incluido, 3 años

Antigüedad en Club Personal: 2 años

Nivel de experiecia:

Uso de Tablet:

Quiero obtener premios diferenciados, exclusivos

Me gusta recaudar puntos para canjearlos en viajes

Quiero que los beneficios sean en marcas exclusivas

Quiero saber cuando mis puntos llegan a algo que me interese

Quiero tener soporte para sentirme seguro cuando realizo

canjes, solicitudes

Me gustaria tener acceso a eventos muy exclusivos

2 horas diarias

Alberto

Page 52: UX Creando Experiencias

Nivel de experiecia:

Uso de Tablet:

Persona 4

PracticidadEdad: 40 años

Locación: Capital Federal Argentina

Formación: Administrativa

Uso de tablet: Entretenimiento, redes

sociales, revistas, libros, mira capítulos de

sus programas favoritos.

Plan/ Linea: $ERQR�ÀMR����DxRV

Antigüedad en Club Personal: 1 año

Quiero obtener descuentos en marcas de ropa

Quiero usar beneficios de 2x1 en cines y eventos.

Me gustan los packs de SMS gratis

Quisiera poder recibir avisos de descuentos en marcas

preferidas

Me gustaria poder juntar puntos con mis amigas y canjearlos por

beneficios para todas

Me gustaria enterarme de los beneficios que usaron mis

amigas

6 horas diarias

Romina

Page 53: UX Creando Experiencias

modelos mentales

Page 54: UX Creando Experiencias

Un modelo mental es un mecanismo del pensamiento mediante el cual un ser humano, u otro animal, intenta explicar como funciona el mundo real.

Page 55: UX Creando Experiencias

Modelo Mental

Page 56: UX Creando Experiencias

Modelo Mental

Page 57: UX Creando Experiencias

tijera

Page 58: UX Creando Experiencias
Page 59: UX Creando Experiencias
Page 60: UX Creando Experiencias
Page 61: UX Creando Experiencias

information architecture

Page 62: UX Creando Experiencias

Card SortingFlowsEXPERIENCE MAPContent & steps

Page 63: UX Creando Experiencias
Page 64: UX Creando Experiencias

Stage

Case 1 / Exchange / Javier / Scenario 1

Welcome

Authentification

Home

Search/ Explore

Results

Product

What think/want/feel the user User Flow

Numero de lineaDocumento...

Exploración de beneficios y prodfuctos

Busqueda por palabras

Filtrar (por tipo de beneficio, por dias..) A DEFINIROrdenarCompararElegir vista (mapa, lista, bloques...)Guardar (Favoritos)Wishlist

Want to know more info about the restaurantI want to contact the restaurantI want to see their offersHow i can obtein the benefits? do i have to show something? do i have to carry some documents?I just want to reserve right nowI want a receip

I just to filter for only vegan restaurantI like to see a map to know the exactly placeI like to compare with othersI want to sort the restaurants by those with the greatest benefit to low benefit

I just want to search for a discount for vegan restaurant

I want to search for a vegan restaurant nearPalermo

I just want to enterDo i have to sing up?I just want to put the less info as possible

Want to exchange/Explore/InformWant to enter to the app

Informacion detallada (web, direccion, telefono, ubicacion mapa ...) A DEFINIR

Si es local : Forma de pago, comodidadesDetalle del descuento (20%, 30%, 2x1 et

Vigentcia de la prom)

Page 65: UX Creando Experiencias
Page 66: UX Creando Experiencias

interaction & innovation

Page 67: UX Creando Experiencias

Brainstorming & IdeationWireframes & annotationsInteraction DocumentVisual DesignStyle Guides

Page 68: UX Creando Experiencias
Page 69: UX Creando Experiencias

������SXQWRV%HQHILFLRV��SUHPLRV�R�OXJDUHVSODWLQR

������SXQWRV%HQHILFLRV��SUHPLRV�R�OXJDUHVSODWLQR

��������

���

���

��� ���

���

1RWLFLD�3HUVRQDO�)HVW

�����

0L�FDWHJRULD

3RU�XELFDFLyQ

$FWXDO

3RU�GLD

7RGRV

)O\�6XVKL�%\�0HOPDF�1DWXUDOPHQWH�6XVKL

7RGDV�ODV�FDWHJRULDV 5HFRPHQGDGRV�SDUD�PL

2UGHQDU�SRU�

9LVWD�3

'HVFXHQWR��PD\RU�D�PHQRU�WRGRV

WRGRV

WRGRV

WRGRV

WRGRV

WRGRV

8ELFDFLRQ�$FWXDO

%XVFDU�SURYLQFLD��FLXGDG��]RQD���

0LV�3XQWRV�&OXE

3UHPLRV�D�PL�DOFDQFH

9HU�K LVWRULDO�GH�SXQWRV

Page 70: UX Creando Experiencias
Page 71: UX Creando Experiencias

13

Telx Interaction

2.2 Filter suppliers7KHVH�NLQG�RI�¿OWHUV�KDYH�WKH�VDPH�EHKDYLRXU�WKDW�FRPPRQ�¿OWHUV��EXW�WKH�GLIIHUHQFH�LV�WKDW�E\�GHIDXOW�RQO\�VKRZ�WKH�WKUHH�PDMRU�VXSSOLHUV��,Q�WKH�ERWWRP�RI�WKH�¿OWHU�ER[�ZLOO�EH�D�VHDUFK�ER[�ZKHUH�WKH�XVHU�FDQ�W\SH�WKH�QDPH�RI�FRQWHQW�related to that supplier.2QFH�WKH�XVHU�VWDUWV�W\SLQJ�D�ZRUG��LQ�WKLV�FDVH�WKH�QDPH�RI�D�VXSSOLHU��LW�ZLOO�GLVSOD\�D�GURSGRZQ�ZLWK�DQ�DXWRFRPSOHWH�with suppliers that contain the words the user is entering.7KH�XVHU�VHOHFWV�D�VXSSOLHU�IURP�WKH�DXWRVXJJHVW�OLVW�DQG�WKLV�LV�DGGHG�WR�WKH�OLVW�RI�VXSSOLHUV�LQ�WKH�¿OWHU�ER[�ZLWK�WKH�selected state.

Autosuggest

Page 72: UX Creando Experiencias
Page 73: UX Creando Experiencias

usability & efficiency

Page 74: UX Creando Experiencias

Usability TestingHeuristic EvaluationsExpert ReviewsEffectiveness & EfficiencyInsights

Page 75: UX Creando Experiencias

Usabilidad

Page 76: UX Creando Experiencias

Usabilidad

Page 77: UX Creando Experiencias
Page 78: UX Creando Experiencias
Page 79: UX Creando Experiencias

ROL DEL UXDESIGNER

Page 80: UX Creando Experiencias

UX NEGOCIOUSUARIO

TECNOLOGíA

Page 81: UX Creando Experiencias

1. Entender las necesidades del negocio

2. Investigar al usuario

3. Entender sus objetivos, necesidades, deseos

y limitaciones

5. Alinear expectativas con factibilidad técnica

6. Pensar soluciones

7. Producirlas

Page 82: UX Creando Experiencias

PSYCHOLOGY

ux

VISUAL DESIGN

INDUSTRIAL DESIGN

HUMAN COMPUTER INTERACTION

SOFTWARE ENGINEERING

Page 83: UX Creando Experiencias

ux

ba

vd

ui

definiendo necesidades, objetivos

pensando y produciendo soluciones

validando expectativas con factibilidad técnica

Page 84: UX Creando Experiencias

ux

ba

vd

ui

definiendo necesidades, objetivos

pensando y produciendo soluciones

validando expectativas con factibilidad técnica

Page 85: UX Creando Experiencias

1. Capitalizar la inversión del cliente

2. Garantizar la calidad del producto

3. Satisfacer las necesidades del usuario

4. Lograr aplicaciones fáciles de usar

5. Lograr aplicaciones fáciles de aprender

Page 86: UX Creando Experiencias

Elaboración

Objetivos

del Negocio

Objetivos

del Usuario

Prueba

Análisis

Page 87: UX Creando Experiencias

ux

Page 88: UX Creando Experiencias

ux

curiosidad

Page 89: UX Creando Experiencias

ux

curiosidad

empatía

Page 90: UX Creando Experiencias

ux

curiosidad

empatíapasión

Page 91: UX Creando Experiencias

ux

curiosidad

empatíapasión

humildad

Page 92: UX Creando Experiencias

libros

Page 93: UX Creando Experiencias

DON’T MAKE ME THINK

A PROJECT GUIDETO UX DESIGN

100 THINGSEVERY DESIGNER NEED TO KNOW ABOUT PEOPLE

Page 94: UX Creando Experiencias

ROSENFELD MEDIA BOOKS

Page 95: UX Creando Experiencias

donald norman

Page 96: UX Creando Experiencias

ALAN COOPER

Page 97: UX Creando Experiencias

JAKOBNIELSEN

Page 98: UX Creando Experiencias

research

Page 99: UX Creando Experiencias

PREGUNTAS :)

Page 100: UX Creando Experiencias

GRACIAS@LEANDROBUTTERI

@UXGLOBANT