Cómo adaptar mi web a las pantallas de los dispositivos móviles

A la hora de adaptar las páginas web a las pantallas móviles tendremos que tomar algunas decisiones. Crear un único proyecto o varios, usar la misma url o no, adaptar el código y la navegación.

En méxico se ha duplicado la penetración de los Smartphones en tan solo dos años. Esto es lo que se desprende del estudio ‘Somos Digitales’, llevado a cabo por Ametic y Accenture.

Tipos de dispositivos a los que adaptar la web

Los teléfonos móviles agrupan un 96%, aunque seguidos muy de cerca por los ordenadores personales, con un 93%. Estos datos no hacen más que demostrar el crecimiento de uso de este tipo de dispositivos móviles.

A continuación, veremos algunas decisiones oportunas a la hora de adaptar nuestra página web a este tipo de dispositivos.

Pasos para adaptar web a móviles

1.º La primera idea es decidir si se desea crear un nuevo proyecto para cada sitio web, hecho que optimizará mucho más la navegación desde los dispositivos móviles, aunque también conllevará mucho más trabajo, o bien si se utiliza lo que se conoce como Responsive Design. Esto consiste en adaptar el formato de la página web actual a los distintos tipos de pantalla. Dicho de otra manera, adaptar la web a móviles.

2.º Url: en este punto nos tocará decidir si hacemos uso de la misma estructura para todos los formatos de webs (aconsejada por Google y más óptima para el SEO) o si utilizan url diferentes (con dominios o subdominios).

3.º Adaptar el código a los dispositivos móviles. Aunque evoluciona a pasos agigantados, este tipo de dispositivo todavía es más lento que los ordenadores, por eso debemos optimizar el código de nuestro sitio web y hacerlo más eficiente. Reducir el tamaño, evitar el uso de estilos inline o evitar por todos los medios el flash son algunos de los requisitos que debemos cumplir.

4.º Usabilidad. Si nuestra navegación no es utilizable, perderemos a los usuarios de dispositivos móviles en pocos minutos. Debido a esto, se trata de uno de los puntos más importantes.

Por el tamaño reducido de la pantalla y su uso táctil, tendremos que facilitar todavía más la navegación. Así, podremos: duplicar los menús de navegación, hacer uso de la geolocalización, evitar hacer escribir demasiado a los usuarios, etc.

Se trata, en definitiva, de pensar en el uso que hacemos de nuestros dispositivos móviles y de las limitaciones para la navegación que pueden acarrear. Y, con estas ideas, adaptar las versiones de nuestros sitios web.