Haz el sitio amigable para móviles
¿Necesito un sitio optimizado para móviles?
¿Qué debo saber al contratar un diseñador o una agencia?
¿Cómo puede mejorar el diseño de mi sitio móvil?
Imagina un grupo de amigos almorzando.
Uno de ellos habla mucho de CocinaKitsch, una tienda de artículo de cocina muy ecléctica.
Todos inmediatamente sacan sus teléfonos móviles y búscan el sitio web de la compañía.
Un sitio adaptado para móviles ofrece una experiencia de compra simple, clara, que no avasalle o confunda a las personas.
Te muestro cómo se hace.
El diseño de un sitio móvil no sigue un criterio universal.
Se pude pensar de formas diferentes.
Algunas personas prefieren no usar un sitio móvil y crean, en cambio, una app que los clientes deben descargar e instalar.
Algunos crean el sitio móvil antes de diseñar el sitio para computadoras de escritorio.
Otros mantienen el sitio de escritorio existente y crean un sitio móvil separado, completamente nuevo.
Nosotros vamos a centrarnos en un diseño receptivo (responsive), que es lo que terminan usando la mayoría de las compañías.
Es una buena forma de crear un diseño flexible, que se adapte a diferentes pantallas, definiciones y dispositivos.
El diseño receptivo se adapta a tu cliente. Sin importar el tamaño de la pantalla o dispositivo que usa, tu sitio web se verá y funcionará bien.
Aquellos clientes que estén familiarizados con tu sitio de escritorio podrán navegar tu sitio móvil también.
Eso significa que ellos tendrán más opciones para navear y comprar, y tú podrás aumentar las conversiones y los ingresos.
El diseño receptivo puede ayudar en la optimización del motor de búsqueda.
Los sitios adaptados al uso del móvil aparecen antes en los resultados de las búsquedas, en especial si la persona busca un servicio local.
Bien, estás listo para crear un sitio móvil.
Quizás, hasta tengas un diseñador o agencia que te ayude.
Pero espera… ya sea que juzgues tu propio trabajo o el trabajo que los demás hacen por ti, debes conocer las mejores prácticas para diseñar un sitio móvil.
¿Debería el botón de llamado a la acción estar en el centro?
Sí, asegúrate de que tu botón de llamado a la acción se encuentre donde el consumidor pueda verlo y activarlo.
¿Debería verse sólo un gran aviso de promociones cuando visitan tu página de llegada?
No, las promociones no deberían entorpecer la navegación, contenido importante, o el botón de llamado a la acción.
Guía a tus clientes a través del sitio en vez de distraerlos y confundirlos.
¿Deberías ofrecer un menú detallado con muchas opiciones?
No.
Los ususarios, en sus móviles, disfrutan de menús simples.
Una opción titulada “Mujeres” funciona mejor que un menú listando cada tipo de prenda.
Bonus: Usa un menú vertical, en vez de horizontal.
¿Debería tu logo ser interactivo?
Sí, la mayoría de las personas asumirán que hacer un toque en el logo los llevará a la página de inicio.
Esos fueron algunos conceptos básicos del diseño para móviles.
Pero siempre pueden enfocarte en objetivos específicos para mejorar el diseño, facilitar y agilizar el proceso de compra de tus productos y la navegación de tu sitio.
Ayuda a la gente a buscar en tu sitio de modo sencillo.
Si les resulta fácil encontrar lo que buscan será más probable que lo compren.
Pon la casilla de búsqueda en la parte superior de la página, para que sea sencillo buscar cosas en tu sitio.
Agrega características como auto-completar y auto-corrección.
Esto ayuda a tus clientes a rellenar los casilleros de búsqueda en sus pequeñas pantallas de móvil.
Deja que los clientes afinen la búsqueda (si el producto los permite).
Por ejemplo, en vez de sólo dejar busquen un artículo como “camisa”, deja que elijan el tamaño, el color, el estilo, etc.
El proceso de compra debe ser rápido.
No les des a los clientes la oportunidad de arrepentirse.
Facilpitales tanto como puedas el camino que va de mirar a comprar.
Seduce a tus clientes antes de proponerles matrimonio.
Deja que exploren tu sitio sin tener que registrarse ni tener una cuenta.
Ayuda a tus clientes a atravesar el proceso de compra dándoles la opción de hacer un “pedido express” o comprar sin registrarse.
Completa anticipadamente las preferencias de los clientes existentes al momento del pago.
Deja que los nuevos clientes usen el servicio de cobranza de terceros.
Ayuda a los clientes a ingresar los datos en tu sitio.
Si los clientes no pueden ingresar sus datos correctamente en tu sitio, no podrán completar la compra.
Haz que aparezca un teclado numérico si los clientes tienen que ingresar cifras, y ofréceles un calendario visual para que elijan fechas.
Avánzalos automáticamente al siguiente campo cuando hayan terminado.
Usa un menú desplegable cuando haya muchas opciones para los clientes.
Verifica errores a medida que los clientes ingresen los datos, para que sepan si tienen que corregir algo antes de pulsar “Enviar”.
Ahora conoces las mejores prácticas de los móviles, trata de evaluar tu sitio móvil o el de la competencia.
Evaluación de un sitio móvil
Cuando llegas al sitio
¿Hay un llamado a la acción claro?
¿Hay una caja de búsquedas encima de la página?
¿Las promociones compiten por la atención con la navegación o el llamado a la acción?
¿Tocar el logo te devuelve a la página inicial?
Estás listo para la compra
¿Puedes hacerlo sin registrarte?
¿El sitio te recuerda que ingreses el código postal si lo has olvidado al momento de pagar?
Así es cómo debe ser un sitio amigable para móviles.
Como punto de partida, piensa en los elementos que podrían mejorar el sitio aún más (agrega opciones de autocompletar, autoavanzar, etc).
En Consultoría Digital Roger, comprometidos con nuestro trabajo y tu satisfacción, nos esforzaremos para que tu sitio web tenga un diseño atractivo y cumpla con las recomendaciones básicas; así lograremos que tu negocio en línea tenga éxito en dispositivos móviles.
También puedes obtener más información sobre identidad, marca y ventas con Google Primer.
Solicita una cotización
Envía un WhatsApp o escríbenos un e-mail y solicita una cotización.
[wpforms id=”478″]