La mejor guía de diseño de aplicaciones, UX móvil, UI y Engagement 2021

Última actualización: 14 de febrero de 2022 por James Ewen

Diseño de aplicaciones móviles

Principios de una buena interfaz de usuario para aplicaciones móviles

Consistencia

Un componente clave de una buena interfaz de usuario móvil es la coherencia. Diseñar una experiencia intuitiva es fundamental para crear una aplicación atractiva.

Familiaridad

Mantener la coherencia de una aplicación requiere el equilibrio adecuado de pantallas familiares y el uso de experiencias conocidas para reducir la curva de aprendizaje necesaria para utilizar su aplicación.

Por ejemplo, un newsfeed es una pantalla que puede ser extremadamente compleja. Sin embargo, muchos usuarios están familiarizados con un newsfeed. Están acostumbrados a utilizar este tipo de pantalla en el escritorio y en el móvil. Esto significa que los usuarios están probablemente preparados para utilizar un newsfeed a una capacidad razonablemente alta, incluso sin haber estado expuestos a él antes.

Como diseñador de aplicaciones, es importante adoptar estas pantallas familiares y crear un diseño que resulte familiar a los usuarios.

Puede ver más ejemplos de este concepto en acción dirigiéndose a la sección de pantallas de este artículo.

Diseño intuitivo

El diseño intuitivo es similar a la familiaridad. Mientras que la familiaridad se centra en el uso de las tendencias de diseño establecidas para impulsar la participación en la aplicación, la intuición es ligeramente diferente.

Cuando un usuario interactúa con su aplicación móvil, no debería tener que pensar en el proceso.

La experiencia del usuario debe ser intuitiva: debe permitirle alcanzar el objetivo deseado sin dedicar demasiado tiempo al proceso.

Para conseguirlo, los diseñadores deben tener la mentalidad adecuada y entender cómo van a interactuar los usuarios con su aplicación. Esto implica definir el flujo del usuario y centrarse en minimizar el tiempo que tardará en entender y completar los pasos entre estos.

Conseguir un diseño intuitivo adecuado es una parte crucial del proceso de diseño de la interfaz de usuario móvil. Sin él, las tasas de abandono serán más altas, el compromiso se verá sofocado y la tasa de abandono aumentará.

Minimalismo y sencillez

Minimalismo funcional

Diseñar una experiencia móvil significa entender el concepto de minimalismo y aplicarlo a la experiencia de tu aplicación. La simplicidad es fundamental en los dispositivos móviles. El margen de error es pequeño, así que es mejor no abrumar a los usuarios.

El desorden es un gran ejemplo de minimalismo en acción. Como regla general, si la información no es necesaria, no la incluyas. Esta regla no solo se aplica al contenido, sino también a los menús y otras secciones funcionales de la aplicación.

Sobrecargar al usuario con demasiadas cosas a la vez es otro punto negativo. Una excelente solución para esto son los elementos plegables o la divulgación progresiva. Puede parecer complicado, pero es un concepto sencillo que permite al usuario controlar la cantidad de información en la pantalla.

Hacia una navegación sencilla

El minimalismo debe aplicarse tanto a la navegación del usuario como al contenido y los elementos. Estás ayudando a tus usuarios a navegar por tu aplicación de forma sencilla y eficiente en el tiempo.

Perderá usuarios si la navegación de su aplicación es demasiado complicada, lleva demasiado tiempo o no es coherente con otros elementos.

Para contrarrestar esto, hay algunos consejos que hay que seguir cuando se piensa en la navegación:

Mantenga la navegación visible en todo momento.

Usar componentes estándar en la navegación - esto significa en Android usar el cajón de navegación o utilizar la barra de pestañas para iOS.

Mantenga la coherencia: no mezcle diferentes patrones y mantenga un único patrón de navegación en toda la aplicación.

Permitir que el usuario comprenda dónde se encuentra. Conseguirlo significa tener visible en todo momento el lugar actual en la navegación.

Minimizar la entrada de usuarios

Escribir en una pantalla de móvil nunca va a ser tan cómodo como usar un teclado más grande. Muchos problemas con la entrada del usuario ocurren cuando el usuario está usando un formulario. Estos son comunes en las aplicaciones móviles y a menudo no se pueden evitar.

Un error común es tomar un formulario que fue diseñado para aparecer en un ordenador de sobremesa o portátil y reutilizarlo para móviles. Esta solución rápida no es una buena práctica, y en el mundo del mobile-first en el que nos encontramos, es vital pensar en el mobile-first a la hora de diseñarlos.

Algunos principios fundamentales a los que atenerse cuando se requiere la entrada del usuario:

Menos es más: los campos que no son 100% necesarios pueden eliminarse. Son bloqueadores y deben dejarse fuera.

El autocompletado es el mejor amigo de los diseñadores cuando se trata de la entrada de datos del usuario.

La validación dinámica es fundamental para los móviles. No hay nada más frustrante que esperar a que una página se actualice para que se le diga que un campo es incorrecto. Tal vez un usuario no se moleste en pasar por el proceso una segunda vez.

Control (poner al usuario en control)

Para crear una gran UX móvil, el usuario debe sentir que controla su experiencia con la aplicación. Para lograrlo, la aplicación debe ofrecer un elemento de control al usuario, a través de un diseño coherente y predecible.

Mantener la coherencia y la previsibilidad de los elementos

Si un usuario predice cómo usar una aplicación y esto resulta ser cierto, entonces esto da la sensación de que el usuario tiene el control. Crear esta experiencia es una parte fundamental del servicio de diseño de UI y UX para móviles.

En los móviles, los usuarios no pueden permitirse el lujo de pasar el ratón por encima de los elementos para ver el tipo de interactividad que ofrece cada uno de ellos. Eso significa que nuestro trabajo consiste en crear componentes que sean coherentes y ayuden al usuario a entender lo que quiere hacer rápidamente.

El aspecto de un elemento debe informar al usuario de lo que ocurrirá cuando lo utilice, toque, deslice o interactúe con él. No cruce los diseños con la interacción. No hacerlo llevará a la confusión y molestará rápidamente a tus usuarios.

Todos cometemos errores, y los abordamos.

Sería inútil sugerir que las aplicaciones deben evitar los errores. Eliminar todos los errores es imposible. Los errores existen y mitigarlos es una parte crucial del diseño móvil.

A veces los errores se producen por un fallo de la propia aplicación. Otras veces puede ser el usuario. Sea lo que sea, la experiencia se estropea si no se gestionan de forma correcta.

Lo mejor es indicar explícitamente qué es lo que ha fallado e indicar qué puede hacer el usuario para evitar que el error vuelva a producirse.

¿De vuelta a dónde exactamente?

Un error común a medida que las aplicaciones crecen y el número de pantallas y flujos aumenta tiene que ver con el botón de retroceso. Un botón de retroceso mal diseñado puede obstaculizar gravemente el flujo de una aplicación.

Una experiencia mal diseñada implica llevar al usuario de vuelta a una pantalla de inicio. Intenta asegurarte de que este proceso lleva a los usuarios hacia atrás de forma incremental.

Esta regla garantiza que los usuarios puedan navegar hacia atrás para comprobar la información introducida o verificar otros contenidos sin tener que volver a navegar por todo el flujo.

Texto, imágenes, vídeo y otros consejos técnicos de diseño para móviles

Diseño del texto

El texto es la principal forma de comunicar información a los usuarios. Por lo tanto, es crucial que lo hagas bien. La tipografía de tu aplicación debe ser fácil de leer y legible.

Las siguientes directrices son un buen comienzo a la hora de considerar un tipo de letra para su aplicación móvil:

Familia de fuentes: ¿recuerda cuando hablamos de la familiaridad? Este concepto también se aplica a la hora de elegir la familia de fuentes. Google utiliza Roboto y iOS utiliza San Fransisco. Harías bien en continuar con esto en tu aplicación.

Tamaño de la fuente - Yo recomendaría 16px. Este tamaño puede cambiar ligeramente dependiendo de su tipo de letra.

Contraste - Es importante que el contraste entre el tipo de letra de tu aplicación y la página sea lo suficientemente grande como para que tu contenido sea legible. A algunos les gusta la idea de un tipo de letra más claro sobre un fondo gris, pero son difíciles de leer. Además, como muchos dispositivos se utilizan en el exterior, el resplandor de la pantalla puede dificultar o imposibilitar la lectura de contenidos con poco contraste.

En casos individuales, lo siguiente le ayudará a mantener su texto legible:

Limitar la longitud de las líneas: esto permite al usuario el lujo de no tener que pellizcar el zoom mientras lee.

Mayúsculas: en la mayoría de los casos es mejor evitarlas.

El espacio entre líneas: si se hace bien, se mejora la experiencia de lectura. Si es demasiado pequeño, parecerá que está aplastado; si es demasiado grande, parecerá que está expandido.

Nota al margen - Sea un rompejergas

La eliminación de la jerga es más bien una elección de diseño, pero supongo que es relevante aquí. No cree términos inteligentes para las expresiones regulares. Tus usuarios se confundirán. Limítate a "home", "buy" o "profile" en lugar de utilizar palabras nuevas que tus usuarios tendrán que aprender para usar tu aplicación.

Imágenes

Las pantallas de los móviles son ahora unas de las más avanzadas y ofrecen pantallas de alta calidad y resolución.

Para hacer justicia a estas pantallas, las imágenes deben conservar la relación de aspecto. Las imágenes estiradas son un verdadero inconveniente.

La mejor solución es tener una solución adaptativa. Este proceso detectará el tamaño de la pantalla y ajustará la resolución de las imágenes de tu aplicación en consecuencia.

Con los nuevos dispositivos que adoptan nuevas formas y el potencial de los dispositivos plegables y otras innovaciones extrañas y maravillosas, será más importante contar con una solución adaptable.

El iPhone X es probablemente el mejor ejemplo de ello. El dispositivo utiliza una resolución diferente a la de la mayoría de los demás dispositivos y parte de ella está oculta detrás de un bisel, lo que la convierte en un espacio técnicamente muerto.

Vídeo

El vídeo se está convirtiendo rápidamente en uno de los medios más importantes, especialmente en los móviles. Es fundamental que lo hagas bien en tu aplicación.

Las investigaciones demuestran que a muchos usuarios les gusta ver los vídeos en modo vertical. Esta preferencia significa que tendrás que pensar en cómo aparecen tus vídeos tanto en modo horizontal como vertical.

Facebook live y youtube son probablemente los mejores ejemplos de esto.

Otros consejos de diseño ydesarrollo de aplicaciones móviles

Zona del pulgar

Este concepto ayuda a los diseñadores a pensar en el uso práctico de los dispositivos. Pensar en esto nos permite entender cómo se sostiene el dispositivo y cómo esto afecta a nuestro diseño.

Muchos usuarios sostienen su dispositivo con una sola mano. A veces es en la izquierda, a veces en la derecha. Esta elección significa que sólo una parte de la pantalla es fácil de alcanzar con el pulgar cuando el dispositivo se sostiene en una mano.

Esta zona se denomina zona del pulgar. Cambia entre dispositivos, en función del tamaño de la pantalla.

Basándose en la imagen de abajo, intente seguir las siguientes pautas.

El área verde es donde deben estar la navegación y otras acciones de uso frecuente.

El área reg es donde deben estar las opciones que podrían causar daños a la experiencia del usuario si se presionan incorrectamente.

Capacidad de respuesta y rapidez

Con cada avance de la tecnología, nos volvemos más impacientes. Por ello, el tiempo de carga es importante para la experiencia del usuario.

Cuanto más tarda tu aplicación en cargar una página, más probable es que pierdas usuarios. Ahora bien, a veces esto es inevitable. Por suerte, algunos trucos te permitirán crear la ilusión de que tu aplicación se carga rápidamente.

Tenga en cuenta los siguientes consejos si no puede reducir más el tiempo de carga:

Demuestre claramente cuándo se está cargando algo: las pantallas en blanco harán que el usuario piense que la aplicación está rota. Lo mínimo que puedes hacer es incluir una animación giratoria o algo similar. Si algo tarda habitualmente más de 5 segundos en cargarse, opta por una barra de progreso.

Dar prioridad a la zona visible del dispositivo: centrarse en cargar el contenido inicial que aparece en la vista al entrar en una página. El resto puede cargarse al desplazarse o en segundo plano. Este truco crea la ilusión de que toda la página se ha cargado rápidamente.

Existen otros métodos para ayudar a crear la ilusión de una carga rápida: un ejemplo es proporcionar una animación que también actúe como distracción.

Los usuarios entienden que las pantallas esqueleto se cargan más rápido que una pantalla en blanco. Implementarlas en el diseño de tu app ayudará a mejorar la experiencia del usuario.

Personalización

Existen innumerables formas de personalizar la experiencia de tu aplicación y de aumentar la participación en la misma. Es una forma fantástica de conectar con tus usuarios.

Empuje

Intenta que tu comunicación a través de las notificaciones push sea personal. Para crear una gran UX y una gran copia de UX hay algunos métodos diferentes que puedes emplear para asegurar que la estrategia de notificaciones push de tu aplicación se mantenga personal.

Ubicación

Utilizar la ubicación de forma inteligente es otra forma de proporcionar una experiencia valiosa a los usuarios. Se pueden añadir experiencias contextuales si se conoce la ubicación del dispositivo. Añadir soporte de localización a su aplicación puede impulsar la personalización de todo, desde las notificaciones push hasta el contenido de la aplicación. Todo ello contribuye a mejorar la experiencia de la aplicación.

Accesibilidad

Diseñar para todos

Un diseño bien pensado debe permitir que usuarios de todo tipo utilicen tu aplicación. Ten en cuenta cómo los problemas de audición, visión y otras discapacidades pueden afectar a la usabilidad de tu aplicación móvil.

Los siguientes son aspectos que debes tener en cuenta a la hora de diseñar tu aplicación:

Ceguera al color: alrededor del 5% de la población mundial es daltónica en alguna medida. La forma más común es la incapacidad de distinguir entre el rojo y el verde. Desgraciadamente, estos son los colores más comunes para los mensajes de error y éxito. Añadir un icono independiente que lo indique evitará el problema.

Ejemplos de pantallas y aplicaciones

En esta sección, examinaremos pantallas específicas. Basándonos en todo lo que hemos aprendido en las secciones anteriores, nos centraremos en ejemplos en los que los diseñadores han hecho un gran trabajo en estas pantallas concretas.

Pantalla de bienvenida

¿Recuerdas lo que te dijo tu madre sobre las primeras impresiones? Pues, por desgracia, tenía razón. Al menos en términos de UX móvil.

Crear una impresión positiva en el primer uso de su aplicación es increíblemente importante. La tasa de abandono es más alta en los primeros días después de la descarga, lo que sugiere que las primeras impresiones son cruciales para impulsar la retención.

La pantalla de inicio es la primera que ve el usuario al abrir una aplicación. Son minimalistas y suelen consistir en un nombre o un logotipo. Pueden ayudar a los tiempos de carga de la pantalla de inicio.

Intenta que estas pantallas duren menos de 5 segundos. Una buena idea es mantener todo centrado para que se vea bien en todas las pantallas.

Incorporación

La incorporación es una pantalla (o conjunto de pantallas) importante para sus usuarios. Cuando un usuario abre una aplicación por primera vez, normalmente se le presenta un recorrido de incorporación. En esta pantalla se enseña al usuario a utilizar la aplicación y a sacar el máximo partido de sus funciones.

El objetivo es demostrar que la aplicación es útil para el usuario. Es fundamental que el proceso de incorporación sea sencillo, eficaz y no demasiado largo o corto. He aquí algunos consejos:

Las ilustraciones personalizadas son una buena idea. Ayudan a explicar características específicas y a que los usuarios las recuerden.

Muchas aplicaciones utilizan una mascota para guiar al usuario en el proceso de incorporación. Recuerdas el búho de duo-lingo antes de que empiece a enviarte molestas notificaciones?

El texto lo es todo. Un texto claro y conciso es lo más importante que hay que hacer en un proceso de incorporación. Debe ser útil, breve y fácil de leer.

Inicio de sesión y perfil

Para crear aplicaciones muy personalizadas es necesario que los usuarios se hagan una cuenta. La respuesta de la mayoría de los usuarios al ver una pantalla de registro no es positiva, así que es importante hacerlo bien.

Mantener el número de campos cortos

Ofrecer inicios de sesión sencillos con un solo clic (como el inicio de sesión de Google y Facebook)

Recuerde que en las páginas de inicio de sesión debe incluirse una opción para inscribirse

En el centro de la aplicación altamente personalizada está la pantalla de perfil. Esta pantalla permite al usuario interactuar con su aplicación de forma personalizada. El perfil debe ser claro. Debe perfilar información personalizada relacionada con la aplicación. Sin embargo, es importante no incluir demasiada información.

Es importante trabajar en el sistema de navegación. Asegúrese de que la página de perfil forma parte de cualquier menú con pestañas. Investigar a tus usuarios y las funciones más comunes puede ayudarte a entender cuál es la mejor información a priorizar en una vista de perfil.

Pantallas de inicio (menús)

La pantalla de inicio es potencialmente una de las pantallas más importantes de tu aplicación. Es la pantalla por la que navegan tus usuarios. Es el lugar al que acudirán para realizar tareas críticas al instante e interactuar con las partes esenciales de la aplicación.

Por ello, la pantalla de inicio tendrá un aspecto totalmente diferente entre aplicaciones. Sin embargo, algunos elementos clave siguen siendo los mismos.

Muchas pantallas de inicio contienen una barra de búsqueda o una función de búsqueda para permitir a los usuarios obtener inmediatamente el contenido o la página adecuados. Esta función de búsqueda debe colocarse de forma clara y centralizada.

La pantalla de inicio debe contener elementos de navegación claros que permitan al usuario acceder rápidamente a las páginas más importantes de su aplicación. Deben ser sencillos y fáciles de entender. Los usuarios no quieren perder tiempo averiguando qué significa cada término.

Muchas pantallas de inicio muestran estas selecciones en el propio contenido. A veces esto se hace en forma de tarjetas. Si se hace así, es importante incluir sólo las opciones más importantes. Demasiadas pueden confundir al usuario.

Permisos

Los permisos son importantes para muchas aplicaciones. Sin embargo, los diseñadores deben encontrar el equilibrio adecuado entre pedir permisos y afectar negativamente a la experiencia del usuario.

Todos hemos abierto una nueva aplicación y hemos sido bombardeados con solicitudes de permiso. Esta es una forma rápida de aumentar la rotación de usuarios y obstaculizar la UX.

Hay algunos conjuntos de herramientas para ayudar con esto que permiten recoger múltiples preferencias. También permitirán al desarrollador predeterminar las situaciones en las que es aceptable pedir permisos al usuario.

Comercio electrónico

La función principal de una aplicación de comercio electrónico es incitar a los usuarios a comprar un producto y cerrar la compra. Hay algunas pantallas que son exclusivas de este tipo de aplicaciones, y hay algunos consejos críticos de interfaz de usuario que hay que tener en cuenta al diseñarlas.

Pantalla del catálogo

El catálogo es el hogar de la aplicación de comercio electrónico. Puede tener un aspecto ligeramente diferente de una aplicación a otra.

Por lo general, en estas pantallas los productos están dispuestos en columnas (a veces en columnas simples), y el usuario se desplazará por ellas. La tarea del diseñador consiste en crear una vista que dé prioridad a determinados artículos y proporcione una forma rápida y sencilla de que los usuarios naveguen por varios productos.

Las páginas de catálogo más avanzadas muestran los artículos en horizontal y el usuario hace un gesto de deslizamiento hacia la izquierda o la derecha. Este diseño funciona mejor cuando hay menos artículos, ya que el usuario sólo puede navegar de uno en uno. Añadir una navegación separada puede ayudar en este caso.

Algunas reglas críticas para este tipo de pantalla son:

Las fotos e ilustraciones deben ser de alta calidad

La CTA (llamada a la acción) debe estar presente y ser fácil de identificar

La pantalla del catálogo debe tener el CTA al igual que dentro de la página del producto. De este modo, los usuarios pueden añadir artículos a la cesta directamente desde la pantalla del catálogo.

Pantalla del producto

Esta pantalla educará a los usuarios con más detalle sobre el producto. Una pantalla de producto es importante porque permite a los usuarios profundizar en el producto, responder a cualquier pregunta que puedan tener y proporcionar más información sobre el producto para cerrar la venta.

Los elementos clave son:

Imagen característica de alta calidad

La descripción detallada y fácil de leer

Especificaciones del producto

Comentarios

Pantalla de pago

El móvil se está convirtiendo rápidamente en la principal forma en que los usuarios realizan sus compras. La UX móvil debe hacer que el proceso sea lo más sencillo y sin complicaciones posible. El proceso de compra es la etapa final de este proceso y debe ser cómodo para el usuario.

Incluya elementos visuales que indiquen que la información personal importante está segura.

Apoyar las opciones de pago rápido puede ser una excelente manera de mantener la experiencia sin dolor

Noticias

El newsfeed es un elemento crucial para muchas aplicaciones sociales. Sin embargo, muchas otras categorías de aplicaciones utilizan ahora un newsfeed para transmitir contenidos cambiantes a los usuarios. Puedes priorizar un tipo de contenido específico (como las nuevas publicaciones) en la parte superior.

Algunas pautas para ello:

intente mantener 1-2 elementos en la pantalla para evitar el exceso de carga

Una nueva tendencia en los feeds de noticias es tener dos columnas, pero esto puede ser muy fácil de equivocarse.

Deslizar horizontalmente para revelar diferentes feeds locales es una mejor manera de incluir información extra. Piensa en cómo funcionaban los hashtags de Instagram y anteriormente la interfaz de usuario de Snapchat (antes de que la cambiaran).

Pruebas y comentarios

El diseño de una gran interfaz de usuario móvil y la comprensión de la experiencia del usuario (UX) implican la realización de pruebas y la actualización periódica del diseño sobre la base de los comentarios y el comportamiento de los usuarios.

Todo lo que hemos comentado le ayudará a diseñar una mejor experiencia de aplicación móvil. No sustituirán la necesidad de realizar pruebas sólidas y recibir comentarios de los usuarios.

Probar su UX con usuarios reales en situaciones del mundo real es una necesidad si quiere crear una UI que mantenga a los usuarios comprometidos.

Circuitos de retroalimentación

El feedback de los usuarios es increíblemente importante para el diseño UX. Para obtenerlo en cantidades fiables, debes diseñar el producto de retroalimentación en tu aplicación.

Hay innumerables formas de hacerlo; lo más importante es que funcione. Puede ser cualquier cosa, desde un formulario hasta una analítica en segundo plano que registre cómo interactúan los usuarios con tu aplicación.

Herramientas

Un mal artesano siempre culpa a sus herramientas. Sin embargo, con el diseño y el desarrollo de aplicaciones, es importante contar con el conjunto de herramientas adecuado para desarrollar, implementar y probar la UX de su aplicación. Aunque, puede pensar en contratar una agencia de UX que le ofrezca servicios de diseño de UX completos.

Prototipos y planificación

Boceto

El lugar donde comienzan la mayoría de los diseñadores de UX. Muchas soluciones de prototipado ofrecen plugins directos.

Zeplin

Una potente integración de prototipos que permite pasar del diseño al código rápidamente.

Enmarcador

Una solución interactiva y rápida de creación de prototipos

Proto.io

Creador de prototipos muy realistas.

Estudio de Origami

Una herramienta gratuita de creación de prototipos diseñada por Facebook y utilizada para crear algunas de sus aplicaciones.

Pruebas y comentarios

Pruebas de UX

Una solución integral para las pruebas de usuarios

Smartlook

Grabación de usuarios que le ayuda a comprender cómo utilizan su aplicación los usuarios

Cámara UX

Otra herramienta que permite registrar las interacciones de los usuarios.

Apptimise

Pruebas de UX basadas en datos cuantitativos

Cursos y recursos

Compañero de UX

Una aplicación para Android que ofrece definiciones detalladas de todos los términos relacionados con el diseño UX de aplicaciones.

Finge hasta que lo consigas

Un libro electrónico en profundidad para los novatos en el mundo de la UX.

Línea de tiempo de UX

Un excelente sitio que permite ver cómo algunas de las mejores aplicaciones y productos del mundo se han adaptado a lo largo del tiempo.

Principios del diseño UX

Un fantástico curso en forma de boletín informativo que le guía a través de los principios rectores de la UX móvil

Citas UX

Un complemento de Chrome que muestra una nueva cita relacionada con la UX cada vez que se abre una nueva ventana.

Herramientas de diseño

Iconjar

Permite un acceso rápido a los logotipos y al diseño de su aplicación.

Diseño de materiales

Guía definitiva con herramientas que le ayudarán a acertar con su diseño.

Otras herramientas

Diseñar para conseguir más clientes potenciales en el móvil

Características de la interfaz de usuario de la cámara para dispositivos móviles - UWP applications

Tabla de contenido

Características de la interfaz de usuario de la cámara para dispositivos móviles

Artículo

04/02/2022

Tiempo de lectura: 2 minutos

5 colaboradores ¿Le ha resultado útil esta página? Yes No ¿Tiene más comentarios? Cuando presione el botón Enviar, sus comentarios se enviarán a Microsoft, que los usará para mejorar sus productos y servicios. Política de privacidad. Enviar Gracias.

En este artículo

Este artículo muestra cómo sacar provecho de las características especiales de la interfaz de usuario de la cámara que solo están presentes en los dispositivos móviles.

Agregar la extensión móvil al proyecto

Para usar estas características, debes agregar una referencia al SDK de extensión móvil de Microsoft para la plataforma de aplicación universal al proyecto.

Para agregar una referencia al SDK de extensión móvil para admitir el soporte del botón de cámara hardware

En Explorador de soluciones, haga clic con el botón derecho en Referencias y seleccione Agregar referencia. Expanda el Windows nodo Universal y seleccione Extensiones. Selecciona la casilla SDK de extensión móvil de Microsoft para la plataforma de aplicación universal.

Ocultar la barra de estado

Los dispositivos móviles tienen un control StatusBar que proporciona al usuario información del estado del dispositivo. Este control ocupa espacio en la pantalla que puede interferir con la interfaz de usuario de captura de multimedia. Puedes ocultar la barra de estado llamando a HideAsync, pero debes hacer esta llamada desde dentro de un bloque condicional cuando usas el método ApiInformation.IsTypePresent para determinar si la API está disponible. Este método solo devolverá true en dispositivos móviles que admitan la barra de estado. Debes ocultar la barra de estado cuando se inicie la aplicación o al empezar a obtener una vista previa de la cámara.

// Hide the status bar if (ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar")) { await Windows.UI.ViewManagement.StatusBar.GetForCurrentView().HideAsync(); }

Cuando se cierra la aplicación o cuando el usuario abandona la página de captura multimedia de la aplicación, puedes hacer que el control vuelva a ser visible.

// Show the status bar if (ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar")) { await Windows.UI.ViewManagement.StatusBar.GetForCurrentView().ShowAsync(); }

Usar el botón de cámara de hardware

Algunos dispositivos móviles tienen un botón dedicado a la cámara de hardware, que algunos usuarios prefieren a un control en pantalla. Para recibir notificaciones cuando se presiona el botón de hardware de cámara, registra un controlador para el evento HardwareButtons.CameraPressed. Como esta API está disponible solo en dispositivos móviles, debes volver a usar el IsTypePresent para asegurarte de que la API es compatible con el dispositivo actual antes de intentar acceder a este.

using Windows.Phone.UI.Input;

if (ApiInformation.IsTypePresent("Windows.Phone.UI.Input.HardwareButtons")) { HardwareButtons.CameraPressed += HardwareButtons_CameraPressed; }

En el controlador para el evento CameraPressed, puedes iniciar una captura de fotos.

private async void HardwareButtons_CameraPressed(object sender, CameraEventArgs e) { await TakePhotoAsync(); }

Cuando se cierra la aplicación o el usuario abandona la página de captura multimedia de la aplicación, anula el registro del controlador de botón de hardware.

if (ApiInformation.IsTypePresent("Windows.Phone.UI.Input.HardwareButtons")) { HardwareButtons.CameraPressed -= HardwareButtons_CameraPressed; }

Temas relacionados

Qué es la interfaz de usuario y qué tipos existen (guía para principiantes)

La interfaz del usuario es donde tus visitantes navegan por tu sitio web. Incluye diseños intuitivos que hacen que los clientes regresen. En cambio, los sitios que no brindan una experiencia positiva alejan a los clientes, simplemente porque son difíciles de entender o no cumplen sus expectativas.

Aun así, no todas las empresas dedican tiempo y energía para mejorar sus sitios web y atraer a sus clientes nuevos y antiguos.

Logra una ventaja competitiva al optimizar tu interfaz de usuario con las claves que te daremos a continuación.

¿Qué es la interfaz de usuario o UI? Una interfaz de usuario es el medio por el cual una persona controla una aplicación de software o dispositivo de hardware. Esto significa que el programa incluye controles gráficos que optimizan la experiencia de usuario usando un mouse o teclado.

Por ejemplo, los sistemas operativos Macintosh y Windows tienen diferentes interfaces de usuario y comparten muchos elementos, como un escritorio, ventanas o iconos. Dichos elementos comunes hacen posible que las personas utilicen cualquiera de estos sistemas operativos sin tener que aprender a manejar una nueva interfaz.

Imagen de Applesfera

Del mismo modo, los programas como los procesadores de texto y los navegadores web tienen interfaces bastante similares, lo que proporciona una experiencia de usuario consistente entre varios programas.

Elementos de la interfaz gráfica de usuario

De acuerdo con Career Foundry, estos son los elementos más comunes de la interfaz de usuario:

Controles de entrada: permiten introducir información en el sistema por parte de los usuarios.

permiten introducir información en el sistema por parte de los usuarios. Componentes de navegación: ayudan a los usuarios a moverse.

ayudan a los usuarios a moverse. Componentes informativos: brindan información a los usuarios.

brindan información a los usuarios. Contenedores: mantienen el contenido organizado, como paneles, ventanas, marcos, etc.

¿Cuáles son las ventajas de una interfaz de usuario optimizada?

El objetivo principal de cualquier negocio es aumentar sus ventas y crecer. La optimización de la experiencia del usuario es una parte fundamental de todo buen sitio web y está ligada al posicionamiento. Si a los leads les gusta, el reconocimiento y la credibilidad de tu marca aumentarán.

Los especialistas en marketing de hoy se enfrentan al desafío de satisfacer las exigencias y las necesidades de los consumidores en un mundo altamente digitalizado, en donde la tecnología está presente en casi todos los aspectos de sus vidas. Una de las mejores maneras de complacer a los consumidores es crear una experiencia de usuario agradable y valiosa. Considera que los sitios con una experiencia superior tienen hasta 400 % más conversiones respecto de aquellos que ofrecen una experiencia poco agradable o difícil.

Una experiencia de usuario óptima implica más que un diseño de sitio bien construido. Con el desarrollo de las nuevas tecnologías de marketing tienes a tu disposición un conjunto de recursos para mejorar la interfaz de usuario de tu sitio.

Los 3 tipos de interfaces de usuario que existen

Una interfaz de usuario consta de dos componentes: el lenguaje de presentación, que se refiere a la transacción de la computadora hacia la persona, y el lenguaje de acción, que se caracteriza por ser la interacción de la persona con la computadora. Existen tres tipos de interfaces comunes:

1. Interfaz de lenguaje natural

Las interfaces de lenguaje natural son el sueño de los usuarios no especializados, ya que permiten la comunicación entre humanos y máquinas mediante un lenguaje cotidiano o natural. Es decir, el usuario no requiere habilidades especiales para controlarla. Un ejemplo es Alexa, que cuenta con un software basado en modelos acústicos y del lenguaje.

2. Interfaz de preguntas y respuestas

Esta es una de las interfaces más utilizadas por los usuarios. En ella, la pantalla muestra una pregunta al usuario. Para interactuar, este ingresa una respuesta (a través del teclado o haciendo clic con el mouse), y la computadora actúa sobre esa información de una manera preprogramada, generalmente pasando a la siguiente pregunta.

Los asistentes que se usan para instalar software son un ejemplo común de una interfaz de pregunta y respuesta. El usuario responde las preguntas acerca del proceso de instalación, tales como dónde instalar el software o sus características.

3. Interfaz gráfica de usuario

Conocida también como GUI (del inglés Graphical User Interface), utiliza imágenes, iconos y menús para mostrar las acciones disponibles en un dispositivo, entre las que el usuario puede escoger.

La interfaz gráfica de usuario de escritorio de Windows o Mac OS son ejemplos muy populares de GUI, que reemplazaron la comunicación mediante comandos de texto y código binario por elementos gráficos, hoy generalizada en la mayoría de equipos.

¿Cuál es la relación entre el diseño y una interfaz gráfica?

Por lo general, el diseño de interfaces de usuario es una actividad multidisciplinar que involucra varias áreas, tales como el diseño gráfico, el diseño industrial, el diseño web, el diseño de software y la ergonomía.

La interfaz gráfica de usuario está totalmente presente en nuestro día a día: cuando visitamos una página web, cuando abrimos un programa en nuestro ordenador o una app en nuestro smartphone.

Un buen diseño de interfaz gráfica debe adaptarse a la experiencia y seguir como modelo los diseños de otras aplicaciones que han tenido éxito y han sido comúnmente aceptadas.

6 recomendaciones para optimizar la interfaz de tu sitio web

Las marcas deben comprender a sus consumidores y evaluar la mejor manera de satisfacerlos para mantenerse por delante de la competencia. Es importante crear una experiencia de navegación agradable, que se centre en resolver sus necesidades para que los usuarios quieran volver.

A continuación listamos algunas recomendaciones que debes considerar para ofrecer una experiencia de usuario óptima:

1. Elige un diseño web adecuado

Ya sabes lo que dicen: de la vista nace el amor. Tal vez registraste una gran cantidad de tráfico en tu sitio, pero ¿de qué sirve si tus visitantes no están impresionados y deciden irse?

Puedes reducir tu tasa de rebote si optimizas las landing pages. Esto implica implementar páginas fáciles de navegar y con un tiempo de carga rápido. El 70 % de los usuarios de una app la abandonan si no carga rápidamente y 53 % abandonan una página web si tarda más de tres segundos en cargarse. En la actualidad, las personas no tienen la paciencia ni la disposición para esperar a que se cargue una página lenta.

La coherencia es otro punto importante. Por ello debes vincular el contenido de tu sitio y no saturar tus páginas con material innecesario. Mantenlo sencillo y fácilmente accesible. Utiliza espacios en blanco; contrario a lo que muchos piensan, esto representa un gran recurso para dirigir a tu audiencia hacia lo que realmente importa.

Recuerda que el sitio web de tu empresa es tu base de operaciones digital y es muy útil si se construye correctamente. Y es mucho mejor si cuentas con un CMS especializado en negocios.

2. Incluye llamados a la acción (CTA)

El llamado a la acción tiene un alto impacto en la tasa de conversión, por eso es importante optimizarlo. Es la forma más efectiva y directa de pedirle a un usuario que dé el paso siguiente.

Los detalles son importantes al diseñar un llamado a la acción convincente. El uso de ciertos colores y fuentes tipográficas son factores esenciales para que tenga éxito. Asegúrate de que sea claro y distintivo para que capte la atención del usuario.

Con el software de Creación de Call to Action (CTA) de HubSpot dispondrás de llamadas personalizadas y efectivas para convertir a más visitantes en clientes.

3. Comprende a tu cliente

Para mejorar la experiencia del usuario es esencial contar con una buena optimización del sitio en todos los dispositivos y un diseño web bien pensado. Las estrategias y objetivos de tu empresa deben construirse teniendo en cuenta al consumidor y usuario final.

Más del 60 % de la búsqueda proviene de dispositivos móviles. Si tu sitio no está optimizado en todos los canales y dispositivos correrás el riesgo de obstaculizar tu SEO y los resultados de tu clasificación.

Es esencial que conozcas a tu cliente, qué busca y cómo lo obtiene. Herramientas como Google Analytics proporcionan información útil sobre lo que quieren tus usuarios. Utiliza estos datos para comprender mejor el recorrido del cliente y las partes que tu sitio está resolviendo con éxito.

4. Adopta estrategias omnicanal

Es fundamental que tu marca optimice su sitio web para las capacidades de canales cruzados, especialmente para dispositivos móviles, si quieres mantenerte a flote en el mundo digital.

Adopta una perspectiva omnicanal y crea una experiencia fluida en todos los canales. De este modo aseguras que la experiencia del usuario sea lo más fácil posible, e impulsas la tasa de retorno del cliente y, en última instancia, la conversión.

5. Añade formularios

Simplifica tus formularios. Los usuarios de dispositivos móviles buscan comodidad y si requieren 5 minutos de su tiempo para completar un formulario, los perderás. Es mejor que utilices cuestionarios breves y con elementos gráficos que permitan su comprensión y una respuesta fácil.

Utiliza el Creador gratuito de formularios online de HubSpot y configúralo en unos cuantos pasos.

6. Brinda apoyo al usuario

Optimizar la experiencia del usuario te traerá resultados gratificantes. Es fundamental estar presente para tus consumidores desde el principio hasta el final. Localiza los puntos débiles que tu cliente pueda encontrar en el viaje por el sitio. Brinda apoyo durante y después de su visita; esto les dice a tus clientes que te preocupas por ellos y que pueden confiar en ti.

Una buena interfaz permite a los usuarios alcanzar aquello que buscaban cuando llegaron a nuestro sitio web; el propósito de tu sitio es que lo obtengan con facilidad y sin confundirse.

Para evaluar si una interfaz de usuario es buena debes considerar si es visualmente atractiva con una experiencia intuitiva y directa.

10 ejemplos de interfaces de usuario sobresalientes Airbnb Dropbox Amazon Fundéu Atlas Obscura Nike Cervecería de Colima Ray-Ban Wickret Collage

1. Airbnb

Este servicio de alojamiento prioriza reservar con facilidad una estadía desde la pantalla de inicio. El usuario es invitado y dirigido de manera simultánea y cortés para comenzar a planificar su estancia.

Los únicos campos que deben llenar los usuarios durante este paso inicial son: elegir el destino al que desean ir, la duración de su estadía y la cantidad de invitados. Al dejar de lado los filtros adicionales hasta el siguiente paso, el proceso se simplifica, es amigable y accesible.

El botón «Reservar» se encuentra justo abajo, y al ser uno de los botones más llamativos de la página invita a los usuarios a hacer clic para finalizar la reserva.

Después, se le lleva al usuario a una página de pago. La información precios y reservas se encuentra a la derecha de la página para evitar que el huésped retenga la información de la página anterior. A la izquierda, la página le pide al usuario que «salude a su anfitrión y le diga por qué viene». Al incluir esto antes de la información de pago da la oportunidad de iniciar una conversación y conexión entre el huésped y el anfitrión, e involucra aún más al usuario en la experiencia.

Imágenes de Airbnb

Por qué nos gusta la interfaz de usuario de Airbnb

Esta interfaz de usuario logra muy bien dos objetivos: reservar un lugar para quedarse y crear confianza entre dos completos desconocidos.

Airbnb se enorgullece de reunir a las personas y le da importancia a la conversación sobre la transacción: la interfaz de usuario lo refleja perfectamente.

2. Dropbox

En términos de capacidad de aprendizaje, no hay mucho que el usuario promedio no sepa qué hacer desde el principio. Es natural que la mayoría de los usuarios arrastren y suelten archivos desde sus escritorios a la página, incluso sin saber si esa función está disponible o no; lo hacen solo porque es muy común.

La personalidad amable de Dropbox, apoyada en ilustraciones coloridas, ayuda al usuario a sentirse cómodo. Estas cualidades de la interfaz hacen que el producto se sienta como un viejo amigo, listo para ayudarte a completar tus tareas de intercambio de archivos.

Imágenes de Dropbox

Por qué nos gusta la interfaz de usuario de Dropbox

Dropbox tiene una de las interfaces de usuario más fáciles de entender. Su estructura organizativa en carpetas y archivos es fácilmente reconocible para cualquiera que haya usado una computadora.

Esta interfaz presta mucha atención a los detalles, con paletas de colores secuenciadas, iconos animados e imágenes que se coordinan entre sí. Tiene un diseño experimental, creativo y consistente.

3. Amazon

La interfaz de usuario de Amazon está diseñada para aumentar la probabilidad de que los visitantes realicen una compra. Para este fin, la barra de búsqueda es el punto focal en la página. Amazon tiene éxito porque todo mundo sabe cómo realizar una búsqueda, ya sea que los visitantes lleguen con un producto en mente o no.

El algoritmo personaliza el contenido de la página de inicio de acuerdo con las interacciones de búsqueda del usuario para permitir mejores compras futuras.

Imágenes de Amazon

Los llamados a la acción en los productos aparecen como texto (hipervínculo azul) y como imagen. El enfoque lineal de la interfaz de Amazon se conjuga perfectamente con su personalización y usabilidad.

Por qué nos gusta la interfaz de usuario de Amazon

La barra de búsqueda facilita la exploración de los productos, pero también permite filtrar, refinar y ver los resultados de una manera abierta y legible.

La función de búsqueda influye en otros elementos visuales de la página de inicio, como recomendaciones personalizadas, historial de navegación reciente y nuevos productos.

4. Fundéu RAE

La Fundación del Español Urgente es un recurso creado en colaboración entre la Agencia EFE y el banco BBVA. Es uno de los sitios más visitados por las personas que se dedican al periodismo, la redacción de textos y creación de contenidos, porque responde dudas del español, teniendo en cuenta el uso en los países de habla hispana.

Eso quiere decir que su sitio web es un lugar donde cualquier persona puede hacer preguntas sobre ortografía, significados, reiteraciones, sinónimos; consultar cómo utilizar un extranjerismo o un término técnico que está en la agenda noticiosa del momento; o estar al tanto de noticias relacionadas con el idioma.

Fundéu sabe que su principal papel es ayudar a escribir mejor, por eso diseñó su sitio para que sea sencillo navegarlo. En la pantalla inicial muestra los términos más populares, que coinciden con las noticias más relevantes en los medios de comunicación.

Ofrece contenidos adecuados al momento histórico, que serán de gran ayuda para las redacciones, como los relacionados con los Juegos Olímpicos y el coronavirus.

Imágenes de Fundéu RAE

Sin embargo, una de las principales funciones del sitio es la de resolver consultas. Así que los usuarios encontrarán diferentes botones con llamados a la acción para hacer preguntas.

Por qué nos gusta la interfaz de usuario de Fundéu RAE

Aunque está dirigida principalmente a los profesionales de los medios de comunicación, ofrece información interesante para cualquier persona con curiosidad sobre la lengua. Esa apertura está presente en todo su sitio.

Ofrece podcast, recomendaciones, búsquedas por categorías, las consultas resueltas más recientes, micrositios y guías descargables, entre otros recursos.

El lenguaje es sencillo y accesible, también se acompaña de imágenes para una mejor comprensión de los términos que explica.

5. Atlas Obscura

Este es otro sitio hecho para aprender. Su enfoque es mostrar aspectos del mundo que no son tan fáciles de encontrar o que no son parte de la conversación habitual. Se concentra en lugares, costumbres e historias de diferentes países, así como en mostrar nuevas formas de viajar y conocer lugares.

Su interfaz de usuario da prioridad a las imágenes, pues llaman la atención de quien explora el sitio; así que sus historias se acompañan de fotografías o videos para completar la experiencia.

Imágenes de Atlas Obscura

Los usuarios pueden explorar con libertad y orden los contenidos que Atlas Obscura comparte, con la confianza de que podrán regresar fácilmente a la página que los llevó ahí originalmente. A medida que avanzan, también pueden conocer artículos según su popularidad, el lugar en el mundo donde se encuentran, y leer reseñas de viajes poco convencionales.

Por qué nos gusta la interfaz de usuario de Atlas Obscura

Es fácil de leer y consultar. Sus gráficos son estáticos y están bien organizados, así que no se pierde la información ni se hace clic en enlaces por error.

Aunque tiene un archivo bastante numeroso de contenidos, el sitio no abruma con sus opciones. En lugar de eso, ofrece en primer lugar los artículos con mejor recepción y más actualidad, y después los textos relacionados con el contenido elegido. De esta forma la exploración puede ser más orgánica.

6. Nike

El sitio de Nike está hecho para que sus productos luzcan y la gente pase todo el tiempo necesario conociendo sus novedades. Lo primero que se ve es la campaña más reciente y luego los artículos recién llegados.

Si lo que está ahí no te llama la atención, es sencillo hacer una breve exploración de los artículos, que ya están organizados en diferentes categorías. Además ofrece acceso directo a los favoritos (para usuarios registrados) y al carrito de compras.

Imágenes de Nike

Por qué nos gusta la interfaz de usuario de Nike

Muestra los productos de una forma atractiva. Además de presentar el producto, ofrece combinaciones con otros artículos que invitan a comprar un atuendo completo.

Da información para comprender mejor cómo lucen sus prendas, al ofrecer puntos de referencia como la estatura de los modelos y las tallas que visten en la fotografía.

Es sencillo seleccionar tallas y colores para ir rápido a la cesta de compra.

7. Cervecería de Colima

El diseño de estas cervezas mexicanas es muy llamativo y cuando pensaron en su sitio web, lo hicieron amigable y sencillo para realizar compras.

El texto es apenas el necesario, por lo tanto, hay más espacio para las fotografías y publicaciones de Instagram, en contraste con una menor cantidad de entradas de blog (que no son lo prioritario). Para comprar, el proceso es intuitivo: exploras por secciones (lo más nuevo, las premiadas), haces clic en la cerveza que te interesa y eliges un paquete.

Imágenes de Cervecería de Colima

Después se presentan los métodos de pago, las características de la bebida y, para que te decidas, el sitio incluye un contador que te indica el momento adecuado para que el paquete llegue pronto.

Por qué nos gusta la interfaz de usuario de Cervecería de Colima

Aunque sí ofrece información e historia de sus productos, el foco está en vender. Así que todas las herramientas conducen a ese objetivo.

Es un sitio bonito, que resalta el diseño de las etiquetas de las botellas, el cual es uno de sus diferenciadores.

8. Ray-Ban

El gran reto del sitio de venta de Ray-Ban es mostrar todos sus modelos, que son cientos. Los clientes pueden pasar mucho tiempo eligiendo su favorito para añadirlo al carrito de compra, pero es seguro que el tiempo invertido valdrá la pena.

Los visitantes pueden realizar búsquedas por sexo, por modelo, por uso (graduación, vista o para sol) y usar otros filtros como forma, color y material del armazón; graduación o forma de la cara (redonda, cuadrada, ovalada, triangular). Cada modelo tiene una imagen que puede ampliarse y girarse. Si tiene diferentes colores, todos aparecen en el carrusel para que verlos de cerca. Además, existe la opción de probar las micas y de ver cómo lucen las gafas, gracias a la cámara del teléfono o la computadora, que hace una captura del rostro de la persona y le añade el armazón a proporción.

Con razón dan ganas de quedarse tanto tiempo en su sitio.

Imágenes de Ray-Ban

Por qué nos gusta la interfaz de usuario de Ray-Ban

Ofrece herramientas útiles para conocer mejor sus modelos y que la gente se sienta segura con su elección.

Aprovecha plugins para que la experiencia de compra sea más amigable. A pesar de que sería fácil perderse entre tanta información, logran hacer el recorrido interesante.

9. Wickret

Wickret es un banco que nació con la experiencia en línea y la inteligencia artificial, así que no tuvo que adaptarse a las nuevas plataformas, como otros servicios financieros que tienen más tiempo en el mercado. Y eso se nota también en la interfaz de usuario porque es un sitio realmente atractivo.

Es una página de destino, así que su función es dar información de los beneficios del banco y ofrece descargar su app. Sin embargo, decidieron hacerla bonita y divertida. En lugar de crear múltiples menús en un extremo de la pantalla, la información aparece a medida que el puntero va hacia abajo o hacia arriba. Los gráficos se comportan como si alguien los «jalara», así que se deforman levemente para dar esa sensación de movimiento y elasticidad.

Imágenes de Wickret

Todos los elementos que conforman el diseño se transforman o se mueven cuando el puntero (que es un círculo azul) pasa sobre ellos, pero de una forma eficiente y ligera, para no alentar la carga de la página.

Por qué nos gusta la interfaz de usuario de Wickret

Su diseño habla mucho sobre la filosofía del banco: moderno, joven, dinámico.

A pesar de que tiene movimiento y elementos con los que se puede interactuar, no es una página pesada ni se interrumpe.

10. Collage

Otro ejemplo sorprendente es el de Collage, un estudio de diseño de productos, como joyas y artículos de decoración que, por supuesto, tiene un espíritu innovador en su interfaz de usuario.

Aquí encontrarás poco texto, porque quienes hablan por sí mismos son los productos. Se le da mucha importancia al espacio libre, así que la tipografía es pequeña y las imágenes no están sobrecargadas.

Imágenes de Collage

Su propuesta es fácil de recorrer, el menú aparece del lado izquierdo y ofrece la lista de productos por categoría y las opciones de seguir las redes sociales, contactar al estudio o localizar una tienda, pero el resto de la pantalla la ocupa un conjunto de fotografías de la colección.

Por qué nos gusta la interfaz de usuario de Collage

Se percibe como una marca muy al tanto de las tendencias del diseño, gracias al uso del espacio libre y el poco texto.

Al navegar en el sitio, las letras se mueven y algunos elementos aparecen y desaparecen con el puntero, lo que añade movimiento sin distraer demasiado.

Es fácil de explorar, por lo que no requiere a los visitantes mucho tiempo.

Ahora que conoces las características y ventajas de una buena interfaz, ¿cómo llevarás la experiencia de tu usuario a otro nivel? Logra que tu interfaz sea una aliada de tu negocio.