Estás en una trampa de diseño receptivo muy común. Piense en el diseño receptivo en términos del ancho de píxeles y no del dispositivo.
¿Por qué no debería basar los puntos de interrupción en el dispositivo? Porque no hay un conjunto icónico de dispositivos.
- ¿Cómo conseguir los primeros clientes para mi negocio de desarrollo web de Django? ¿Cómo están haciendo eso otras compañías? De donde proviene la mayoría de sus clientes
- Cómo usar encabezados de autorización en el método de publicación AngularJS
- Cómo hacer que mi sitio web aparezca como el mejor en los motores de búsqueda
- ¿Cómo interactúa Python con HTML y páginas web en general?
- ¿Es justo decir que JavaScript y PHP siguen siendo "inferiores" a otros lenguajes de programación, a pesar de sus encarnaciones modernas como PHP7 y ES2015 +?
Fuente: las resoluciones móviles a tener en cuenta al diseñar
Este gráfico muestra la resolución de teléfonos y tabletas que acceden a la web durante aproximadamente un mes en 2015. Solo en las porciones de pastel “grandes”, hay 10 resoluciones distintas. Para empeorar las cosas, la categoría “Otros” no es una resolución de pantalla masivamente exitosa; es el resumen de todas las otras resoluciones variables que no fueron lo suficientemente grandes como para obtener su propio segmento.
Todo esto continuará empeorando a medida que tengamos pantallas en más y más dispositivos cotidianos.
Si pensabas que era complejo, los modos de entrada con estos dispositivos son tan variables. Es probable que encuentre interfaces táctiles en todas las resoluciones y es probable que también encuentre no táctil.
Algunas reglas generales:
- Cree puntos de interrupción donde el contenido se rompa, no en función del ancho del dispositivo
- Apóyate en diseños basados en porcentajes y carrozas.
- Aproveche las interacciones que funcionan en dispositivos táctiles y de mouse.
- Use maquetas estáticas con moderación; use código o herramientas de diseño receptivo para analizar en qué ancho se rompe el contenido.
- Aproveche algunos patrones de diseño receptivos comunes (como Column Dropping, por ejemplo)