Este documento habla sobre la experiencia del usuario (UX) y la usabilidad de sitios web y aplicaciones. Explica conceptos clave como la definición de usabilidad, los objetivos del diseño centrado en el usuario, y cómo los usuarios interactúan e interactúan con las interfaces. También cubre temas como los estándares de diseño, las pruebas de usabilidad, la navegación y la estructura de sitios web, y la escritura de copias para mejorar la experiencia del usuario.

1. Experiencia de usuario y UX
Diego C Martín

2. 1. Introducción a la usabilidad web y en apps
Experiencia de usuario y UX
Definición
Decimos que una aplicación, herramienta o
tecnología es usable si para el usuario es
sencillo alcanzar el objetivo que se
pretende con ella.

3. 1. Introducción a la usabilidad web y en apps
Experiencia de usuario y UX
Objetivos

4. 1. Introducción a la usabilidad web y en apps
1.1 El sentido común y los estándares
Experiencia de usuario y UX
No hacer pensar

5. 1. Introducción a la usabilidad web y en apps
1.1 El sentido común y los estándares
Tema 3. Experiencia de usuario y UX
Cómo actuamos los usuarios

6. 1. Introducción a la usabilidad web y en apps
1.1 El sentido común y los estándares
Tema 3. Experiencia de usuario y UX
Diseñar interfaces para ser escaneadas

7. 1. Introducción a la usabilidad web y en apps
1.1 El sentido común y los estándares
Tema 3. Experiencia de usuario y UX
• Jerarquías con encabezados
• Copiar los estándares
• Separar el contenido en zonas
claramente definidas
• Hacer que lo clicable sea obvio
• Reducir el contenido no relevante o
difícilmente entendible

8. 1. Introducción a la usabilidad web y en apps
1.1 El sentido común y los estándares
Tema 3. Experiencia de usuario y UX
La navegación
• Logotipo.
• Secciones de la
web.
• Utilidades.

9. 1. Introducción a la usabilidad web y en apps
1.1 El sentido común y los estándares
Tema 3. Experiencia de usuario y UX
Las migas de pan

10. 1. Introducción a la usabilidad web y en apps
1.1 El sentido común y los estándares
Tema 3. Experiencia de usuario y UX
Pestañas y acordeones

11. 1. Introducción a la usabilidad web y en apps
1.1 El sentido común y los estándares
Tema 3. Experiencia de usuario y UX
La página de inicio
– Identidad y misión
– Jerarquía
– Buscador
– Contenido promocional
– Contenido dinámico
– Accesos directos
– Registro

12. 1. Introducción a la usabilidad web y en apps
1.2 Los test de usabilidad
Tema 3. Experiencia de usuario y UX
Un test sencillo. Imprime una página y
rápidamente localiza…
– Logotipo e identificador del sitio.
– Título de la página.
– Secciones de contenido.
– Menú de navegación.
– Migas de pan.
– Cuadro de búsqueda.

13. 1. Introducción a la usabilidad web y en apps
1.2 Los test de usabilidad
Tema 3. Experiencia de usuario y UX
Para los test programados…
• 3 o 4 personas a la vez.
• No perfiles específicos.
• No sala especial.
• Cualquier persona puede guiar el test.
• No preparar y organizar.
• No hace falta equipo sofisticado.
• Pequeño incentivo a los participantes.

14. 1. Introducción a la usabilidad web y en apps
1.2 Los test de usabilidad
Tema 3. Experiencia de usuario y UX
Smart Look. Configuración

15. 1. Introducción a la usabilidad web y en apps
1.2 Los test de usabilidad
Tema 3. Experiencia de usuario y UX
Smart Look. Grabaciones

16. 2. Principios Gestalt aplicados a interfaces de usuario
Tema 3. Experiencia de usuario y UX
Visitemos LingsCars.com
Gestalt se basa en que la mente genera un todo
global a partir de tendencias organizativas.

17. 3. Trucos para un copywriting atrayente
Tema 3. Experiencia de usuario y UX
• Web 2.0
• Conocer al cliente
• Objetivos
• Cómo escribir. Palabras, naturalidad y
autenticidad

18. 3. Trucos para un copywriting atrayente
Tema 3. Experiencia de usuario y UX
Los blogs
• Características
• Elementos
• Ejemplos
• Cómo Crear un blog