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ás 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 que acceden a través 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 usuarios de dispositivos móviles que los utilizan para hacer compras 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, motivo por el que 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.comy 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 realiza una de las acciones deseadas, como comprar productos, llamar a la empresa o suscribirse a un boletín informativo.

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. En cambio, crea un sitio optimizado para móviles (que sea realmente útil para los clientes de móviles y que esté optimizado para las tareas más habituales de los usuarios).

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 las cosas utilizando un diseño web adaptable y publicar para ordenadores y para móviles desde la misma URL. Google recomienda utilizar la configuración de diseño web adaptable.

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 te puede ser útil leer todas las ideas mencionadas en la guía para móviles y en los casos de éxito de sitios web multipantalla de Google.