Interfaz de usuario de diseño de aplicaciones

Interfaz de usuario de diseño de aplicaciones: los 9 mejores consejos para ofrecer una excelente experiencia de usuario

Las aplicaciones móviles brindan una oportunidad para que las empresas y los diseñadores lleguen a más personas que nunca. Los dueños de negocios ya no se limitan a comunicarse con los clientes por teléfono, campañas de correo o en la tienda. Hoy en día, su empresa está disponible las 24 horas del día, los 7 días de la semana a través de un sitio web y aplicaciones móviles, que van con los usuarios en todas partes. El desarrollo de una aplicación le permite enviar notificaciones automáticas a los usuarios y satisfacer un conjunto particular de necesidades del cliente.

Desafortunadamente, no todas las aplicaciones funcionan como deberían. Algunos son francamente frustrantes y tienen poco sentido para el usuario. Crear una excelente interfaz de usuario y experiencia (UX) de diseño de aplicaciones para dispositivos móviles no es tan simple como parece. Los investigadores predicen que para 2020, las aplicaciones móviles generarán alrededor de $ 188.9 mil millones en ingresos. Todavía hay mucho espacio para el crecimiento, pero también hay algunas prácticas de diseño que no funcionan bien. Por cada buena aplicación, hay tres que no se traducen bien en la vida real.

Los usuarios tienen la opción de elegir entre miles de aplicaciones. Si desea que el suyo atraiga el interés de los usuarios en un mar de otras opciones, debe destacar. Una forma de lograr una aplicación que la gente usa con frecuencia es centrarse en la experiencia del usuario. Cada diseñador tiene una forma diferente de crear aplicaciones, pero todas tienen algunos elementos en común. Aquí Hay nueve formas en las que puede ofrecer la mejor experiencia posible a sus usuarios de dispositivos móviles.

1. Dedique tiempo a planificar

Antes de crear un solo elemento del interfaz de usuario de diseño de la aplicación, dedique tiempo a planificar qué problema resuelve y su estructura general. Profundice en las personas de las personas que probablemente descarguen la aplicación, para que sepa la audiencia a la que está tratando de llegar. Comprender a su audiencia cruza todos los aspectos del desarrollo, desde el diseño de su navegación hasta la forma en que promociona su software.

Algunos diseñadores utilizan wireframing para crear una especie de plano para su diseño. Esto permite al creador de la aplicación probar diferentes elementos y ver cómo funcionan en la arquitectura del programa. Ahorra tiempo, ya que puede determinar qué podría crear problemas antes de pasar horas codificando algo que no funcionará en la aplicación. Piense en la edad del usuario e incluso en el tamaño de sus manos: los botones más grandes funcionan mejor para los hombres que a veces tienen manos más grandes que las mujeres, por ejemplo.

2. Desarrollar para el tipo de dispositivo

Aunque iOS es popular, hay un porcentaje de personas que siempre tendrán un Android. Puede optar por desarrollar solo uno o ambos. Si el tiempo lo permite, continúe y cree aplicaciones para ambos sistemas. Si bien puede terminar obteniendo más descargas en Apple que en Google Play, satisfará las necesidades de todos sus usuarios, sin importar qué sistema operativo estén usando. Además, tenga en cuenta que el comportamiento de Android frente a iPhone varía, por lo que deberá tener en cuenta la forma en que cada segmento usa sus teléfonos inteligentes y tabletas.

Encuesta a tus clientes actuales y pregúntales si poseen iOS o Android. Si el 90 por ciento de sus clientes usan iOS, entonces lanzar primero su aplicación compatible con iOS puede ser la mejor opción para sus consideraciones de presupuesto y tiempo. Si bien es inteligente ofrecer ambas opciones, siempre debe enfocarse en dónde puede obtener el máximo provecho de su inversión primero y luego agregar otras plataformas cuando pueda permitírselo.

interfaz de usuario de diseño de la aplicación

MindMeister es una herramienta de mapas mentales que funciona bien para la lluvia de ideas y la colaboración en proyectos. MindMeister está disponible en línea y para dispositivos móviles, y se puede utilizar tanto para iOS como para Android. Una de las ventajas de esta aplicación en particular es que se integra en múltiples tipos de dispositivos. Si posee una tableta Android y un iPhone, puede usar sin problemas las diferentes versiones de la aplicación de ambos elementos sin perder el ritmo.

3. Divida las grandes tareas en subtareas

Piense en la forma en que las personas usan sus teléfonos inteligentes. El usuario típico toma su teléfono mientras está en una sala de espera o viaja en el metro hacia y desde el trabajo. Es posible que no tengan una hora para completar una gran parte de una tarea, pero si separa las funciones grandes en otras más pequeñas, la persona puede hacer las cosas según lo permita el tiempo. Es posible que a los usuarios tampoco les guste el desplazamiento sin fin, por lo que dividir las acciones para que quepan en una sola pantalla a la vez es una mejora en la UX general.

Una forma de asegurarse de que sus grandes tareas sean factibles para las personas ocupadas es probar el sistema. Establezca un temporizador de 30 segundos y vea si puede completar el trabajo en ese tiempo. Si no es así, ¿cómo puede desglosarlo aún más, para que parte de él se complete en 30 segundos? También querrá crear su aplicación, de modo que si un usuario tiene que dejar el proceso por un tiempo y regresar, se reanudará donde lo dejó.

4. Cree una experiencia enriquecedora

Ha escuchado el consejo de mantener las cosas simples, pero eso no significa que su aplicación deba ser aburrida. Los teléfonos inteligentes más recientes tienen alta resolución de pantalla y ofrecen imágenes y videos en alta definición. Es importante encontrar un equilibrio entre los medios enriquecidos dentro de sus aplicaciones y la velocidad. Los gráficos deben optimizarse para cargarse rápidamente, pero seguir siendo audaces y nítidos, de modo que los usuarios estén visualmente satisfechos.

Recuerde que sus usuarios tienen otras opciones y han decidido utilizar su aplicación en su lugar. Si no los mantiene entretenidos y comprometidos, corre el riesgo de perderlos con la aplicación de la competencia. El suyo debe ser agradable a la vista y muy útil.

interfaz de usuario de diseño de aplicaciones: mejores 9 consejos La mejor experiencia de usuario para su aplicación móvil

HotelTeight utiliza imágenes vívidas que hacen que los usuarios deseen viajar a diferentes lugares donde podrían reservar una habitación a través de su aplicación. El enfoque de sus características es la funcionalidad, pero la aplicación no ignora la estética del diseño, creando una agradable mezcla de imágenes y elementos. Las llamadas a la acción a menudo se encuentran encima de la imagen de fondo.

Crear una aplicación realmente puede ayudar a que su marca crezca más rápido. búsqueda de Google desarrollo de aplicaciones cerca de mí si buscas a alguien local.

Contacto para obtener más información sobre nuestros servicios de desarrollo de aplicaciones.

5. Cree una progresión clara de pasos

Cuando mueva a los usuarios a través de las distintas partes de su viaje, deje en claro cuál será el siguiente paso. Si el usuario hace clic en un botón procesable, deslice inmediatamente la pantalla al siguiente paso. También puede utilizar elementos como numerar cosas: Paso 1, Paso 2 y así sucesivamente.

Otra idea es utilizar íconos, como flechas, para mostrar al usuario adónde ir a continuación. Palabras simples, como "Desplácese hacia abajo" o "Deslícese hacia la izquierda", ofrecen una dirección clara a las personas y hacen que su aplicación sea lo suficientemente simple incluso para principiantes.

6. Resalte las llamadas a la acción con color

Ofrezca una excelente experiencia de usuario para su aplicación móvilUna explosión de color contrastante llama la atención sobre las llamadas a la acción (CTA) y muestra claramente a los usuarios lo que deben hacer para usar la aplicación. Una vez que sepa quiénes son sus usuarios, tendrá una mejor idea de qué botones de color podrían funcionar mejor para captar su atención e impulsarlos a través de las funciones de la aplicación. También puede realizar pruebas divididas para ver qué colores y tamaños de botones funcionan mejor para su audiencia específica.

Hay varios estudios sobre el color de los CTA que algunos expertos creen que funcionan mejor, pero otros estudios contradicen los hallazgos. La conclusión es que los diferentes colores, formas y ubicaciones funcionan mejor para varios tipos de audiencias, por lo que debe encontrar la mejor combinación para los resultados que busca.

Experiencia de usuario de la aplicación móvil: resalte las llamadas a la acción con color

Hwy 55 Hamburguesas, batidos y papas fritas La aplicación utiliza botones rojos y rosados ​​que resaltan sobre el fondo pastel. El ojo del usuario sigue los botones y sabe que debe realizar una de las acciones enumeradas, como escanear un recibo o ver sus recompensas. Los colores combinan con la paleta en el sitio web de la compañía y en sus restaurantes, al tiempo que usan los tonos favoritos de la década de 1950 y marcan un tono de diversión en la historia.

7. Crea una guía de estilo

Una vez que la interfaz de usuario de diseño de su aplicación esté fuera por un tiempo, querrá ofrecer actualizaciones y funciones adicionales. Una vez que haya lanzado su aplicación y haya probado su usabilidad, cree una guía de estilo detallada. Comprenderá lo que les gusta a los usuarios de su aplicación y podrá agregar detalles al manual, que debe seguir para todas las actualizaciones futuras.

Si sus usuarios adoran los botones más grandes porque son baby boomers y tienen problemas para ver texto pequeño en botones pequeños, su guía de estilo debería indicarlo. Por otro lado, si su audiencia son millennials y prefieren material desnatado, agregará detalles a su guía sobre cómo mantener las explicaciones breves o basadas en imágenes.

Su guía de estilo debe incluir detalles sobre la paleta de colores, estilos de botones, preferencias de idioma (primera persona, segunda persona, tercera persona) e incluso otras características que usted sabe que funcionan particularmente bien. Indique los métodos y elementos preferidos a evitar para mantener la coherencia.

8. Elimine el desorden

Con el tiempo, agregará funciones a su aplicación. Sin embargo, también pueden crear desorden en la pantalla. Nada es tan confuso para el usuario como 20 opciones diferentes y la incertidumbre sobre por dónde empezar. Para crear una aplicación genuinamente fácil de usar, debe eliminar el desorden y concentrarse solo en los elementos vitales. Cualquier característica adicional es la guinda del pastel y debe agregarse después de dominar los conceptos básicos.

Empiece por pensar en el propósito principal de su aplicación. ¿Quieres que los usuarios puedan ver qué novedades llegaron a tu tienda esta semana? ¿Su aplicación está diseñada para rastrear alimentos saludables? El usuario debería poder agregar lo que comió haciendo clic en un solo botón e ingresando el elemento en la barra de búsqueda. Mantenga las cosas simples y al grano, y su UX mejorará automáticamente.

los mejores consejos de la aplicación móvil ux

Find My Friends es la aplicación de Apple que permite a las personas encontrar familiares y amigos en su área y ver qué tan lejos están de llegar para una visita. También realiza un seguimiento de los miembros de la familia, como los niños adolescentes. Cuando inicia sesión por primera vez en la aplicación, tiene la opción de buscar con quién ya está conectado o agregar amigos. Las opciones son simples y van al grano.

Los únicos elementos en esa página inicial son los botones que le permiten mirar o agregar. Debe navegar a un nombre o ubicación específicos en el mapa para obtener información más detallada. La aplicación funciona perfectamente para alguien que organiza una fiesta y desea ver qué tan lejos están los invitados de llegar.

9. Considere la colocación de los dedos

La creación de diseños que funcionen bien con dispositivos específicos requiere familiaridad con el tipo de producto. Piense en la forma en que la mayoría de las personas navegan en sus teléfonos: sus pulgares están cerca de la parte inferior de la pantalla. Agregue elementos de navegación para que no tengan que alcanzarlos y asegúrese de hacerlos lo más naturales posible.

La única forma de crear la ubicación correcta es probándola usted mismo como diseñador. Por ejemplo, coloque un botón donde crea que sería más fácil acceder y luego haga una prueba beta de la ubicación y vea si es más accesible allí o necesita un ajuste. También es una buena idea atraer probadores beta adicionales, ya que algunas personas sostienen sus teléfonos de manera diferente a otras. Todos los elementos de navegación y botones accionables deben ser lo más fáciles de usar posible.

Entrevistamos a varios profesionales de UX sobre este tema. Aquí están sus respuestas a nuestras preguntas;

Michael Prestonise en Pruebas de aplicaciones globales dice;

¿Cómo planificas tu estrategia de UX?

Nuestra estrategia de UX se planifica cuidadosamente con el objetivo de entregar valor al cliente de una manera que sea técnicamente factible y ayude al negocio a alcanzar sus objetivos. La elaboración de esa estrategia implica la agregación de los resultados de una variedad de metodologías de investigación, incluidas entrevistas con clientes, análisis de datos cuantitativos, análisis de mercado y segmentación de clientes. Luego, esos resultados agregados se evalúan y priorizan para identificar áreas de oportunidad clave.

¿Qué herramientas usas para el diseño de UI / UX y por qué?

Para el diseño de la interfaz de usuario, utilizamos Figma. Esta es una plataforma completamente basada en la web que agiliza la colaboración, ya que es fácil compartir el trabajo y los diseños con cualquiera que necesite contribuir. Al igual que con Google Docs, todo lo que necesitan nuestros desarrolladores se puede compartir de forma remota y sencilla. En términos de diseño de UX, las herramientas que utilizamos incluyen un cuaderno y un bolígrafo (!), Una pizarra y herramientas colaborativas como Miro y Whimsical. Miro es una excelente herramienta para desarrolladores remotos, ya que puede realizar talleres retrospectivos para preguntar qué salió bien y qué no y votar sobre temas para discutir dentro del equipo.

¿Creas guías de estilo? Si es así, ¿qué herramientas utiliza y por qué?

Tenemos un sistema de diseño que nos ayuda a crear experiencias visuales consistentes en una variedad de plataformas (el sitio web de marketing, la aplicación orientada al cliente, la aplicación orientada al tester, etc.). Los componentes de la interfaz de usuario que derivan sus estilos del sistema de diseño se han atomizado. en Figma y permitir que los diseñadores los utilicen durante todo el proceso.

JD Jordan en MaxMedia menciones;

¿Cómo planificas tu estrategia de UX?

Siempre comenzamos con una fase de descubrimiento y recomendaciones, incluso para proyectos de UX no convencionales, como proyectos de diseño gráfico y de marca más tradicionales. Uno de nuestros líderes de UX participará en entrevistas con usuarios y partes interesadas, análisis competitivos y comparativos y auditorías del estado actual cuando sea posible. A partir de esta investigación, identificaremos la brecha que una solución podría tener para llenar el mejor impacto. A menudo, esto es una combinación de diseñar una solución mejorada y crear una percepción más impactante. Este proceso también sugiere una hoja de ruta, ya sea para un proyecto o para muchos, que a menudo combina UX, UI, front-end, contenido y marketing.

Nuestras soluciones son siempre únicas porque nuestros clientes lo son. Pensamos mucho en la empatía. En primer lugar, porque saber cómo se sienten nuestros usuarios y qué necesitan nos convierte en mejores diseñadores. Ese es el diseño básico centrado en el usuario. Pero tener empatía por lo que es importante para nuestros clientes también nos convierte en mejores socios. No estamos diseñando soluciones para nosotros mismos, y eso puede ser más importante de recordar con el diseño móvil porque tenemos relaciones muy íntimas con esos dispositivos. La empatía es lo más humano que alguien puede hacer y tenemos la suerte de que nos paguen por hacerlo.

¿Qué herramientas utilizas para el diseño de Ui / UX y por qué?

Intentamos ser independientes de las herramientas, pero hemos refinado un proceso de diseño de UI / UX preferido. Siempre comenzamos con lápiz y papel (o lápiz y tablero de marcadores), aunque sea muy brevemente, antes de pasar a IA de baja fidelidad y wireframes. Varios miembros de nuestro equipo utilizan Axure para crear estructuras alámbricas porque su conjunto de herramientas hace que el trabajo de menor fidelidad sea más temprano para componer y crear prototipos. Alternativamente, la mayoría del equipo pasa directamente a Sketch, donde el trabajo puede pasar de baja a alta fidelidad dentro de un solo archivo. Sketch también es valioso porque se integra bien con InVision y de manera magistral con Zeplin, que usamos para la recopilación, preparación y transferencia de activos al desarrollo de front-end.

Uno de nuestros clientes prefiere Adobe XD pero este no es nuestro proceso normal. Y nunca usamos Balsamic. Si quieres que algo se vea dibujado a mano, dibújalo a mano.

¿Creas guías de estilo? Si es así, ¿qué herramientas utiliza y por qué?

Siempre, aunque solo sea para uso interno. Estos adoptan una variedad de formas:

Los estándares de mensajes y marcas pueden crearse utilizando herramientas de presentación o documentos como Keynote o Word. Tratamos de mantener estos documentos vivos tanto como sea posible y preferimos formatos en línea como los sitios web básicos de WordPress para que los materiales de la guía de estilo puedan evolucionar con el tiempo. Un PDF simple se fecha en el momento en que se envía y rara vez se vincula a los materiales necesarios.

Los patrones de interfaz de usuario y las guías de estilo de activos se crean normalmente mediante una combinación de Sketch y Zeplin. El uso de símbolos por parte del primero se traduce particularmente bien para la audiencia centrada en el código del segundo. Y, de nuevo, esta combinación vive y evoluciona con el tiempo (por ejemplo, en sprints y proyectos sucesivos) para minimizar la deuda de diseño y desarrollo creada por las guías de estilo estáticas.

El equipo de UX / UI en AiCure escribe;

¿Cómo planificas tu estrategia de UX?

No existe una estrategia única que pueda aplicarse a todo el trabajo de diseño de UX, aunque es imprescindible ser sensible a los siguientes factores:
- Conozca a su público objetivo y comprenda sus necesidades y puntos débiles.
- Qué problema se está resolviendo.
- Cuál es el valor de su solución de diseño.

La retroalimentación es importante: crea prototipos, prueba y obtén información sobre tu producto a través de pruebas de usabilidad y accesibilidad.

¿Qué herramientas utilizas para el diseño de Ui / UX y por qué?

Utilizamos principalmente Sketch, porque nos permite iterar rápidamente, es liviano y está bien integrado con herramientas de creación de prototipos y transferencia. También tiene muchos complementos nativos o de terceros que facilitan todo el proceso de diseño.

¿Creas guías de estilo? Si es así, ¿qué herramientas utiliza y por qué?

Sí, creamos guías de estilo que en su mayoría se integran como parte del sistema de diseño. El sistema de diseño nos permite ser 100% consistentes y aplicar un diseño modular que nos da la oportunidad de escalar hacia arriba o hacia abajo, así como abordar múltiples factores de forma en un diseño receptivo.

¿Qué herramientas utilizas para el diseño de Ui / UX y por qué?

Illustrator y boceto, software basado en vectores, excelente gestión del color, ya sea RGB o CMYK.

 

Interfaz de usuario de diseño de aplicaciones: UX lo es todo

Cuando se trata de crear una aplicación que la gente descarga y abre con regularidad, la usabilidad es de suma importancia. ¿Alguna vez descargó una aplicación que sonaba genial pero que era difícil de usar en aplicaciones de la vida real? Probablemente lo borró de su teléfono y lo olvidó por completo. Su aplicación debe cumplir con las expectativas de los usuarios tan bien que sienten que no pueden vivir sin ella.

Su aplicación debe satisfacer una necesidad del usuario y luego crear algo que les facilite o mejore la vida. Cuanto más se ponga en el lugar del consumidor y satisfaga esas necesidades, más éxito tendrán sus diseños. Estos nueve consejos deberían facilitar la conexión con los usuarios y mejorar su experiencia, de modo que su aplicación se considere una parte vital de sus vidas.

 

Biografía del autor

Lexie es diseñadora gráfica y estratega de UX. Su trabajo aparece en Manta, Marketo, Website Magazine, Creative Bloq y Sunlight Media.

Echa un vistazo a su blog de diseño, Design Roast, y síguela en Twitter @lexieludesigner.

2 Comentarios

  • Niharika Kapoor Noviembre 15, 2019 2 en: 12 pm

    Buen post. La aplicación de entrega de alimentos en línea ayuda a que el negocio de los restaurantes crezca y facilita el proceso para que los clientes pidan alimentos en línea.

    • Angelo Frisina Noviembre 16, 2019 2 en: 14 am

      Gracias Niharika. Sí, de hecho. El desarrollo de aplicaciones es un componente fundamental del marketing empresarial en general.

Publicar un comentario

Los comentarios están moderados. Su correo electrónico se mantiene privado. Los campos obligatorios están marcados *

© 2021 Sunlight Media LLC | 811 W 7th St. Nivel 12, Los Ángeles CA, 90017 | 323.868.3581