Las personas acceden a Internet desde una variedad de dispositivos, ya sean de escritorio, tabletas o smartphones; se predice que pronto el tráfico móvil superará al de dispositivos de escritorio.
Diseño Web Responsivo
Desde hace un tiempo hemos notado un cambio significativo en los sitios web de nuestros clientes. El tráfico móvil ahora representa al menos el 50% de su tráfico.
Cuando las búsquedas se realizan desde un dispositivo móvil, los motores de búsqueda, incluso Google, dan prioridad a los sitios web que son amigable con estos dispositivos (mobile friendly). Esto hace al "Diseño Web Responsivo" más importante que nunca.
El Diseño Web Responsivo (RWD) es "fluido." Esto quiere decir que el sitio web se adapta a cualquier tamaño de pantalla, sin importar el dispositivo de destino. Utiliza "consultas css @media"para cambiar los estilos basados en el dispositivo de destino, tales como el tipo de pantalla, ancho, altura, etc.
Diseño Web Adaptivo (AWD) utiliza diseños "estáticos." Funciona detectando el tamaño de la pantalla y luego se carga el diseño adecuado. Estas paginas no se adaptaran (responderán) una vez que la página se haya cargado inicialmente. En general, se crearía aproximadamente un diseño para al menos 6 de los anchos de pantalla más aceptados.
ADW es una forma efectiva y útil de modificar un sitio web existente para que sea amigable con dispositivos móviles.
Principio de Diseño "Mobile First"
Cuando diseñamos un nuevo sitio web tomamos el enfoque de"Móvil Primero". Esto significa que creamos el diseño para la pantalla más pequeña que muestra solo el contenido más esencial que el usuario necesita ver.
Este enfoque es mejor porque es más fácil añadir elementos que retirarlos.