fbpx

La checklist para crear diseños Responsive Design de verdad

Más del 50% de las peticiones de búsqueda se hacen desde dispositivos móviles desde el 2015, según Google. Por tanto, que nuestros diseños sean responsive no es nada nuevo.

Sin embargo, ¿te has planteado alguna vez si tus diseños realmente son 100% responsive design? Es decir, ¿Qué implica realmente el responsive design? ¿Qué debemos considerar y cómo?

En el capítulo de hoy comparto contigo mi checklist de los puntos a considerar cuando hablamos de diseños responsive design de verdad

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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Descubre cómo aumentar tu productividad y eficiencia en tu negocio con Lecciones UI para creativos

Breves podcast semanales en las que comparto contigo cómo mejorar los procesos tanto de gestión como de producción UI.

Lecciones UI
para Creativos

Subscríbete para descargar los contenidos. Si ya estás suscrito, puedes acceder a ellos a través del enlace que recibiste en el email de bienvenida.

GDPR - Acción requerida

Tus datos me importan y quiero que estén seguros. Sólo usaré la información que nos proporciones en este formulario (nombre y correo electrónico) para enviarte únicamente información relacionada con el podcast Lecciones UI para Creativos. Confirma explícitamente tu permiso para enviarte información a través de la siguiente casilla:

Términos y condiciones

Puedes cambiar de opinión en cualquier momento haciendo clic en el enlace "dar de baja" que hay en el pie de página de cualquier correo electrónico que recibas de nuestra parte, o poniéndote en contacto conmigo en [email protected] Trataré tu información con sumo respeto y cuidado. Para obtener más información acerca de nuestras prácticas de privacidad, visita nuestro sitio web.