Grupo de personas demostrando la importancia del diseño Mobile First

¿Por qué tu página web necesita una versión móvil?

escrito por kevin altamirano

“¿Como hacer la versión móvil de una web?” y “¿cómo adaptar una página web a móvil?” son los dos conceptos más buscados en Google en español referente a las páginas web adaptadas para celulares. Sin embargo, si tú eres un dueño de negocio y ya tienes una página web no responsiva que quieres que esa misma página se adapte a celulares déjame decirte que estás cometiendo un grave error… o por lo menos estás desperdiciando una oportunidad inmensa.

No es para menos esto de sitios web con versión móvil, en 2019 puedes estar segur@ que la mayoría de las visitas de casi cualquier sitio web a nivel mundial viene de usuarios de celulares. Mira por ejemplo esta gráfica de una de nuestros clientes.

Seguramente sabías que usuarios móviles eran mayoría, pero ¿Te habías dado cuenta de la abismal diferencia? Estos números son una constante en todas las páginas que hemos diseñado y de las que hemos tenido conocimiento, las estadísticas hablan de ello, los índices y encuestas no paran de hacernos saber lo importante que es la versión móvil por una simple razón: Todo mundo tiene un teléfono celular y para todos es más rápido navegar por internet desde su dispositivo móvil, y esta tendencia no cambiará a mediano plazo.

Así que tu error, querid@ dueñ@ de negocio que quiere hacer su sitio web ya existente para móviles, es que cuando 85% de tus usuarios en promedio te van a visitar desde su móvil, tu página web tiene que ser diseñada primordialmente para móviles. Tiene que ser una web suficientemente rápida para que naveguen en ella desde celulares sin WiFi, suficientemente estética para proyectar confianza y una experiencia de usuario cómoda, y comprimir la información de forma organizada y no ruidosa.

En otras palabras, si quieres que tu sitio web tenga éxito en los próximos 5 años, tu página tiene que estar diseñada Mobile First.

En 2019 es momento de deshacernos de la idea del diseño móvil responsivo

Supongamos tú, dueño de negocio, necesitas construir un tren. Hagamos algo divertido, supongamos que tú, estás a cargo de construir el Tren Maya en México (política aparte, por favor). ¿Comprarías un tren que funcionara a base de carbón para luego tomar ese mismo tren y modificarlo para convertirlo en un tren eléctrico de alta velocidad? No, claro que no, ese sería un gigantesco desperdicio de tiempo y recursos para ti, para el país y para todos. Además de que no habría garantías que ese tren funcionara de forma eficiente en el futuro.

Pues bueno, eso es precisamente lo que la mayoría de las personas están haciendo cuando se trata de diseñar páginas web para móvil. Crean una versión de escritorio primero, y luego intentan hacer que funcione en celulares en vez de construir un sitio web más rápido y mejor diseñado para los usuarios móviles y después diseñar para otras plataformas a partir de ahí.

Pero…

¿No es el diseño responsivo lo mismo que Mobile First?

No, no realmente. Ambos conceptos son un poco similares, pero sus métodos enfoques y estrategias son completamente diferentes.

El diseño responsivo (y nos vamos a ver un poco técnicos aquí) es un enfoque de diseño web donde utilizamos CSS para ajustar los elementos del sitio web al dispositivo en que es mostrado. El desarrollo es más complejo, ya que se necesita implementar más ajustes en el código, y aun así el diseño dejará mucho que desear en dispositivos móviles por priorizar la navegación en computadoras.

Mobile First, por otro lado, es una estrategia de diseño. Mientras que podremos pensar en un sitio web con comportamiento responsivo (que se adapte a las diferentes pantallas y dispositivos), considera a los usuarios móviles como lo primordial. Así que en vez de crear una página web para computadoras y luego forzarla a encajar en la pequeña pantalla de un iPhone, creamos una página web considerando cómo navegaran la mayoría de sus usuarios, desde móvil.

En la mayoría de los casos adaptar una web al diseño móvil requiere de mucho más trabajo y es igual de costoso que rediseñar el sitio web desde 0 pensando en Mobile First. Si me preguntas, yo siempre recomendaría rediseñar una web desde el inicio. Será incluso más económico y rápido que adaptar tu diseño a esas pequeñas pantallas que todo mundo carga en su bolsillo estos días.

Comparte este post

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest
Share on print
Share on email