Fundamentos en Diseño de Experiencia de Usuario

Agenda

Fundamentos en el Diseño de la
     Experiencia de usuario

  1. Introducción
  2. Entendiendo los elementos
  3. Estrategia
  4. Alcance
  5. Caso práctico
  6. Preguntas

Introducción

The Elements of User Experience

Jesse James Garrett

Más información

Entendiendo los elementos

Los cinco planos

Superficie

Esqueleto

Estructura

Alcance

Estrategia

Los cinco planos

Superficie

Esqueleto

Estructura

Alcance

Estrategia

Los elementos

Superficie

Esqueleto

Estructura

Alcance

Estrategia

Los elementos

Superficie

Esqueleto

Estructura

Alcance

Estrategia

Estrategia

Buscar un equilibrio...

Objetivos de producto

Define el éxito del producto, normalmente significa ganar dinero, ahorrar dinero o ambas.

  • ¿Cómo sabremos si hemos tenido éxito?

Estrategia

Buscar un equilibrio...

Necesidades de los usuarios

Satisfacer las necesidades de las personas que usarán nuestro producto.

  • ¿Qué esperan de nosotros?

  • ¿Cómo encaja con sus otros objetivos?

Los elementos

Superficie

Esqueleto

Estructura

Alcance

Estrategia

Alcance

Comienza cuando las necesidades de los usuarios y los objetivos de negocio...

Son traducidos a requerimientos de contenido y funcionales.

Alcance

Especificaciones funcionales:

  • Define el conjunto de características del producto.

  • ¿Qué estamos creando?

Alcance

Requerimientos de contenido:

  • Define la información necesaria para aportar valor a los usuarios.

  • ¿Imágenes, audio, video, datos dinámicos en tiempo real? … etc...

Los elementos

Superficie

Esqueleto

Estructura

Alcance

Estrategia

Estructura

Comienza cuando definimos cómo los sistemas responderán a las acciones de los usuarios

Estructura

Diseño de interacción:

  • Define una experiencia estructurada por patrones y secuencias que mostrarán las opciones apropiadas a los usuarios.

Estructura

Arquitectura de información:

  • Define el volumen del contenido, junto con cómo está ordenado y organizado en cada pantalla, así como a través del producto completo.

Los elementos

Superficie

Esqueleto

Estructura

Alcance

Estrategia

Esqueleto

Determina la apariencia de la interfaz y cómo los usuarios deberán moverse a través de las tareas y la información.

Esqueleto

Diseño de interfaz:

  • Define cual es la mejor ordenación y presentación visual de los elementos para que los usuarios interactúen con ellos.

Esqueleto

Diseño de navegación:

  • Proporciona en pantalla los elementos que permitirán al usuario moverse a través de las tareas y la información de forma intuitiva.

Los elementos

Superficie

Esqueleto

Estructura

Alcance

Estrategia

Superficie

En la fase de diseño visual se usan colores, imágenes, tipografías y efectos con el objetivo de...

Superficie

  • Apoyar y reforzar el significado de los contenidos presentados.

  • Facilitar al usuario la comprensión de la información.

  • Reducir la carga cognitiva y permitir el reconocimiento y el aprendizaje intuitivo.

  • Ser social y culturalmente apropiado.

El proceso

¡Buen trabajo!

Estrategia

Estrategia

¿Qué queremos conseguir con este producto?

¿Qué es lo que quieren nuestros usuarios?

Estrategia

  • Describen objetivos estratégicos internos de la compañía.

  • Propósito de ganar o ahorrar dinero.

  • Deben encontrar el equilibrio entre objetivos demasiado específicos y generales.

Objetivos de producto

Estrategia

Identidad de marca:

  • Es uno de los objetivos principales de negocio.

  • Asocia no sólo aspectos visuales sino también conceptos y reacciones emocionales.

  • Contribuye a aumentar la credibilidad del producto y la confianza que los usuarios depositarán en el.

Objetivos de producto

Estrategia

Métricas de éxito:

  • Permite saber cómo y cuándo se han alcanzado los objetivos.

  • La analítica web es fundamental para mejorar constantemente el producto.

  • Permite justificar con datos estadísticos la efectividad de las decisiones estratégicas tomadas en el pasado.

Objetivos de producto

Estrategia

Objetivos de producto

Analítica web

Estrategia

Objetivos de producto

Estrategia

Investigación estratégica:

  • Segmentación de usuarios

  • Análisis de mercado

  • Investigación contextual

  • Análisis de tareas

  • Test de usuarios

  • Card sorting

  • Personas
  • ...etc...

Necesidades de los usuarios

Estrategia

Necesidades de los usuarios

Estrategia

Estrategas:

Personas encargadas de encontrar el equilibrio entre los objetivos de negocio y las necesidades de los usuarios.

 

Stakeholders:

Personas que forman parte de la organización con influencia suficiente como para modificar la dirección estratégica del producto.

Roles

Estrategia

  • Recoge todas las conclusiones obtenidas en la fase de estrategia.

  • Proporciona el análisis de la relación entre varios objetivos y cómo se comportan dentro del contexto de la organización.

  • Es susceptible a evolucionar durante el desarrollo del producto.

  • Debe ser transmitido a todos los miembros del equipo, diseñadores, desarrolladores, jefes de proyecto… etc.

Documento estratégico

Caso práctico

Define la estrategia para una nueva app

Alcance

Alcance

¿Qué contenido y funcionalidades                   ofrecemos al usuario?

¿Cómo lo priorizamos?

Alcance

Definiendo los requerimientos del producto eliminamos ambigüedad en el diseño del proceso.

Introducción

Si nadie conoce el alcance del proyecto, ¿cómo podría alguien saber cuándo acabará?

Alcance

​Saber qué es lo que estás construyendo:

  • Todo el mundo sabrá cuales son los objetivos del proyecto y cuando serán alcanzados.

  • Es fundamental definir bien los requerimientos para evitar la pérdida de información valiosa.

Introducción

Alcance

​Saber qué es lo que NO estás construyendo:

  • Ideas que pueden aportar valor al producto, pero que no estén alineadas con los objetivos de negocio.

  • Es importante contar con un marco de trabajo que permita evaluar estas ideas e incorporarlas al producto en fases posteriores si es preciso.

Introducción

Alcance

​Funcionalidad:

Deberemos considerar las características del producto de software.

 

¿Cómo debe funcionar?

Funcionalidad y contenido

¿Qué estamos haciendo?

Alcance

Contenidos:

Pondremos atención a la información que queremos transmitir a los usuarios.

 

Se utilizan sistemas de gestión de contenidos. (CMS)

Funcionalidad y contenido

¿Qué estamos haciendo?

Alcance

Definiendo los requerimientos

Alcance

​Requerimientos generales:

  • Marca.

  • Requisitos técnicos (Soporte de navegadores, S.O, etc...).

Definiendo los requerimientos

Nivel de detalle:

  • A mayor complejidad...
    Necesita más detalle en las especificaciones.

Alcance

Tipos:

  • Cosas que las personas dicen que quieren.
     

  • Cosas que las personas dicen que quieren.... pero no son realmente lo que quieren.
     

  • Cosas que las personas no saben que quieren.

Definiendo los requerimientos

Alcance

Brainstorming:

  • Organiza reuniones con personas de otros departamentos de perfiles mixtos.
     
  • Surgen oportunidades interesantes para mejorar el producto.

Definiendo los requerimientos

Alcance

Escenarios:

  • Narra cómo el usuario se enfrenta a un proceso real dentro del producto.
     

  • Permite crear empatía con el usuario, intentando satisfacer sus necesidades.

Definiendo los requerimientos

Alcance

Especificaciones funcionales

Alcance

​Los programadores las odian porque:

  • Parecen una pérdida de tiempo.
  • Cambian durante la implementación.

Especificaciones funcionales

Tienen mala reputación en ciertos sitios...

¿Tiene solución?...

Alcance

La respuesta es:

  • Que sean ligeras.
  • Que estén asociadas a la vida de producto.
  • Que no sean tan complejas que se conviertan en un proyecto en sí mismas.

Especificaciones funcionales

Muy bonito... ¿Cómo lo hacemos?

Alcance

Una buena documentación debe:

  • Ser breve, clara y concisa.
  • Poseer la definición suficiente para evitar confusión en el diseño y los procesos de desarrollo.

Especificaciones funcionales

Aaahá... ¿Por ejemplo?

Alcance

Su escritura debe ser:

  • Positiva.
  • Específica.
  • Evitar el lenguaje subjetivo.

Especificaciones funcionales

Hmm... Interesante....

Alcance

Positiva:

 

Mal: "El sistema no permitirá al usuario apuntarse a la promoción si no está registrado previamente".

 

Bien: "El sistema llevará al usuario a la página de registro si intenta apuntarse a una promoción".

Especificaciones funcionales

Alcance

Espeficífica:

 

Mal: "Los videos más populares serán destacados".

 

Bien: "Los videos más visitados la última semana aparecerán los primeros de la lista".

Especificaciones funcionales

Alcance

Evitar el lenguaje subjetivo:

 

Mal: "La apariencia del sitio web tiene que ser muy corporativo".

 

Bien: "El Look&Feel del sitio web debe ir en consonancia con la guia de estilo de la compañía".

Especificaciones funcionales

Alcance

¿Vamos bien?

Alcance

¡Sigamos!

Alcance

Requerimientos de contenido

Alcance

  • Textos.
  • Imágenes.
  • Videos.
  • Audio.

Requerimientos de contenido

Nos referimos a contenido en su totalidad...

Alcance

Definiendo los requerimientos

Lo más importante, ¿Cuál es su propósito?

No confundir nunca el formato de una pieza de contenido con su propósito.

Alcance

Definiendo los requerimientos

El tamaño si importa.

Es vital definir los requisitos de tamaño de los contenidos, esto influye en la experiencia de usuario.

 

  • Longitud de texto.
  • Tamaño de imágenes y vídeos.
  • Peso de archivos descargables.

Alcance

Definiendo los requerimientos

De este contenido, ¿Quién es el responsable?

Definir los roles que intervienen desde la creación de contenido hasta su consumo por los usuarios.

Alcance

Definiendo los requerimientos

Algo imprescindible, ¿Cómo es tu audiencia?

Analizando las necesidades de los usuarios:

  • Con que frecuencia esperan recibir información.
  • ¿Cómo interactúan con tu contenido?

Alcance

Definiendo los requerimientos

¿Y para proyectos complejos?

Es útil contar con un inventario de contenidos que contenga:

  • Definición del proceso de trabajo y flujo de publicación.
  • Directrices estratégicas del producto.
  • Especificaciones de formato, accesibilidad.
  • Guías de estilo editorial.

Alcance

Priorizando

Alcance

Priorizando

Tener ideas para posibles requerimientos no es difícil... 

El reto está en priorizar las características que encajan dentro del alcance del proyecto.

Alcance

Un mismo requerimiento puede aplicar simultáneamente a varios objetivos estratégicos.

Priorizando

Alcance

Necesitamos evaluar los requerimientos teniendo en cuenta:

  • ¿Técnicamente son posibles?

  • Motivos financieros.

  • Recursos humanos.

Priorizando

Sobre el papel, todo está muy bien...

Caso práctico

Define el alcance de la app

¡Gracias!

¿Preguntas?

ADESIS - Fundamentos en el Diseño de Experiencia de Usuario

By Javier Larrea Garcia

ADESIS - Fundamentos en el Diseño de Experiencia de Usuario

Presentación introductoria a los elementos que componen el diseño de Experiencia de Usuario en productos digitales.

  • 1,325