¿Llevas ya años realizando pruebas A/B y optimizaciones para tu página web en su ordenador de sobremesa? Sí es así seguro que es muy sencillo crear una versión móvil de esta: copia y pega el contenido y ya tienes una página web móvil. ¡Incorrecto! En este artículo le daremos consejos sobre Mobile Usability que deberás tener en cuenta.
No hay lugar a dudas: hoy en día los usuarios de teléfonos móviles pasan más tiempo en las páginas web de diferentes proveedores que los usuarios de PC. ¿Por qué ocurre esto? Por una parte, muchos países solo navegan por internet mediante móvil. Por otra parte, la tecnología de los dispositivos móviles y de los proveedores de servicios (por ejemplo, Google con su Machine Learning) ha evolucionado enormemente en las últimas décadas. El resultado: muchas personas „aprenden“ a utilizar muy a menudo este asistente del día a día. Un ciclo sin fin de preguntas humanas y respuestas de la máquina. Nos preguntamos si volverá a haber igualdad de mercado aquí.
¿Qué hacemos en realidad cuando utilizamos nuestro teléfono inteligente? Comparamos, compramos, nos comunicamos y utilizamos este aparato para nuestro entretenimiento diario. No podemos olvidar que este viaje normalmente empieza (si nuestra aplicación favorita no está ya instalada) en nuestro viejo amigo, Google.
Google impulsó en 2015 la necesidad de optimizar las páginas web para móvil con su actualización „Mobile-Friendliness“ y se puso a la cabeza en 2018 con su indización „mobile-first“. Lo que en un principio fue una adaptación causada por el pánico de escritorio a móvil, debería haber hecho reflexionar a los administradores de sitios web tras la publicación de la indización „mobile-first„. Para poder siquiera aparecer en las páginas web indizadas de los resultados del buscador Google, es obligatorio que tu página esté optimizada para dispositivos móviles.
Desde un punto de vista técnico, existen distintas posibilidades como el diseño web adaptable, subdominios móviles, aplicaciones nativas, Progressive Web Apps (PWA) o Accelerated Mobile Pages (AMP). Google recomienda el diseño web adaptable, ya que gracias a su adaptabilidad a todos los dispositivos no requiere capacidad o gastos extra. No obstante, si quieres hacer un esfuerzo adicional se recomienda el uso de PWA. Encontrarás una guía detallada sobre cómo optimizar tu página web para móvil de forma correcta en nuestro libro electrónico gratuito o en nuestros consejos sobre mobile friendly.
Al crear tu página web móvil tienes que tener en cuenta, además de tener un contenido extraordinario, factores de la Mobile Usability. Si el usuario puede orientarse bien en la página web y puede utilizarla sin problemas, querrá volver como consecuencia de su User Experience (UX) positiva. La Mobile Usability influye en la UX móvil del usuario.
Tanto los usuarios como los motores de búsqueda aprecian que la “awesomeness” en todos los ámbitos. Mobile First significa en cuanto a la optimización móvil pensar de pequeño a grande. Por eso más que una optimización a móvil, hay que pensar en un rediseño de la página web para móvil. No te calientes la cabeza con cómo puedes comprimir tu contenido para escritorio en una página web móvil. Utiliza esta oportunidad para pensar en qué información necesita un usuario móvil y cómo puede encontrarla de la mejor manera. Debes mirar a la Usability de tu página web en detalle. Las páginas web no son versiones reducidas de las de escritorio. Hazte las siguientes preguntas:
1. ¿Qué porcentaje de tu texto son palabras de relleno y adornos innecesarios?
2. ¿Tus imágenes son solo elementos decorativos o ofrecen un valor añadido al usuario?
3. ¿Utilizas formatos como Flash y JavaScript que no son compatibles con las páginas para móvil?
4. ¿Qué quieres conseguir con tu página web? ¿Hay suficientes elementos relevantes que, por ejemplo, sirvan para la conversión?
Las respuestas a todas estas preguntas te ayudarán a ponerle la dieta adecuada a tu página web. Aquí también se aplica el lema: menos es, a menudo, más.
Las dos diferencias más notables entre escritorio y móvil son el tamaño y los elementos de control. El área de visualización de tu página web debe ajustarse para evitar que el usuario tenga que desplazarse verticalmente.
Lo que es rápidamente visible en una pantalla de escritorio, a menudo no se ve a primera vista en una pantalla táctil, sino que primero hay que hacer clic en iconos, etc. Normalmente, entonces el se extiende contenido por toda la pantalla. Asegúrate de que el usuario pueda volver a cerrarlo.
El usuario móvil no tiene periféricos que le ayuden, como un ratón. Navega con el dedo por tu página. Para una buena Mobile Usability, los elementos táctiles tienen que tener el tamaño y distancia entre sí adecuados. En escritorio se da a menudo información pasando el ratón por encima de elementos; esto desaparece totalmente en los dispositivos móviles.
El antiguo „pon la información importante por encima del pliegue“ es, sencillamente, no posible con la comunicación móvil. El tamaño y resolución de la pantalla de los teléfonos móviles varía enormemente. En última instancia, si el usuario cambia de formato vertical a formato horizontal el pliegue deja de coincidir con el borde inferior de la página. Además, el usuario no está dispuesto a pasar mucho tiempo buscando algo en la página. ¿La meta de conversión de tu página web es conseguir reservas? La Mobile Usability debería ser sencilla: coloca las funciones importantes para ello donde estén visibles (p. ej. una pantalla de reservas en la página de inicio). Un ahorro de tiempo que permite que el usuario „llegue directamente“ a lo que busca.
Imagen 1: Función de conversión presente en la página de inicio
Los usuarios bien saben que los iconos, como el menú hamburguesa, el cajón de búsqueda, el área personal, la cesta de la compra, etc. se colocan en la parte superior de la página web móvil. Sin embargo, la tendencia de la industria del teléfono móvil a diseñas dispositivos cada vez más grandes hace que sea difícil de utilizar. Cada vez más gente utiliza las dos manos o un soporte para el dedo, para poder activarlos con el pulgar. Esto hace que los elementos de la parte superior de la página web no se puedan controlar fácilmente. Esto impacta negativamente en la Mobile Usability física. La solución: „Bottom sheet“. Por eso los elementos de navegación del teléfono móvil se encuentran en la parte inferior de la pantalla.
Al estructurar tu navegación, deberías echar un vistazo a los datos de tus análisis para identificar a que páginas tienes que prestarle especial atención. ¿Qué páginas tienen el mayor tráfico? Estas tienen que estar en primer plano o en la parte superior. Puesto que la memoria a corto plazo del ser humano puede retener unas 5 cosas sin un gran esfuerzo, debes reducir tu navegación principal a entre 5 y 7 elementos de menú.
Imagen 2: Niveles de dificultad del control del smartphone solo con una mano
El usuario de internet 24 horas no solo utiliza su teléfono inteligente cuando está de camino a un sitio, sino que quiere obtener información rápidamente en cualquier lugar. ¿Qué debes tener en cuenta al crear contenido para tu página web móvil?
Incorpora el contenido de mayor a menor importancia. Responde a la pregunta de qué espera el usuario de una página en concreto y dónde debe colocarse el contenido.
También tienes que asegurarte de que tu página web tiene un contraste que sea legible. Debido a que las pantallas son más pequeñas, es muy importante para la Mobile Usability que el usuario pueda ver bien el contenido. El texto y las imágenes deberían destacar en términos de color.
Imagen 3: Ejemplo de una página web con mala legibilidad
Los textos que hasta ahora has ofrecido en la versión de escritorio pueden resultar demasiado largos en un móvil. Simplifica los textos y limítate a lo más importante. La escaneabilidad es aquí la palabra clave. A menudo, el texto se puede reemplazar con iconos o hacer menos complejo mediante listados. No sueltes un monólogo, haz preguntas e interactúa con los usuarios.
El tamaño de letra óptimo es de 16 px. Debido a los distintos tamaños de pantalla, este debería escalarse.
Otros tipos de contenido como imágenes y vídeos son importantes, pero podrían impactar negativamente en la Mobile Usability si tardan demasiado en cargarse. Por un lado, la Page Speed es un factor de ranking para Google y, por otro, los usuarios abandonan las páginas que tengan tiempos largos de carga. Ten en cuenta las opciones que tienes para mejorar la velocidad de tu página web. El nuevo informe sobre Page Speed de Ryte Suite te dará la información que necesitas. Comprueba con nuestra cuenta gratuita si tu contenido está optimizado.
En lo que respecta a la optimización de contenido, tu página web debería mostrar la intersección entre lo que quieres decir y lo que le interesa a tu grupo objetivo.
Los humanos somos animales de costumbres. Ten en cuenta que el usuario móvil en sí, no existe. El usuario que utiliza su teléfono móvil es el mismo que ya estaba acostumbrado a tu página web en PC. O es el usuario que utiliza primero su teléfono inteligente para comparar precios o conseguir información y que luego completará su compra en el ordenador de escritorio.
¡No confundas a tu usuario! La Usability de la página en móvil mediante botones, etc. es diferente de la del escritorio. Sin embargo, es importante para el factor de reconocimiento de tu página que de una imagen de unidad al exterior. Por eso, quítate de la cabeza que la versión móvil tiene que carecer de ciertos elementos y tener “Look & Feels” diferentes para cada dispositivo. Piensa en tu página web móvil como en una versión para múltiples dispositivos.
Lo mismo se aplica a colores y tipografía: cuanto más armónicos sean los colores entre sí, mejor. La Mobile Usability debería transmitir la sensación de orden. Esto es posible, además de mediante la alienación mediante cuadrícula, mediante el uso harmonioso de fuentes. Como máximo se deben utilizar 2 tipos de fuentes en una página y en las imágenes.
„La mejor cámara de teléfono móvil“. Este es el aspecto que una búsqueda en Google de hace dos años podría tener por escrito. Hoy en día le hacemos la misma pregunta a Siri, Alexa, Google y demás, pero por voz. Además de la tendencia de la búsqueda por voz, también aumenta la búsqueda visual. Los usuarios hacen una foto a algo que les gusta y luego quieren buscar información sobre estas fotos en internet. ¡Adiós a los errores tipográficos y gasto de tiempo! La comodidad caracteriza las búsquedas por voz e imagen. Piensa si tiene sentido para tu Mobile Usability integrar estas funciones de búsqueda en tu página web, con las que los usuarios puedan vivir esta nueva Search Experience.
U ofrece los términos de búsqueda más comunes mediante sugerencias o las últimas consultas del usuario.
Los usuarios móviles también recibirán encantados funciones como el autocompletado en formularios o iniciar sesión mediante una cuenta conocida („iniciar sesión mediante Google“) en la que tengan sus datos de pago.
Imagen 4: Funciones internas de búsqueda visual y por voz, búsqueda y sugerencias
Tú decides: ¡haz que la experiencia del usuario sea tan fácil como sea posible!
1. FUNCIONALIDAD
2. NAVEGACIÓN
3. CONTENIDO
4. CONSISTENCIA
5. MOBILE USABILITY EN TENDENCIAS DE BÚSQUEDA
Escrito el 13.02.2020 por Charlène Groß.
Charlène es parte del equipo de marketing y apoya la estrategia de marketing de contenido en Ryte. Ella tiene una gran trayectoria en SEO y creación de contenido, la cual ha acumulado durante sus cinco años en una agencia en Augsburgo. También es una apasionada en pastelería y le encanta actividades en el tiempo libre.