leyes y principios de experiencia de usuario (UX) y usabilidad
- Ley de Campbell
- Efecto halo
- 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
- Buenas prácticas de usabilidad para el chatbot de IA de tu sitio web
- Tamaño mínimo de los elementos interactivos
- 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
- Memorando del artículo de Colton Voege «Tailwind is the Worst of All Worlds»
- 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
accesibilidad
- Tamaño mínimo de los elementos interactivos
- Eres una persona con discapacidad
- Accesibilidad digital: legislación vigente en España
- Los widgets de accesibilidad no son la solución
- La mejor alineación del texto para una lectura fluida en páginas web
- Qué es la accesibilidad de una aplicación
- 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
- Qué es el Diseño Centrado en el Usuario (DCU)
- El diseño como proceso
- Qué es la usabilidad de una aplicación
- 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
desarrollo de soluciones digitales
- Los cinco niveles de adopción de la IA en el desarrollo de software
- ¿Cómo será el futuro de la ingeniería de software en la era de la IA?
- Qué es el Diseño Centrado en el Usuario (DCU)
- Memorando del artículo de Colton Voege «Tailwind is the Worst of All Worlds»
- Principio de Robustez (Ley de Postel)
- Ley de Parkinson
- Qué es la usabilidad de una aplicación
- 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/GEO
ética
marketing
sesgos cognitivos
- Efecto halo
- 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
- ¿Cuántas personas usuarias son necesarias para un test de usabilidad?
- 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
legislación
- Aviso de cookies: legislación aplicable en España
- Accesibilidad digital: legislación vigente en España
- Aviso de cookies en portales de la Administración Pública española
cookies
- Aviso de cookies: legislación aplicable en España
- Aviso de cookies en portales de la Administración Pública española
off topic
inteligencia artificial
- Inteligencia artificial: mira el cambio directamente a los ojos
- Lo que la inteligencia artificial nos enseña sobre qué es realmente la inteligencia
- Buenas prácticas de usabilidad para el chatbot de IA de tu sitio web
- La IA facilita (pero no garantiza) el aprendizaje en las organizaciones
- Quiero que la IA me cite
- Los cinco niveles de adopción de la IA en el desarrollo de software
- ¿Cómo será el futuro de la ingeniería de software en la era de la IA?
- ¿Es la inteligencia artificial generativa una “caja negra”?
- ¿Puede la inteligencia artificial superar a la humana?
- Cómo funciona la inteligencia artificial generativa