Principios de diseño de UX móvil

Un buen diseño es un buen diseño, ¿verdad? Cierto, pero hay consideraciones especializadas que entran en juego dependiendo del medio para ese diseño. Los principios de diseño para algo como una aplicación creada para ejecutarse en una computadora de escritorio suelen ser ligeramente diferentes de las convenciones de diseño de UX móviles más efectivas.

Incluso dentro de una categoría general como "diseño de UX móvil", existen diferencias entre diseñar una aplicación y diseñar un sitio web móvil. Cuando los usuarios descargan una aplicación, no solo quieren la versión móvil del sitio web. Quieren una experiencia única que justifique el tiempo que dedicaron a descargar la aplicación (así como el espacio que ocupa en su teléfono). Los usuarios no tienen reparos en eliminar una aplicación que no consideran que valga la pena: el 75% de las descargas de aplicaciones solo se abren una vez.

El diseño móvil, en general, no puede pasarse por alto. En todo el mundo, más personas acceden a Internet desde sus dispositivos móviles y tabletas que desde computadoras de escritorio. Ignorar a esos usuarios ya no es algo que los diseñadores de UX puedan justificar. Es importante que los diseñadores móviles consideren las mejores prácticas de UX móvil en cada paso del proceso de diseño.

Pon al usuario primero

Esto debería ser evidente, pero en cualquier proyecto de diseño, el usuario siempre debe ser lo primero, y las necesidades del usuario son aún más importantes (y más específicas) en los dispositivos móviles. Si los diseñadores no satisfacen las necesidades de los usuarios móviles, esos usuarios pasarán rápidamente a otros sitios web, aplicaciones o distracciones.

Las siguientes son algunas cosas que los diseñadores pueden hacer para satisfacer las necesidades específicas de los usuarios móviles.

Haga que la navegación sea intuitiva

La navegación en sitios y aplicaciones móviles debe ser más intuitiva que en sitios de escritorio. Los usuarios deben poder identificar de inmediato cómo moverse por una aplicación móvil o un sitio web. Esto se puede lograr a través de patrones de diseño reconocibles (como menús de hamburguesas), así como iconos reconocibles (un icono de "inicio" para la pantalla de inicio, una burbuja de chat para mensajes, etc.).

Si los usuarios tienen que pensar en cómo navegar, es más probable que se desconecten del sitio web o cierren la aplicación y busquen una solución más sencilla.

Cree una experiencia perfecta en todos los dispositivos

Ya sea que un usuario acceda al contenido de una aplicación, un sitio web móvil o un sitio web de escritorio, la transición entre usarlos debe ser perfecta. Los elementos de diseño deben reflejarse entre sí (por ejemplo, los diseñadores no deben usar azul para la aplicación y rojo para el sitio web).

Una experiencia fluida no solo facilita las cosas para las personas que usan un sitio web o una aplicación, sino que también genera confianza con la marca.

Centrarse en los objetivos del usuario

Los objetivos que una persona tiene en una aplicación móvil o sitio web probablemente sean diferentes a los que tiene en un sitio de escritorio completo. Por ejemplo, en una aplicación de restaurante, es probable que un visitante solo quiera hacer un puñado de cosas: ver el menú, hacer una reserva u obtener indicaciones. En la mayoría de los casos, no buscan el historial completo de la empresa en su teléfono móvil; ese tipo de contenido se puede ocultar en menús o submenús.

Piense en lo que un usuario realmente quiere hacer en una aplicación móvil. Una cosa importante que los diseñadores a menudo pasan por alto es requerir un inicio de sesión para tareas básicas. Las aplicaciones bancarias, por ejemplo, a menudo solicitan un inicio de sesión para hacer cualquier cosa en la aplicación. Pero tareas como encontrar la ubicación del cajero automático más cercano realmente no necesitan que el usuario inicie sesión. Hacer que esas funciones sean de fácil acceso es una excelente manera de mejorar la experiencia de usuario.

Permitir para la personalización

Para las aplicaciones móviles, la personalización es clave para mejorar la experiencia del usuario. La personalización también puede ayudar a alcanzar los objetivos de marketing. Es un ganar-ganar para todas las partes interesadas involucradas.

La personalización debería empujar a los usuarios hacia el contenido que están buscando y alejarlos del contenido que es irrelevante para ellos. También puede eliminar las distracciones en el sitio, agilizar componentes como el proceso de compra y asegurarse de que los mensajes de marketing estén sincronizados con lo que el visitante realmente quiere.

Sin embargo, demasiada personalización puede ser una trampa en la que es fácil caer. El nivel de personalización debe coincidir con el nivel de confianza que un usuario tiene con la aplicación y la empresa. ¿Con qué frecuencia las personas se sienten desconcertadas o extrañas cuando un sitio web muestra anuncios de algo en lo que estaban pensando (o hablando) pero que ni siquiera han buscado? Claro, es solo la naturaleza predictiva de los algoritmos publicitarios avanzados, pero ese nivel de personalización aún puede hacer que los visitantes se sientan aprensivos.

Siempre haga las cosas más fáciles

Cuando una persona visita un sitio web o una aplicación en un dispositivo móvil, quiere completar la tarea en cuestión lo más rápido posible. Depende del diseñador hacer que completar las tareas necesarias sea lo más fácil posible. Eliminar todo lo que no es absolutamente vital para cada tarea es un excelente lugar para comenzar. También es clave simplificar las tareas necesarias en una interfaz móvil.

Por ejemplo, muchas aplicaciones y sitios de comercio electrónico ahora ofrecen una opción de cámara para ingresar la información de la tarjeta de crédito. En lugar de escribir un número de tarjeta, los compradores pueden apuntar su cámara a su tarjeta de crédito y la aplicación leerá automáticamente el número.

Otras cosas, como especificar el tipo de entrada en los campos de formulario (de modo que, por ejemplo, cuando una dirección de correo electrónico es la entrada esperada, aparece el símbolo @ y ".com" en la pantalla del teclado principal).

Buenas prácticas de incorporación

Una buena incorporación es esencial para las aplicaciones móviles. Pero la definición de "bueno" varía mucho entre los diferentes tipos de aplicaciones. Las aplicaciones que son fáciles de usar, como listas de tareas o navegadores web, necesitan una incorporación mínima. Un par de pantallas de inicio que señalan características únicas es todo lo que la mayoría de los usuarios necesitarán para comenzar.

Pero las aplicaciones más complejas, como las de servicios financieros o gestión de proyectos, necesitan una incorporación más completa.

Usa gestos establecidos

Esto debería ser evidente, pero los diseñadores móviles deben considerar los gestos establecidos que las personas ya están acostumbradas a usar en sus dispositivos. Cosas como pellizcar para hacer zoom o deslizar se han vuelto intuitivas para la mayoría de los usuarios y deben emplearse siempre que sea posible.

En los casos en que un diseñador decide desviarse de un gesto establecido, es importante dar pistas a los usuarios sobre esta desviación, ya sea durante el proceso de incorporación o cuando el caso de uso aparece por primera vez.

Diseño de diseño móvil

Diseñar diseños móviles no es completamente diferente de diseñar cualquier otro tipo de diseño, pero hay ciertas consideraciones que los diseñadores deben tener en cuenta.

Una de las consideraciones más importantes es el tamaño de los objetivos de la pantalla táctil. Si bien un mouse o un panel táctil pueden hacer clic con precisión milimétrica, las yemas de los dedos son mucho menos precisas. Idealmente, los objetivos deberían tener entre 7 y 10 mm en la pantalla de un dispositivo móvil. Esto permite tocar el objetivo con la punta de un dedo sin tener que apuntar con demasiado cuidado.

Un área relacionada a considerar son los controles de posición de las manos y la "zona del pulgar" en los dispositivos móviles: el área de la pantalla de un teléfono a la que se puede acceder fácilmente con el pulgar cuando una persona sostiene el teléfono con una mano. Poner la mayoría del contenido interactivo (y particularmente las llamadas a la acción) en esta zona es vital para crear una experiencia de usuario positiva.

Es importante que los diseños móviles eliminen tanto desorden como sea posible. El minimalismo es el amigo de un diseñador cuando se trata de aplicaciones móviles. Intentar meter todo en una interfaz de usuario de escritorio en una pantalla que es una fracción del tamaño hace que el diseño se vea apretado y puede ser abrumador.

Centrarse en los objetivos, minimizar las opciones de navegación (los menús y submenús pueden ayudar con esto) y, en general, eliminar cualquier elemento que no sea esencial para que los usuarios hagan lo que deben hacer creará una interfaz de usuario más optimizada y fácil de usar.

Al eliminar el desorden en pantalla, los diseñadores deben asegurarse de no pasar por alto algunas consideraciones clave de diseño. Una de esas consideraciones es asegurarse de que varios elementos de diseño tengan suficiente contraste. Las personas a menudo miran sus dispositivos móviles en condiciones menos que ideales. Cosas como la luz solar brillante pueden hacer que los elementos en una pantalla sean difíciles de ver, pero un alto contraste ayuda a que los elementos sean más visibles.

La tipografía es otra consideración clave. Es importante tener una jerarquía tipográfica clara en un diseño móvil. Los títulos y encabezados deben ser fáciles de detectar y las fuentes, en general, deben ser más grandes. A nadie le gusta entrecerrar los ojos en su pantalla para tratar de leer grandes bloques de texto en su teléfono. Los encabezados claros, las listas numeradas o con viñetas y los párrafos cortos hacen que el texto móvil sea más legible.

Una consideración final de la interfaz de usuario es el uso de transiciones y animaciones. Una animación puede ser una señal importante para un usuario de que cualquier acción que acaba de realizar hizo algo. Las animaciones y las transiciones claras entre pantallas o funciones en una aplicación móvil son elementos clave de retroalimentación que crean una experiencia de usuario más satisfactoria.

Prácticas recomendadas de experiencia de usuario móvil

Todas las anteriores son consideraciones importantes al diseñar aplicaciones móviles y sitios web. Pero hay mejores prácticas adicionales de UX móvil a seguir para garantizar la mejor experiencia de usuario posible.

Centrarse en la velocidad

A pesar de la disponibilidad generalizada de datos 4G, las redes móviles siguen siendo generalmente más lentas que los servicios de wifi o banda ancha. Y en muchas partes del mundo, 4G no existe, y los usuarios de dispositivos móviles están atrapados con 3G o velocidades de datos más lentas.

Eso significa que los sitios web móviles y especialmente las aplicaciones móviles deben ser rápidos. Incluir contenido en una aplicación que no necesita descargarse cada vez que se carga la aplicación hará que la aplicación sea más rápida. Al igual que solo cargar contenido cuando sea necesario (aunque anticipar el contenido que se necesitará y precargarlo puede hacer que una aplicación le parezca más rápida al usuario).

Es un acto de equilibrio entre no cargar contenido que no se usará (y agotar los datos) y crear la percepción de velocidad al cargar previamente el contenido que los usuarios probablemente necesitarán a continuación.

Una forma de crear la ilusión de velocidad y calmar a los usuarios impacientes es usar marcadores de posición hasta que se cargue el contenido. La aplicación móvil de Facebook hace esto, con lo que efectivamente parece ser una estructura alámbrica pulida que se carga tan pronto como se abre la aplicación, con espacio para las publicaciones que se cargan a medida que se descargan. Esta pantalla de transición les indica a los usuarios que algo está sucediendo con el contenido antes de que realmente se cargue.

Proporcionar comentarios a los usuarios

Dar retroalimentación a los usuarios mientras realizan acciones en una aplicación móvil es un aspecto importante de una experiencia de usuario positiva. Como se mencionó anteriormente, las animaciones y las transiciones son una forma de dar retroalimentación.

La retroalimentación táctil y de audio también es posible con dispositivos móviles. Proporcionar comentarios táctiles cuando se realizan ciertas acciones es particularmente popular con los juegos móviles y también con los mensajes de error. Los comentarios de audio son populares entre las funciones de todo tipo de aplicaciones. No obstante, los diseñadores no deben confiar en los comentarios de audio, ya que muchas personas mantienen su teléfono silenciado en todo momento.

Minimizar la entrada de datos

Otra mejor práctica clave de UX móvil es minimizar la cantidad de entrada de datos requerida. Esto se mencionó anteriormente, pero cuantos más datos tenga que ingresar una persona en una aplicación móvil, es más probable que abandone la tarea.

Completar un formulario con cuatro o cinco campos puede no ser un gran problema en una computadora de escritorio o portátil, pero en un dispositivo móvil, esos cuatro o cinco campos pueden ser suficientes para rechazar a un usuario, especialmente si no puede ver su propósito. Asegúrese de que todos los campos de un formulario que se complete en un dispositivo móvil sean necesarios. Elimina los que no lo sean.

Esta es un área en la que dar a las personas la opción de usar una de sus cuentas existentes (como una cuenta de Facebook, Google o Twitter) en lugar de registrarse desde cero puede mejorar enormemente las conversiones. Cuando un usuario solo tiene que hacer clic para autorizar el acceso en lugar de completar un formulario para un nuevo registro, es más probable que lo haga. Simplemente no confíe únicamente en estas aplicaciones secundarias: algunos usuarios todavía desconfían de vincular sus cuentas y se tomarán el tiempo para completar un formulario.

Conclusión

Seguir estos principios establecidos de diseño de UX móvil creará una mejor experiencia de usuario general para las personas que visitan un sitio móvil o usan una aplicación móvil. Los diseñadores solo tienen unos segundos para captar la atención de las personas antes de que abandonen una aplicación o un sitio en favor de uno que sea más fácil de usar, intuitivo o simplificado.

Los grandes diseños móviles son cada vez más comunes y el listón se ha elevado aún más en términos de lo que los usuarios esperan de sus aplicaciones móviles. Los diseñadores ya no pueden ver el diseño móvil como una ocurrencia tardía y, en cambio, deben dedicarles tanto tiempo, consideración y recursos como lo hacen con los diseños en otros formatos.

Lectura adicional en el blog de diseño de Toptal:

• Diseño de experiencia de usuario móvil: prácticas recomendadas, limitaciones y trabajo con desarrolladores
• Retenga a los usuarios con estas inspiraciones para la incorporación de aplicaciones móviles
• La guía fundamental para la usabilidad móvil
• Principios heurísticos para interfaces móviles
• UX de comercio electrónico para la experiencia móvil