Técnicas de Diseño Web centradas en el Usuario

METODOLOGÍAS DE DISEÑO
CENTRADAS EN EL USUARIO
ESTEFANÍA TRISOTTI
#FormaciónEBusiness
#WebinarsINTERLAT #CXREDLeague

ESTE WEBINAR ES REALIZADO GRACIAS A

TU NUEVO CANAL DE
NEGOCIOS EN INTERNET.


COMPARTE Y DEBATE
#WEBINARSINTERLAT
#CXREDLeague


CUENTA DEL DOCENTE
@TRI_


“La experiencia del consumidor al
usar un producto es lo que
realmente marca la diferencia.”
― Steve Jobs


DISEÑO CENTRADO EN EL USUARIO

EMPATÍA
• necesidades
• pensamientos
• frustraciones
• deseos
• sentimientos

SISTEMA
• objetivos
• interacciones
• capacidades
• tareas específicas


DISEÑAR PARA PERSONAS ESPECÍFICAS



OBJETIVOS
PROBLEMAS



Usuarios
productivos
y satisfechos


ELEMENTOS DE LA EXPERIENCIA DE USUARIO (UX)

CONSIDERACIONES
CLAVE QUE FORMAN
EL DESARROLLO DE
LA EXPERIENCIA DE
USUARIO.

Jesse James Garret (2002)


¿POR QUÉ TRABAJAMOS EN BASE A PERSONAS?

Porque nos otorgan información base
para trabajar en el diseño
Podemos crear descripciones detalladas
acerca de nuestros usuarios
Nos permiten enfocarnos en los atributos
específicos de nuestros usuarios objetivos
Involucra y sincroniza a todas las
personas que trabajan en el equipo


ANALIZAR DATA


ANALIZAR DATA

CUANTITATIVO

CUALITATIVO

Estadísticas

Observación

¿Qué?

¿Por qué?


ANALIZAR DATA

YO

USUARIOS


NO OLVIDAR QUE...

Las metodologías que usemos y
cómo las usemos, dependen de las
características del proyecto que
estemos desarrollando.


Entre más complejo es
un sistema, más
planificación y diseño
centrado en el usuario
necesitaremos.


CREAR PERSONAS


Al crear personas construimos
perfiles representativos de nuestros
usuarios claves, transparentando sus
necesidades y entornos.


http://adpearance.com/blog/using-personas-in-web-design


CONSIDERACIONES PARA CREAR PERSONAS

• Objetivos (motivaciones, etc)

?

• Actitudes (modelos mentales, etc.)
• Conocimientos técnicos (relacionado a lo digital u otros)
• Trabajo
• Entorno
• Frustaciones (obstáculos)
• Otros


EJEMPLO
Padres

Universitarios

Alumnos enseñanza básica

Profesores

Alumnos enseñanza media

Posibles compradores (anónimo)


SABER IDEAR


SABER IDEAR
Solucionar problemas con necesidades humanas en el centro

Analítico

Creativo

Lógico

Imaginario

Preciso
Repetitivo
Organizado
Detallado
Científico
Literal
Secuencial

Pensamiento
Analítico

Design
Thinking

General

Pensamiento
Intuitivo

Intuitivo
Conceptual
Empático
Figurativo
Irregular


SABER IDEAR

Desarrollo de ideas y conceptos
Abrir posibilidades
Formular preguntas
Crear hipótesis
Realizar representaciones gráficas
de los conceptos


PROTOTIPOS DE PAPEL

Ilustración por Claire Murray http://www.flickr.com/photos/flat61/


PROTOTIPOS DE PAPEL

Aunque existen numerosas
aplicaciones que sirven de
herramientas para el trabajo
del diseñador de experiencia
de usuario, el papel y el lápiz
han sido y siguen siendo las
más usadas.



ESCENARIOS Y STORYBOARDS


ESCENARIOS Y STORYBOARDS

Se define un equipo de personajes que usarán el
producto o servicio que estamos desarrollando
Considera detalles personales de cada personaje
Se identifican momentos claves en que los usuarios
interactuan con nuestro producto o servicio
Puede realizarse como storyboard, y ser
corroborado por todo el equipo


BENCHMARK


BENCHMARK

Un benchmark es un análisis comparativo de
productos o de servicios de la competencia, que
se revisan para estudiar sus características en
contraste a lo que uno está desarrollando.
Se evalúa cómo funcionan y vemos qué beneficios
de ello podríamos obtener, además de ubicarnos en
un contexto del negocio.


EJEMPLO

?

CARDSORTING


CARDSORTING

Perfil

Equipo

Cambiar
Contraseña

Invitar
amigos

Enviar
Mensaje

Subir una
imagen

Es una técnica de categorización de
contenidos centrados en el usuario
Permite establecer patrones sobre cómo los
usuarios esperan encontrar un contenido o una
funcionalidad

Mis
imágenes

Eventos

Otros...


MARCA Y ESTILOS

Ejemplo de usuario


ENTREVISTAS Y ENCUESTAS

Se puede obtener tanto información cualitativa
como cuantitativa
Relación directa con usuarios tipo
Para la búsqueda de información, también se utilizan
técnicas como focus group.


PLANIFICAR LA IMPLEMENTACIÓN



“Una meta sin un plan
es solo un deseo”
― Antoine de Saint-Exupéry


¿CUÁL ES EL BALANCE ADECUADO?

Producto inútil

Producto
mínimo viable

Producto
completo

(apreciado pero limitado)

(costo es mayor)


EJEMPLO PLANIFICACIÓN SPOTIFY


CONCLUSIÓN

OBJETIVOS
PROBLEMAS

AL REALIZAR DISEÑO CENTRADO EN EL
USUARIO, LOGRAMOS DESARROLLAR
EXPERIENCIAS DIGITALES QUE SON
VALIOSAS PARA NUESTROS USUARIOS.


CONCLUSIÓN

ADEMÁS...

OBJETIVOS
PROBLEMAS

Nos permite realizar diseños de forma
colaborativa, involucrando a diferentes
personas que aportan a partir de
diferentes puntos de vista
Podemos resolver los problemas
reales de los usuarios
Optimizamos tiempos de trabajo


PRONTO EN EL DIPLOMADO

Estrategia
de Diseño

Definir

Diseño
de interacción

Idear

Diseño
de Interfaz

Realizar
Prototipos

Estrategia
de Diseño

Construir

Analizar

Iteraciones


GRACIAS.
ESTEFANÍA TRISOTTI
@TRI_

SINTONIZA INTERLAT.TV
PARA PRÓXIMAS EMISIONES…


Técnicas de Diseño Web centradas en el Usuario

Recomendados

Recomendados

Más contenido relacionado

Similar a Técnicas de Diseño Web centradas en el Usuario

Similar a Técnicas de Diseño Web centradas en el Usuario (20)

Más de Interlat

Más de Interlat (20)

Último

Último (20)

Técnicas de Diseño Web centradas en el Usuario