comparte el articulo 

Cómo hacer tus sitios más amigables para dispositivo móviles

Actualizado el 11/11/2013 < > 0 Comentarios

Resumen: Es muy importante que nuestros diseños se ajusten a las necesidades actuales de los usuarios, por ello en este artículo exponemos algunos consejos que te permitirán adaptar tu sitio a los distintos dispositivos móviles que se utilizan en la actualidad.

Cuando se inicia un nuevo proyecto de desarrollo, una de las cosas primordiales por hacer, es olvidarnos de diseñar un sitio web exclusivo para dispositivos móviles. En cambio, el diseño del sitio web debe planearse para adecuarse a todos los tipos dispositivos de uso común, desde teléfonos pequeños a grandes pantallas planas.

Casi todas los desarrolladores tienen que adaptarse para llegar eficazmente a los consumidores de cualquier pantalla. Hay dos estrategias básicas para la construcción de sitios web muestran bien el contenido en todos los dispositivos, estos son el diseño responsive y el adaptive, es decir el diseño sensible y adaptable. Los sitios responsive son la mejor opción para la mayoría de los desarrollos pequeños.

Teniendo esto en cuenta, a continuación expondremos algunos consejos que te ayudarán para que al diseñar, tus sitios sean más amigables y se desplieguen correctamente en los dispositivos móviles.

Ajusta tu sitio para los usuarios actuales

Al buscar diseñar un sitio adaptable, lo mínimo que debes hacer, es ajustar lo existente de tal forma que pueda ser adecuado para los usuarios de hoy en día. Ningún desarrollador puede darse el lujo de ignorar el hecho de que más de mil millones de personas acceden a la Web principalmente desde dispositivos móviles. Incluso si aún no estás listo para reconstruir tu sitio para una visualización óptima en todos los dispositivos, por lo menos sigue uno de los siguientes dos pasos:

Simplifica el diseño de tu sitio

Basta con cargar tu sitio web en un dispositivo móvil inteligente, o en una máquina virtual, para darte cuenta la cantidad de errores que existen en tu diseño. Para que un diseño se visualice de manera correcta en un dispositivo móvil, se recomienda manejar un estilo sencillo, tamaños de fuente grandes, colocar la información relevante en la parte superior y botones táctiles grandes a prueba de dedos gordos.

Crear una versión móvil de su sitio

Como alternativa a la edición del sitio web existente, puedes crear una versión paralela, la cual utilice una estructura enfocada a la visualización en dispositivos móviles. Sin embargo, este método tiene sus desventajas, si tu sitio móvil maneja una segunda URL, como por ejemplo un dominio con el prefijo “m”, es probable que los motores de búsqueda no lo encuentren por lo que el posicionamiento de la página se puede ver afectado.

Tanto Google como Bing abogan por un enfoque de una sola URL, con el fin de beneficiar la localización y posicionamiento de sitios en los buscadores. Sin embargo, si te gusta tu sitio tal como está o no tienes el tiempo para llevar a cabo una reconstrucción, la creación de un sitio móvil que este vinculado con el sitio principal no es la peor estrategia. La peor estrategia es hacer caso omiso de los usuarios que utilizan dispositivos móviles.

Reconstruye tu sitio para una mejor visualización

Una mejor idea que ajustar tu actual diseño, es llevar a cabo una completa reconstrucción de tu sitio web para que su visualización en cualquier dispositivo sea adecuada. Aquí es donde los términos de adaptive y responsive empiezan a ser aplicados.

Diseño adaptive o adaptativo

El diseño adaptativo es aquel que es utilizado por las grandes empresas, las cuales invierten grandes cantidades de dinero para llegar a la mayor audiencia posible en línea. Con el diseño adaptativo, se busca detectar e identificar el dispositivo con el que el usuario ingresa al sitio, y de esa manera poder generar una página adaptada a las capacidades de dicho dispositivo.

Diseño de respuesta sensible o responsive

Es una solución más factible, la cual utiliza la tecnología CSS (Cascading Style Sheets) para crear una única versión de un sitio web. Dicha versión, se ajusta automáticamente para funcionar correctamente en todos los dispositivos, excepto en los teléfonos móviles antiguos. Un sitio que maneja esta técnica, permite llegar a un tipo de audiencia más activa.

Comprométete a tener un sitio adecuado para el futuro

Si has estado pensando últimamente en establecer prioridades para tus proyectos, añade el rediseño de tu sitio al principio de tu lista, para que de esa manera puedas estar preparado para atender a todo tipo de consumidores, los cuales ingresarán a tu sitio a través de sus teléfonos, tablets, PCs, televisores o incluso en un futuro no muy lejano desde las puertas del refrigerador o los espejos de su baño.

Incluso si el diseño no se te da mucho, puedes recurrir a los cientos de plantillas que existen en la actualidad, marcadas como responsive. Dichas plantillas se pueden incorporar a alguno de los CMS más populares como WordPress, permitiéndote dedicarte únicamente a manejar el contenido, dejando la tarea de adaptación a la plantilla que implementaste.

Recuerda siempre que cuando una persona accede a tu sitio mediante un dispositivo móvil, generalmente es por tres razones, para ahorrarse tiempo, para conectarse socialmente con otros o para perder tiempo. Así que trata siempre de darles un acceso rápido y fácil a la información que buscan, pon tus datos de contacto en primer plano y en el centro de la página, dales enlaces a mapas y direcciones, añade vídeos u otras diversiones para mantenerlos en tu sitio durante todo el tiempo que quieran quedarse.

Publicado el 11/11/2013, última actualización 11/11/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras