Índice de materias

leyes y principios de experiencia de usuario (UX) y usabilidad

• Principio de Robustez (Ley de Postel)
• Parálisis por análisis
• Efecto de mera exposición
• Efecto Dunning-Kruger
• Ley de Parkinson
• Ley de dirección de Accot-Zhai
• Regla del 90-9-1
• Los 10 principios generales de usabilidad de Jakob Nielsen
• Principio de Pareto
• Relación entre estética y usabilidad
• La navaja de Ockham
• Umbral de Doherty
• Principio de cierre
• Principio de experiencia
• Principio de dirección común
• Principio de semejanza
• Principio de continuidad
• Principio de simetría
• Efecto de superioridad de la imagen
• Efecto Zeigárnik
• Efecto Von Restorff
• Ley de Tesler
• Efecto de posición serial
• Principio de proximidad
• Ley de Miller
• Ley de Prägnanz
• Ley de Jakob
• Ley de Hick
• Ley de Fitts
• Mis principios generales de usabilidad

buenas prácticas de usabilidad

• La mejor alineación del texto para una lectura fluida en páginas web
• Cómo las personas sostienen y tocan sus teléfonos móviles
• Romper la escala del eje Y en un gráfico
• Formularios usables: consejos de diseño
• Los campos de texto de Material Design están mal diseñados
• Alineación (posición) recomendada para los botones de un formulario
• Formularios usables: mensajes de error
• Formularios usables: campos de fecha
• Formularios usables: botones
• Formularios usables: campos de texto
• Sin miedo al scroll
• Diferencia claramente los elementos clicables y/o seleccionados
• Internacionalizar fechas
• Tamaño mínimo recomendado para los elementos interactivos en dispositivo táctil
• Botones Aceptar y Cancelar, ¿en qué orden los situamos?
• No utilices el atributo placeholder
• Faculta la manipulación directa de los elementos a modificar
• El contenido precede al diseño
• Emplea valores por defecto útiles en los formularios
• Utiliza la jerarquía visual para dirigir la atención
• Muestra el estado de los elementos del interfaz
• Las etiquetas de los campos, mejor por encima
• Plantéate alternativas al carrusel
• Scroll infinito vs paginación
• Agrupa los elementos relacionados
• No reinventes la rueda: utiliza convenciones
• No ocultes opciones importantes tras menús desplegables
• Destacar las llamadas a la acción
• Deshacer, en lugar de solicitar confirmación
• Reduce el número de campos de los formularios
• Recomienda en lugar de mostrar opciones iguales
• Unifica funcionalidades similares
• Una sola columna en lugar de dos
• Alternativas usables al menú hamburguesa

formularios

• Formularios usables: consejos de diseño
• Los campos de texto de Material Design están mal diseñados
• Alineación (posición) recomendada para los botones de un formulario
• Formularios usables: mensajes de error
• Formularios usables: campos de fecha
• Formularios usables: botones
• Formularios usables: campos de texto
• Internacionalizar fechas
• Botones Aceptar y Cancelar, ¿en qué orden los situamos?
• No utilices el atributo placeholder
• Emplea valores por defecto útiles en los formularios
• Las etiquetas de los campos, mejor por encima
• Reduce el número de campos de los formularios

git

• Patch Mode de Git
• Cómo deshacer el último commit con Git
• Diferencias entre checkout, revert y reset
• Conventional Commits
• Cómo deshacer un commit en Git (vídeo)

sistemas de diseño

• Relación entre estética y usabilidad
• Qué es un sistema de diseño
• Objeciones al CSS-in-JS
• Ventajas de un diseño de interfaz personalizado
• Memorando sobre el libro Atomic Design de Brad Frost

memorandos

• Cómo las personas sostienen y tocan sus teléfonos móviles
• Los 10 principios generales de usabilidad de Jakob Nielsen
• Los campos de texto de Material Design están mal diseñados
• Memorando del podcast de Daniel Primo “¿Por qué Drupal es difícil?”
• Memorando sobre el libro Atomic Design de Brad Frost

leyes y principios de la Gestalt

• Principio de cierre
• Principio de experiencia
• Principio de dirección común
• Principio de semejanza
• Principio de continuidad
• Principio de simetría
• Efecto Zeigárnik
• Principio de proximidad
• Ley de Prägnanz

buenas prácticas de accesibilidad

• Los widgets de accesibilidad no son la solución
• La mejor alineación del texto para una lectura fluida en páginas web
• Accesibilidad web al alcance de todos
• Las 3 pautas de accesibilidad de mayor impacto para usuarios con visión reducida

buenas prácticas de diseño

• Romper la escala del eje Y en un gráfico
• La navaja de Ockham
• ¿Pides propuestas gráficas en tus concursos? No vuelvas a hacerlo
• Qué es Mobile First
• Qué es un sistema de diseño
• Ventajas de un diseño de interfaz personalizado
• La regla del 60-30-10 para escoger colores

colores

• La regla del 60-30-10 para escoger colores

desarrollo de soluciones digitales

• Principio de Robustez (Ley de Postel)
• Ley de Parkinson
• Experiencia de usuario versus interfaz de usuario
• Cómo crear una página web gratuita en GitHub Pages (segunda parte)
• Cómo crear una página web gratuita en GitHub Pages
• Qué son las Core Web Vitals
• Memorando del podcast de Daniel Primo “¿Por qué Drupal es difícil?”
• Qué es Mobile First
• Qué es un sistema de diseño
• Resultados del Front-End Tooling Survey 2019
• Objeciones al CSS-in-JS
• Qué es una Progressive Web App (PWA)
• Aplicaciones web con front-end y back-end desacoplado

SEO

• Qué es el keyword research
• Qué son las Core Web Vitals

ética

• Uso de sesgos cognitivos en marketing

marketing

• Uso de sesgos cognitivos en marketing

sesgos cognitivos

• Parálisis por análisis
• Efecto de mera exposición
• Efecto Dunning-Kruger
• Uso de sesgos cognitivos en marketing

métodos de investigación UX

• Qué es un user story map
• Qué es un stakeholder map
• La matriz de poder e interés
• Técnica de construcción de Personas
• Qué es un focus group
• Qué es un tree testing
• Qué es un card sorting
• Qué es un test heurístico
• Qué es un test de usabilidad con personas usuarias
• Qué es un user/customer journey map

glosario

• Qué es la accesibilidad de una aplicación
• Qué es la usabilidad de una aplicación