Lo primero que debe aceptar es la diversidad en los dispositivos móviles. Navegadores, tamaños de pantalla, velocidades de conexión: todo es diferente.
La comunidad web disfrutó de un breve período de dominación del iPhone, cuando abordar la resolución de un navegador / pantalla parecía suficiente. Pero ahora que los dispositivos Android (que vienen con una variedad de tamaños de pantalla) están ganando popularidad rápidamente, es importante pensar una vez más en la imagen más grande.
La siguiente lista no puede calificarse como pasos sino como algunas pautas para construir un sitio amigable para dispositivos móviles:
1- Complementos
Aproveche los complementos. Si su sitio web está construido con un CMS (sistema de gestión de contenido), consulte los complementos móviles disponibles. Un buen complemento optimizará su sitio para los espectadores móviles sin la necesidad de un rediseño manual.
- ¿Cuáles son las ventajas y desventajas del diseño web móvil frente al diseño receptivo desde un punto de vista de SEO?
- ¿Cuál es el futuro de los servicios basados en ubicación en India?
- ¿Cuál simplifica mejor sus objetivos comerciales, un sitio web móvil o una aplicación?
- ¿Qué podría considerarse una técnica estándar para la detección / redirección móvil de un sitio web y cómo se implementaría de manera típica?
- ¿Qué tan bueno es HTML5 para su sitio web móvil?
2- Cambiar el tamaño de las imágenes
Las pantallas pequeñas requieren imágenes pequeñas. Simplemente no hay razón para enviar activos de imágenes pesadas del tamaño de una computadora de escritorio a usuarios móviles que no los necesitan.
Una buena estrategia sería cambiar el tamaño de las imágenes en el servidor web; de esta forma, tardan hasta un 90% menos de tiempo en cargarse. Si puede, haga que sus imágenes optimizadas se vinculen con la imagen original completa alojada en otro lugar. Sus visitantes móviles lo apreciarán en caso de que quieran acercarse para obtener más detalles.
3- Funciones de navegación amigables con los dedos
Muchos de los mejores teléfonos actuales usan pantallas táctiles. Esto es algo a tener en cuenta cuando intentas optimizar tu sitio web para un teléfono móvil. Es más fácil para los visitantes de su sitio web navegar por su tienda de comercio electrónico si tienen botones grandes para tocar. Otra cosa para pensar es el desplazamiento. La mayoría de los lectores se desplazarán hacia abajo de la página con el dedo, por lo que crear contenido en un formato vertical simple les ayudará a realizar un seguimiento de lo que están viendo.
Al mismo tiempo, considere agregar o priorizar elementos específicos para dispositivos móviles. Por ejemplo, el pequeño enlace “Contacto” oculto en el pie de página de su sitio completo? Podría ser un excelente elemento de encabezado de primera línea para la versión móvil, simplemente porque muchos usuarios vendrán a buscar un número de teléfono o la dirección de su oficina. Otro gran elemento para tener en el encabezado móvil es Buscar.
4- Centrarse en necesidades críticas
Los usuarios de dispositivos móviles generalmente no navegarán por más de unos minutos. La mayoría solo quiere una información específica. Asegúrese de que los servicios principales, los productos principales, los números de teléfono y las direcciones, los conceptos básicos de lo que hace y quién es usted, sean fáciles de encontrar y ver. Un amigo que dirige una cadena de tiendas minoristas estima que al menos el 30% de los visitantes móviles a su sitio solo visitan ubicaciones, números de teléfono y horarios de la tienda.
5- Saca el flash.
Flash es genial en los navegadores normales, pero no se mostrará en muchos dispositivos móviles. Considere eliminar Flash en las páginas que probablemente visiten los usuarios móviles; si no puede, use Javascript, incruste enlaces de YouTube o solicite a su diseñador web otras posibles soluciones.
6- evitar formas
Los formularios son difíciles de completar en los teléfonos inteligentes (al menos son para mí). Si debe usar los formularios, solo solicite la información que realmente necesita.
7- Evita las ventanas emergentes
Aunque los anuncios emergentes pueden cumplir una función importante en su sitio web principal, pueden ser más problemáticos de lo que valen en una pantalla móvil. Disminuyen significativamente la experiencia y pueden crear confusión. Los espectadores pueden no entender de dónde proviene la ventana emergente y pueden abandonar su sitio antes de que tengan la oportunidad de ver el resto de su contenido.
También es importante mantener la coherencia visual con el sitio de escritorio: esto fortalecerá su marca y asegurará a sus visitantes móviles que están en buenas manos. También querrás minimizar el desplazamiento y las transiciones de página para reducir el tiempo dedicado a buscar contenido.
Puede consultar este estudio de caso donde han creado una excelente versión móvil de un sitio complejo
http: //www.harbinger-systems.com…
