7 formas de siguiente nivel para dise√Īar su sitio web para Mobile UX

ux móvil

La revoluci√≥n m√≥vil est√° sobre nosotros con el lanzamiento de Google de su primer √≠ndice m√≥vil en 2018. Y con 52,2% del tr√°fico de internet proveniente de dispositivos m√≥viles en 2018, ahora es el momento para que su empresa dise√Īe su sitio web para la experiencia m√≥vil.

Es importante recordar que la experiencia m√≥vil es diferente de la experiencia de escritorio. Adem√°s, los usuarios m√≥viles se comportan de manera diferente. Como tal, hay ciertos elementos de dise√Īo que debe tener en cuenta y formas espec√≠ficas que necesita para optimizar su sitio web para aprovecharlo al m√°ximo.

La buena noticia es que dise√Īar su sitio web para la experiencia m√≥vil no tiene por qu√© ser demasiado complicado. Echemos un vistazo a las 7 formas del siguiente nivel para hacerlo.

Realizar pruebas A / B

No puedes probar A / B todo. Las pruebas A / B solo funcionan realmente si tienes una hip√≥tesis primero. Sin embargo, hay elementos espec√≠ficos que todos los propietarios de sitios web deben probar A / B para optimizar la experiencia del usuario. √Čstas incluyen:

Colocación de botones y color

La navegación es a menudo más importante que el texto real. Por lo tanto, debe clavar su color y ubicación.

Su objetivo con los botones, especialmente los llamados a la acción, es ayudar al usuario final a identificar la acción principal que desea que tomen. La colocación, entonces, es especialmente clave. Pruebe diferentes ubicaciones y colores para ver cuáles son los efectos en las conversiones.

Tipografía

El color y el tama√Īo son consideraciones importantes aqu√≠. Si cambia el tama√Īo de fuente en solo un punto, sus conversiones podr√≠an cambiar dr√°sticamente.

Vea cu√°n peque√Īo o grande puede hacer su texto y c√≥mo estos cambios afectan sus conversiones.

En términos de color, el negro sobre blanco puede parecer la opción predeterminada para muchas marcas, pero pruebe para ver qué funciona mejor para usted.

Titulares

Sus titulares probablemente serán más cortos en su sitio web móvil. Por ejemplo, "Esto es lo que debe hacer si cree que es adicto al café" podría funcionar en el escritorio, pero es demasiado tiempo para los dispositivos móviles.

As√≠ que acorta y luego prueba tus titulares. Necesita que sean m√°s cortos, pero a√ļn necesita que sean convincentes.

Formas

Los formularios en el escritorio a menudo vienen con m√ļltiples campos. Eso est√° bien porque es f√°cil navegarlos en el escritorio.

En dispositivos m√≥viles, es una historia diferente. Divide tu formulario en secciones y prueba los resultados. ¬ŅQu√© informaci√≥n es absolutamente necesaria y qu√© campos se pueden descartar?

Cuando se trata de formularios en dispositivos móviles, cuantos menos toques necesite realizar el usuario, mejor.

Optimizar para la velocidad del sitio

La velocidad del sitio es absolutamente crucial para la experiencia del usuario. Si el La versión móvil de su sitio web tarda más de 3 segundos en cargarse, perderás conversiones.

Hay algunas formas en que puede optimizar su sitio web para la velocidad del sitio. Uno es elegir un proveedor de alojamiento eso reduce el tiempo de primer byte y por lo tanto mejora la velocidad de respuesta del servidor.

Otra es usar una herramienta de compresión de imágenes para garantizar que sus imágenes no sean demasiado grandes y, por lo tanto, ralentizar las cosas.

Aseg√ļrese de usar un marco receptivo tambi√©n (ver arriba) y use Carga lenta, que permite al usuario ver parte de su contenido lo antes posible. Esto puede reducir la posibilidad de que las personas salgan temprano porque al menos podr√°n ver que algunos elementos de su sitio web est√°n en proceso de carga.

Elimine Flash también y elimine todos los errores técnicos. No olvide ejecutar su sitio web a través de un probador de velocidad del sitio móvil también.

experiencia de usuario móvil

Menos es m√°s cuando se trata de contenido

El contenido de formato largo funciona mejor que el contenido de formato corto en el escritorio. Se comparte m√°s porque ofrece m√°s valor y profundidad al usuario final.

Sin embargo, los usuarios m√≥viles se comportan de manera diferente a los usuarios de escritorio. Por un lado, est√°n restringidos por una pantalla mucho m√°s peque√Īa. Por otro lado, est√°n m√°s apurados y quieren informaci√≥n procesable.

De hecho, muchas veces los usuarios de dispositivos m√≥viles realizan investigaciones de productos. No quieren que el contenido demore demasiado en detenerse. Piense d√≥nde est√°n cuando navegan en sus tel√©fonos: est√°n esperando un autob√ļs, atrapados en un atasco o haciendo un poco de investigaci√≥n durante un descanso para tomar caf√© en el trabajo. Como tal, quieren informaci√≥n r√°pida mientras est√°n en movimiento.

Es una buena idea, entonces, ajustar su contenido para el lector móvil. Esto significa acortar sus titulares para que quepan perfectamente en la pantalla y ajustar su copia para que sea más conciso y directo. Vaya al punto más rápido. Elimine toda la información innecesaria y sirva las respuestas en un plato para el usuario final.

Ir para los p√°rrafos de una sola oraci√≥n, tambi√©n. Quiz√°s no todo el tiempo, pero los p√°rrafos de una sola oraci√≥n se ver√°n m√°s legibles en las pantallas de los dispositivos m√≥viles y, por lo tanto, mantendr√°n al lector interesado por m√°s tiempo. Lo √ļltimo que quiere ver un usuario m√≥vil es predecir fragmentos de texto en su pantalla. Utilice m√°s subt√≠tulos tambi√©n y aproveche el espacio en blanco.

Por otro lado, si debe producir contenido m√°s largo para dispositivos m√≥viles, aseg√ļrese de romper las cosas con im√°genes llamativas. No abrumes al usuario con demasiado texto. Considere tambi√©n agregar infograf√≠as, ya que estas lo ayudan a condensar mucha informaci√≥n en una sola imagen.

También es una buena idea crear más publicaciones de video. Si tiene un contenido de formato largo que podría ser demasiado abrumador para los usuarios de dispositivos móviles, quizás cree una versión de video para sus audiencias móviles.

Haga que la comunicación móvil sea una brisa

Como se mencionó, los usuarios móviles generalmente tienen prisa. Quieren información rápida y procesable, y quieren respuestas.

Con ese fin, debe darle un impulso a su experiencia de usuario móvil al hacer que la comunicación sea muy fácil. Esto puede significar agregar un chat en vivo o un chatbot a su sitio que responda las consultas de los clientes en segundos.

Su sitio web debe estar "siempre activado" de esta manera. De lo contrario, sus clientes obtendrán sus respuestas de un rival en su lugar. Un chatbot móvil personaliza la experiencia del usuario al proporcionar respuestas específicas para el usuario final. Y está disponible 24/7.

Considere agregar FreshDesk, también, un software de mesa de ayuda para dispositivos móviles que gestiona las comunicaciones de sus clientes en todos los dispositivos y canales.

dise√Īo web m√≥vil

Optimiza tu logotipo

Su logotipo representa la cara de su marca. Ayuda a generar confianza y familiaridad, y es clave que tengas uno. Si a√ļn no tiene uno, puede usar una herramienta como Hatchful para ayudarlo a crear un logotipo profesional en solo unos minutos.

Una vez que tenga su logotipo, el posicionamiento es clave. En dispositivos móviles, el logotipo generalmente se coloca en la esquina superior izquierda. Además, generalmente es un enlace que lleva al usuario a la página de inicio.

Esto es realmente importante para fines de navegaci√≥n. Si el usuario se pierde y quiere volver a la p√°gina de inicio lo antes posible, har√° clic en su logotipo en la esquina superior izquierda. Por lo tanto, aseg√ļrese de que su logotipo sea profesional, se muestre de manera destacada y aseg√ļrese de que el usuario final vuelva a la p√°gina de inicio.

Use un marco receptivo

Antes de lanzar su sitio web m√≥vil, debe dise√Īarlo utilizando un marco receptivo. Un marco receptivo como Oreja ajusta su sitio web de acuerdo con el dispositivo en el que se muestra. Esto significa que el usuario final no tiene que hacer zoom para leer el texto, hay suficiente espacio para los objetivos t√°ctiles y no hay necesidad de desplazamiento horizontal.

En cambio, el dise√Īo es transparente y f√°cil de usar. No solo esto, sino que un sitio web receptivo es m√°s visible en los motores de b√ļsqueda, lo que significa que aumenta su alcance a los clientes.

En el pasado, los propietarios de sitios web creaban un sitio web separado para computadoras de escritorio y dispositivos móviles. Esto, por supuesto, cuesta tiempo y dinero. Hoy en día puedes usar una herramienta como Bootstrap, y la buena noticia es que hace la mayor parte del trabajo duro por ti.

Mantenga todo en una sola ventana del navegador

En el escritorio, est√° bien que una llamada a la acci√≥n inicie una nueva ventana porque es muy f√°cil para el usuario encontrar el camino de regreso a la p√°gina en la que se encuentra. Es solo un caso de saltar de una pesta√Īa a otra.

En dispositivos móviles, es un poco más complicado.

Es una buena idea mantener a su usuario en una sola ventana del navegador. No implemente llamadas a la acción que abran nuevas ventanas, ya que al usuario puede resultarle difícil regresar a donde estaba. O, al menos, podrían pensar que el tiempo que pasa rebotando entre ventanas no vale la pena.

Conclusión

As√≠ que ah√≠ lo tiene, nuestras 7 formas de siguiente nivel para dise√Īar su sitio web para una experiencia de usuario m√≥vil √≥ptima. Implem√©ntelos, suba a bordo con la revoluci√≥n m√≥vil y vigile las tendencias de usabilidad m√≥vil para asegurarse de estar un paso por delante de la curva.

pin móvil ux