Cómo comenzar

¿Cuáles son los tres puntos más importantes que debo saber al crear un sitio para dispositivos móviles?

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

Ayuda a los visitantes del sitio a cumplir sus objetivos. Quizás quieran entretenerse con las entradas de tu blog, obtener la dirección de tu restaurante o consultar las reseñas de tus productos. Abhi Dhar, vicepresidente del grupo y director tecnológico de comercio electrónico de Walgreens, explica lo siguiente: "Nuestra meta con todo lo que hacemos para dispositivos móviles es facilitarles la vida a nuestros clientes".

Diseña tu sitio para que sea más fácil para tu cliente visitarlo y completar una tarea.

Detalla los posibles pasos en el viaje de tu cliente para asegurarte de que sean fáciles de realizar en un dispositivo móvil. Intenta dinamizar la experiencia y reducir la cantidad de interacciones del usuario. En este ejemplo, el cliente (1) 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 y (3) compra la lámpara deseada.

2. Mide la efectividad de tu sitio web en función de la facilidad con la que los clientes de dispositivos móviles completan tareas comunes.

Para crear un sitio móvil, es necesario establecer prioridades. Puedes empezar por averiguar cuáles son las tareas más comunes y relevantes para los clientes que utilizan dispositivos móviles. Es fundamental que puedan llevar a cabo dichas tareas. Por tal motivo, lo que realmente cuenta a la hora de valorar un sitio móvil es si los clientes pueden lograr sus objetivos. Hay maneras de lograr que el diseño del sitio también sea compatible con la facilidad de uso. Concéntrate en lograr que la interfaz sea coherente y en ofrecer una experiencia unificada en todas las plataformas.

"Aquellas personas que realizan compras en dispositivos móviles priorizan la facilidad de uso en los sitios, y el 48% de los encuestados dijo que era la característica más importante de un sitio móvil", detalla MediaPost.

3. Selecciona una plantilla, un tema o un diseño para dispositivos móviles que sea coherente en todos los dispositivos (por ejemplo, usa diseño web responsivo).

En un diseño web responsivo, la página usa la misma URL y el mismo código más allá de que el usuario esté en una computadora de escritorio, una tablet o un teléfono celular. Solo se modifica la visualización o el sitio responde de acuerdo al tamaño de la pantalla. Google recomienda usar un diseño web responsivo sobre otros patrones de diseño. Uno de los beneficios del diseño web responsivo es que solo necesitas mantener una versión del sitio en lugar de dos. No tienes que mantener un sitio para computadoras de escritorio en www.example.com y la versión móvil en m.example.com; solo tienes que mantener un sitio, como www.example.com, para visitantes de computadoras de escritorio y dispositivos móviles.

Un sitio responsivo adapta el contenido a diferentes tamaños de pantalla, pero sigue usando la misma URL y el mismo código. Los tres dispositivos anteriores usan www.example.com (en lugar de la página móvil en m.example.com y la página para tablets en t.example.com).

"Gracias al uso de diseño web responsivo, Baines & Ernst pudo optimizar la experiencia de su sitio en diferentes tamaños de pantalla sin crear múltiples sitios web. Detectaron que los visitantes accedieron a un 11% más de páginas en su sitio por visita y que las conversiones móviles aumentaron un 51%".

Las conversiones ocurren cuando un cliente realiza una acción deseada, 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 responsivo, consulta Fundamentos de la Web. Si quieres comparar los pros y los contras de diferentes implementaciones en sitios web para dispositivos móviles, tablets y computadoras de escritorio, lee el artículo sobre cómo crear sitios web para los 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 móviles son útiles: ayudan a los visitantes a completar sus tareas, ya sea que consistan en leer un artículo interesante o consultar la ubicación de tu tienda. No caigas en la trampa de crear solo un sitio con formato para dispositivos móviles que no ofrece una funcionalidad completa. En lugar de eso, recuerda crear un sitio optimizado para dispositivos móviles (que sea realmente útil para los clientes de dispositivos móviles y que esté optimizado para las tareas más comunes de los usuarios).

Error 2: Implementar el sitio móvil en un dominio, subdominio o subdirectorio diferente del sitio para computadoras de escritorio.

Si bien Google admite configuraciones variadas de sitios móviles, crear URL diferentes para dispositivos móviles aumenta el trabajo necesario para hacer el mantenimiento del sitio y para actualizarlo, además de que introduce posibles causas de problemas técnicos. A menudo, para simplificar significativamente tu trabajo, puedes usar un diseño web responsivo y publicar tu sitio para computadoras de escritorio y dispositivos móviles en la misma URL. El diseño web responsivo es la configuración recomendada de Google.

Error 3: Trabajar de forma aislada en lugar de buscar otras fuentes de inspiración.

Echa un vistazo a otros sitios de tu sector o de la competencia para buscar inspiración y recomendaciones. Dado que seguramente no eres el primero de tu sector en crear un sitio móvil, puedes aprovechar para aprender de quienes ya lo hicieron. También encontrarás muchas ideas en la guía The Mobile Playbook y en el artículo Google Multi-screen Success Stories.

Enviar comentarios sobre…