Notas del episodio
La checklist para crear diseños Responsive Design de verdad
Estos son los conceptos clave de la lista a modo de resumen y con los enlaces mencionados en el podcast:
- 1. Diseña Mobile First.
-
2. ¿Qué medidas de pantallas debes considerar en tus diseños?
- Screen Resolution Stats Worlwide, de statcounter
- Browser displays statistics, de W3schools
- Mobile device statistics, de W3Schools - 3. Centra tus diseños en el contexto en el que puede estar el usuario.
- 4. Considera la anatomía de las personas: cómo sujeta el móvil, cómo podrá llegar más fácilmente a los botones, hacer slide,... etc.
- 5. ¡El contenido también debe ser responsive!
- 6. Es crucial que la información importante esté lo antes posible.
- 7. Los recursos (imágenes, etc.): cuanto más ligeros, ¡mejor!
- 8. Determina desde qué dispositivos se van a recibir más visitas probablemente.
- 9. Determina los breakpoints que quieres considerar y comunícalos a los desarrolladores.
- 10. Indicar cómo evolucionan los espacios verticales en cada dispositivo.
- 11. Crea una hoja con los estilos de texto para cada breakpoint.
- 12. Crea diseños fluidos.
- 13. Aprovéchate del hardware del dispositivo móvil para aumentar la usabilidad y la experiencia de usuario.
Enlaces y recursos mencionados en el episodio
- web e-aditivos: ejemplo de diseño bien adaptado al contexto.
- Diseño y User Experience: Diseños accesibles, según Google.