Introducción

¿Cuáles son las tres cosas que deberías saber a la hora de crear un sitio web para dispositivos móviles?

1. El sitio web debe ser fácil de usar para los clientes.

Ayuda a los visitantes de tu sitio web a cumplir sus objetivos. Quizá quieran entretenerse con las entradas de tu blog, consultar la dirección de tu restaurante o leer las reseñas de tus productos. El vicepresidente y director tecnológico de comercio electrónico del grupo Walgreens, Abhi Dhar, lo explica de esta manera: "Todo lo que hacemos en nuestro contenido móvil es para facilitar la vida a nuestros clientes".

Diseña tu sitio web de forma que a los clientes les resulte más fácil visitarlo y llevar a cabo cualquier tarea en él.

Repasa los pasos que puede que sigan los clientes durante su recorrido por tu sitio web para asegurarte de que puedan completarse fácilmente desde un dispositivo móvil. Intenta simplificar la experiencia y reducir el número de interacciones de los usuarios. En este ejemplo: (1) el cliente hace clic en un sitio después de hacer una búsqueda para comprar lámparas; (2) navega por una selección de lámparas; (3) compra la lámpara deseada.

2. La eficacia del sitio web se mide según la facilidad con la que los clientes de dispositivos móviles pueden realizar tareas habituales.

Crear un sitio web para móviles requiere establecer prioridades. Puedes empezar por averiguar cuáles son las tareas más comunes e importantes para los clientes que utilizan dispositivos móviles. Es fundamental que puedan llevar a cabo dichas tareas y, por esta razón, lo que realmente cuenta a la hora de valorar un sitio para móviles es si los clientes pueden lograr sus objetivos. Hay maneras de lograr que el diseño del sitio web también sea compatible con la facilidad de uso. Céntrate en conseguir que la interfaz sea coherente y en ofrecer una experiencia similar en todas las plataformas.

"Lo que más valoran los compradores que utilizan móviles es que los sitios web donde compran sean fáciles de usar. Un 48 % de ellos considera que esa cualidad es la más importante en los sitios web móviles que usan", afirma MediaPost.

3. La plantilla, el tema o el diseño del sitio web móvil debe ser el mismo en todos los dispositivos (por ejemplo, recomendamos usar el diseño web adaptable).

Las páginas con diseño web adaptable utilizan la misma URL y el mismo código tanto si se visitan desde ordenadores como desde tablets o teléfonos móviles; sencillamente, su contenido se ajusta o se adapta en función del tamaño de la pantalla. Google recomienda utilizar el diseño web adaptable antes que otros patrones de diseño. Una de las ventajas que ofrece este sistema es que solo hay que mantener una versión del sitio web en lugar de dos; es decir, no hace falta mantener un sitio web para ordenadores en www.example.com y una versión para móviles en m.example.com, sino que basta con mantener un solo sitio web (por ejemplo www.example.com), al que podrán acceder todos los visitantes, usen ordenadores o móviles.

En los sitios web adaptables, el contenido se ajusta a los diferentes tamaños de pantalla, pero se siguen utilizando las mismas URL y los mismos códigos. Los tres dispositivos de la imagen utilizan www.example.com (y no m.example.com como página para móviles y t.example.com como página para tablets).

"Gracias al diseño web adaptable, Baines & Ernst ha podido optimizar la experiencia de su sitio web en diferentes tamaños de pantalla sin tener que crear varios sitios web. Después del cambio, detectaron que los visitantes accedieron a un 11 % más de páginas de su sitio web por visita y que las conversiones móviles aumentaron un 51 %".

Se considera que se ha producido una conversión cuando un cliente lleva a cabo una de las acciones deseadas, como comprar productos, llamar a la empresa o suscribirse a un boletín de noticias.

Para obtener más información sobre cómo implementar un diseño web adaptable, consulta el sitio web Aspectos básicos de la Web. Si quieres valorar los aspectos positivos y los negativos de diferentes implementaciones de sitios web para móviles, tablets y ordenadores, consulta cómo crear sitios web para consumidores multipantalla.

¿Cuáles son los tres principales errores que los principiantes deben evitar?

Error 1: Olvidar a los clientes que utilizan dispositivos móviles

Recuerda que los buenos sitios web móviles son útiles: permiten que los visitantes consigan lo que quieren, ya sea leer un artículo interesante o consultar la ubicación de tu tienda. No caigas en la trampa de solo crear un sitio web con formato móvil que no proporcione todas las funciones de la versión para ordenadores; diseña un sitio web optimizado para móviles, que sea realmente útil para los clientes que utilizan móviles y que esté optimizado para que los usuarios puedan completar las tareas más habituales.

Error 2: Implementar el sitio web móvil en un dominio, subdominio o subdirectorio diferente al de la versión para ordenadores

Aunque Google admite utilizar varias configuraciones para implementar sitios web móviles, si se generan URL diferentes para la versión móvil, habrá que dedicar más trabajo a mantener y actualizar el sitio web y, además, será más probable que ocurran problemas técnicos. A menudo, puedes simplificar el proceso si utilizas un diseño web adaptable y publicas el contenido para ordenadores y para móviles desde la misma URL. El diseño web adaptable es la configuración que recomienda Google.

Error 3: Trabajar de forma aislada y no buscar inspiración en otros sitios

Echa un vistazo a otros sitios de tu sector o de la competencia para buscar inspiración y prácticas recomendadas. Como probablemente no eres el primero de tu sector en crear un sitio para móviles, puedes aprovechar para aprender de los que te han precedido. También puedes encontrar muchas ideas en la guía para móviles y consultando los casos de éxito de sitios web multipantalla en Google.