Javier Larrea Garcia
FrontEnd Developer / UX-UI Designer Organizador en UX Academy
Fundamentos en el Diseño de la
Experiencia de usuario
The Elements of User Experience
Jesse James Garrett
Superficie
Esqueleto
Estructura
Alcance
Estrategia
Superficie
Esqueleto
Estructura
Alcance
Estrategia
Superficie
Esqueleto
Estructura
Alcance
Estrategia
Superficie
Esqueleto
Estructura
Alcance
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?
Buscar un equilibrio...
Necesidades de los usuarios
Satisfacer las necesidades de las personas que usarán nuestro producto.
¿Qué esperan de nosotros?
Superficie
Esqueleto
Estructura
Alcance
Estrategia
Comienza cuando las necesidades de los usuarios y los objetivos de negocio...
Son traducidos a requerimientos de contenido y funcionales.
Especificaciones funcionales:
Define el conjunto de características del producto.
¿Qué estamos creando?
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...
Superficie
Esqueleto
Estructura
Alcance
Estrategia
Comienza cuando definimos cómo los sistemas responderán a las acciones de los usuarios
Diseño de interacción:
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.
Superficie
Esqueleto
Estructura
Alcance
Estrategia
Determina la apariencia de la interfaz y cómo los usuarios deberán moverse a través de las tareas y la información.
Diseño de interfaz:
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.
Superficie
Esqueleto
Estructura
Alcance
Estrategia
En la fase de diseño visual se usan colores, imágenes, tipografías y efectos con el objetivo de...
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.
¿Qué queremos conseguir con este producto?
¿Qué es lo que quieren nuestros usuarios?
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.
Identidad de marca:
Es uno de los objetivos principales de negocio.
Asocia no sólo aspectos visuales sino también conceptos y reacciones emocionales.
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.
Analítica web
Investigación estratégica:
Segmentación de usuarios
Análisis de mercado
Investigación contextual
Análisis de tareas
Test de usuarios
Card sorting
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.
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.
Define la estrategia para una nueva app
¿Qué contenido y funcionalidades ofrecemos al usuario?
¿Cómo lo priorizamos?
Definiendo los requerimientos del producto eliminamos ambigüedad en el diseño del proceso.
Si nadie conoce el alcance del proyecto, ¿cómo podría alguien saber cuándo acabará?
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.
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.
Funcionalidad:
Deberemos considerar las características del producto de software.
¿Cómo debe funcionar?
¿Qué estamos haciendo?
Contenidos:
Pondremos atención a la información que queremos transmitir a los usuarios.
Se utilizan sistemas de gestión de contenidos. (CMS)
¿Qué estamos haciendo?
Requerimientos generales:
Marca.
Requisitos técnicos (Soporte de navegadores, S.O, etc...).
Nivel de detalle:
A mayor complejidad...
Necesita más detalle en las especificaciones.
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.
Brainstorming:
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.
Los programadores las odian porque:
Tienen mala reputación en ciertos sitios...
¿Tiene solución?...
La respuesta es:
Muy bonito... ¿Cómo lo hacemos?
Una buena documentación debe:
Aaahá... ¿Por ejemplo?
Su escritura debe ser:
Hmm... Interesante....
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".
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".
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".
Nos referimos a contenido en su totalidad...
Lo más importante, ¿Cuál es su propósito?
No confundir nunca el formato de una pieza de contenido con su propósito.
El tamaño si importa.
Es vital definir los requisitos de tamaño de los contenidos, esto influye en la experiencia de usuario.
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.
Algo imprescindible, ¿Cómo es tu audiencia?
Analizando las necesidades de los usuarios:
¿Y para proyectos complejos?
Es útil contar con un inventario de contenidos que contenga:
Tener ideas para posibles requerimientos no es difícil...
El reto está en priorizar las características que encajan dentro del alcance del proyecto.
Un mismo requerimiento puede aplicar simultáneamente a varios objetivos estratégicos.
Necesitamos evaluar los requerimientos teniendo en cuenta:
¿Técnicamente son posibles?
Motivos financieros.
Sobre el papel, todo está muy bien...
Define el alcance de la app
By Javier Larrea Garcia
Presentación introductoria a los elementos que componen el diseño de Experiencia de Usuario en productos digitales.
FrontEnd Developer / UX-UI Designer Organizador en UX Academy