Los dispositivos móviles son algo esencial para nuestro día a día y las estadísticas nos dicen que cada vez más, consumimos contenido (noticias, artículos, multimedia...) a través de nuestros móviles. Por eso es importante que hablemos del concepto de Mobile First.
Debido a este consumo masivo de información a través de pantallas más pequeñas llegó la filosofía de Mobile First, que no es otra cosa que empezar a diseñar una web enfocada a los dispositivos móviles.
Consiste en diseñar y desarrollar las páginas web empezando por los dispositivos más pequeños (móviles) y a partir de ese diseño, empezar a trabajar pantallas más grandes; lo contrario al diseño web Responsive, donde se diseña de mayor a menor.
Estamos acostumbrados a empezar a desarrollar una página web desde la pantalla más grande e ir adaptándola a dispositivos más pequeños. Pero esta forma de trabajo puede que esté empezando a cambiar, es posible que haya más smartphones que personas en el mundo.
Es todo cuestión de comodidad a la hora de diseñar y desarrollar una web. Con un diseño Mobile First irás de menos a más, acomodando el contenido y adaptando el layout a las necesidades de la pantalla.
De hecho, es más fácil hacer un diseño mobile donde trabajamos con menos elementos y según nos vamos adaptando a una pantalla más grande, ir agregando nuevos elementos. Si empiezas por diseñar la pantalla más grande, cuando tengas menos espacio te resultará más difícil acomodar todos los elementos a un ancho menor y decidir qué contenido es prescindible en tu web.
Vamos a concretar algunas ventajas que tiene a favor un diseño Mobile First frente a un diseño Reponsive:
El propósito del diseño Mobile First es desarrollar una web óptima principalmente para dispositivos móviles, basándose en la estrategia de mejora progresiva de menos a más.
En conclusión, Responsive web tiene que seguir existiendo y se va a seguir utilizando, pero lo que es innegable, es que cada vez más todo se enfoca a pantallas pequeñas y la tendencia es que hay que priorizar los dispositivos mobile.
Es importante que en mobile las webs tengan una usabilidad impecable y que todo funcione y se visualice correctamente. Y el Mobile First, puede ayudarnos.
Cookie | Duración | Descripción |
---|---|---|
cookielawinfo-checkbox-advertisement | 1 year | Set by the GDPR Cookie Consent plugin, this cookie records the user consent for the cookies in the "Advertisement" category. |
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
CookieLawInfoConsent | 1 year | CookieYes sets this cookie to record the default button state of the corresponding category and the status of CCPA. It works only in coordination with the primary cookie. |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |
_GRECAPTCHA | 5 months 27 days | Google Recaptcha service sets this cookie to identify bots to protect the website against malicious spam attacks. |
Cookie | Duración | Descripción |
---|---|---|
_gat | 1 minute | Google Universal Analytics sets this cookie to restrain request rate and thus limit data collection on high-traffic sites. |
Cookie | Duración | Descripción |
---|---|---|
_ga | 1 year 1 month 4 days | Google Analytics sets this cookie to calculate visitor, session and campaign data and track site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognise unique visitors. |
_gid | 1 day | Google Analytics sets this cookie to store information on how visitors use a website while also creating an analytics report of the website's performance. Some of the collected data includes the number of visitors, their source, and the pages they visit anonymously. |