Mobile First

El término mobile first es un concepto utilizado en el diseño web y la concepción de sitios web. Basándose en este concepto, se crea primero una versión optimizada para dispositivos móviles y luego se amplía. Así, la estrategia "mobile first" sigue la tendencia de que cada vez más usuarios navegan por Internet con su smartphone o tablet, y no con el PC.

Antecedentes

El desarrollo web y el diseño web se han centrado desde el principio únicamente en el diseño de sitios para PCs. En primer lugar, estos diseños eran relativamente sencillos debido al menor ancho de banda de bajada, ya que la conexión a Internet en los 90 todavía se hacía a través de módem de acceso telefónico con una velocidad máxima de hasta 54 kbit/s. Por consiguiente, el diseño y la funcionalidad tenían que adaptarse a la velocidad de navegación. Eventualmente las webs fueron capaces de ofrecer más y más funciones, porque la descarga se hizo más rápida gracias al DSL. Con Internet de alta velocidad a través de VDSL, se pueden alcanzar velocidades superiores a 100 Mbit/s, dependiendo de la región. Las velocidades de carga de las web modernas no se pueden realizar hoy en día con un módem de acceso telefónico convencional.

Pero mientras que el acceso a Internet en casa evolucionó rápidamente, la Internet móvil se desarrolló paralelamente. El acceso a internet móvil operable desde el principio con el estándar GSM y experimentó una primera especialización con WAP. Después de que las conexiones de datos móviles se hicieron sucesivamente más rápidas y ahora en su pico actual, el Internet móvil se ha vuelto cada vez más popular. En España, por ejemplo, más del 92 por ciento de los usuarios de Internet navegan por Internet en sus smartphones

En el curso de este desarrollo paralelo, los diseñadores web, webmasters y SEOs deben preguntarse más a menudo cómo el contenido puede ser optimizado para dispositivos móviles. La optimización móvil es una consecuencia de las consideraciones anteriores. La estrategia "mobile first" tiene un enfoque diferente, específicamente al principio de todas las consideraciones. Tendencias como el diseño sensible captan estas ideas.

Google ha incrementado una vez más el significado de móvil, primero desde que hizo del Mobile Friendliness 2016 un factor de posicionamiento, y luego haciendo que el índice de móviles se convierta en el índice primario.

Fundamento

Las webs suelen estar diseñadas para escritorios de PC. Los diseñadores y programadores web desarrollan una amplia funcionalidad y gráficos, que están diseñados tanto para pantallas grandes como para conexiones de datos rápidas. Una versión móvil de una tienda online o de un sitio web se planificó sólo como segundo paso y, por lo general, no era más que una especie de "apéndice" de la web principal. En el caso de la telefonía móvil se invierten las prioridades.

En primer lugar, hay que responder a las siguientes preguntas:

• ¿Cuál es el aspecto central de mi sitio web?
• ¿Qué elementos de mi web son absolutamente necesarios para el diseño la misma?
• ¿Qué áreas deben funcionar en escritorios y dispositivos móviles?
• ¿Para qué tamaño de pantalla está hecho mi contenido?

El diseño de una web se limita a lo rudimentario y esencial. Sólo lo que es realmente necesario está programado y configurado para maximizar la funcionalidad en todos los dispositivos. Los bocetos de las webs están diseñados directamente para las pantallas de los smartphones. Esto no deja espacio para imágenes grandes o funciones, lo que significa que las áreas que son inmediatamente obvias visualmente se reducen radicalmente, así como el código fuente. Las funciones como JavaScript normalmente no se tienen en cuenta primero en el móvil. El sitio mismo puede ser programado inmediatamente en HTML5.

Las ventajas

Si sigues la estrategia de mobile first, te beneficiarás de muchas ventajas. Por un lado, seguirías la tendencia actual de navegar por Internet con smartphones. Por lo tanto, una optimización móvil se llevará a cabo automáticamente al comenzar a diseñar de la web. Pero incluso la versión de escritorio o PC se puede beneficiar de la tecnología móvil, porque básicamente no es un enfoque de diseño, sino un enfoque basado en el contenido con sólo el contenido más importante que va en el sitio y sólo se muestra lo que es esencial. Si deseas ampliar tu sitio más tarde para incluir funciones adicionales, puedes hacerlo sin problemas. Además, una página web optimizada para dispositivos móviles puede adaptarse más fácilmente a los nuevos desarrollos, ya que su estructura es mucho más sencilla que la de una web programada convencionalmente.

Enlaces Web

• Mobile First - Codemyviews
• Mobile First - Lukew