¿Cuáles son las mejores prácticas para UX móvil? ¿Que funciona? ¿Qué se puede mejorar?

¿Cuántos de ustedes usarían una aplicación con diseños pobres o diseños abruptos? Estoy seguro de que nadie.
Nuestro equipo de diseñadores de UI / UX en BrainMobi insiste en prestar mucha atención a la evolución de la apariencia de una aplicación móvil. Con la ayuda de conjuntos de habilidades y softwares extáticos, nuestro equipo ha logrado dar cuenta de un éxito notable en el desarrollo de aplicaciones móviles atractivas. Pero, ¿cuáles podrían ser los factores responsables para desenmascarar el misterio de UI / UX? Revelemos las prolíficas prácticas detrás de la atractiva UI / UX.

Lea también: ¿Cómo diseñar una gran experiencia de usuario para sus aplicaciones?

Las mejores prácticas para UX móvil

La claridad es clave

Reduzca el esfuerzo que los usuarios deben realizar para obtener lo que desean. Trate de mantener el diseño simple y claro de entender en un abrir y cerrar de ojos. Facilite a los usuarios la comprensión de dónde hacer clic y los objetivos de clic lo suficientemente grandes como para ser tocados. La navegación oculta reduce el factor de detección, por lo que debe evitar en la medida de lo posible.

Por ejemplo, menús de hamburguesas.

Espacio para respirar

La congestión hace que los usuarios se vuelvan locos en este mundo acelerado donde no tienes una segunda oportunidad sobre las marcas de mascotas. El arte de administrar todas las funcionalidades dentro de una pantalla tan pequeña agrega credibilidad y color verdadero a su experiencia.

Enfoca tu contenido

El fuerte control sobre el contenido ayuda a brindar la máxima precisión, lo que resulta en más espacio disponible para alabar la funcionalidad a pesar de hacer malabarismos entre palabras.

Usa el principio de Pareto

La regla general a recordar es que aproximadamente el 80% de los usuarios de aplicaciones nunca utilizan más del 20% de sus funciones.

Si su aplicación ya está disponible en App Store o PlayStore, puede utilizarla a su favor analizando y monitoreando cómo los usuarios interactúan con el contenido disponible.

Debe centrarse en las características que son más populares entre los usuarios y deshacerse de las que no provocan interés. El objetivo debe ser elevar el nivel de experiencia del usuario que ofrecen esas características del 20% lo mejor posible.

Operación con una mano

Con el lanzamiento del iPhone 6 y 6 Plus, queda claro que los tamaños de pantalla seguirán expandiéndose.

Según las últimas estadísticas, el 85% de los usuarios observados que trabajan usan solo una mano. Cuanto más grande es la pantalla, menos accesible es la zona. Siguiendo esta tendencia , es necesario adaptar un diseño para mejorar la experiencia del usuario. Intente asegurarse de que su aplicación se pueda usar fácilmente (y por completo) en una pantalla grande (como iPhone 6 o 7) con una mano. Coloque las opciones de navegación al alcance del pulgar.

¿Estás esperando desarrollar una aplicación con un sorprendente cociente UI / UX?

Póngase en contacto con BrainMobi para una experiencia de usuario prolífica.

Síguenos: Twitter , LinkedIn , FaceBook

Ya sea que esté regalando información o entreteniendo a sus usuarios, su aplicación necesita una estrategia de UX de diseño bien planificada e implementada adecuadamente para crear un impacto. Pero básicamente tu aplicación debería ser

Funcional : capaz de funcionar correctamente sin problemas técnicos

Significativo : genere valor para los usuarios resolviendo sus problemas

Delicioso : debería dejarlos felices y lo suficientemente atractivos como para que vuelvan nuevamente.

Considere dar a los usuarios todo lo que quieran sin que sea demasiado complicado, para eso puede optar por un diseño mínimo . Los colores influyen en las opiniones, usan algo que permite a los usuarios conectarse con la marca y hacer que continúen. Del mismo modo, concéntrese en ofrecer una experiencia de incorporación de alta calidad. Piense en una interfaz que se adapte según las preferencias del usuario y les brinde suficientes opciones para personalizarla para una experiencia personalizada .

Si necesita ayuda para crear UX inteligente y funcional para su producto, le recomiendo INKONIQ. Son pioneros en la inteligencia de diseño de outsourcing y tienen algunos de los mejores diseñadores y desarrolladores de UX en India.

En 2014, los usuarios de dispositivos móviles superaron el uso de los usuarios de escritorio o el acceso a Internet. Desde entonces, es una segunda naturaleza que las empresas diseñen una versión móvil de sus softwares y aplicaciones previamente disponibles solo en versiones de escritorio.

Para UX móvil, siempre considero que el iPhone es el punto de referencia en un excelente diseño de UX. Es simple, fácil de usar e intuitivo. El diseño UX es tan bueno que ya no necesita un manual de usuario a diferencia de su competencia. Pase unos minutos con él y listo, listo. Así que analicemos por qué el diseño UX del iPhone es genial.

Contenido claro y enfocado
Empacar contenido en una pantalla de 4 pulgadas no solo es un desafío, es una hazaña del diseño de la interfaz de usuario. Naturalmente, el camino a seguir es contenido enfocado. Solo necesita concentrarse en un contenido central para cada página. También puede poner señales visuales para guiar a los usuarios a controlar la aplicación. Se puede aprender mucho de los viejos juegos japoneses que usan señales visuales como orbes brillantes u objetos que llamarían tu atención. Luego, al interactuar con él, aparece un mensaje para obtener más instrucciones o parte del proceso de contar historias.

Menú simple
El iPhone solo tiene un botón de inicio, eso es todo. Tomemos, por ejemplo, su versión de Safari, su menú solo tiene iconos en lugar de menús alfanuméricos. Esto permite a los usuarios navegar cómodamente dentro de la aplicación utilizando nuestras yemas de los dedos.

Diseñado para tocar
No hace falta decir que la mayoría de las personas usan sus dedos para navegar por sus teléfonos. Es cierto que el lápiz / bolígrafo / lápiz está volviendo, pero en general, los consumidores utilizan principalmente la punta de los dedos para navegar por los menús y botones de acción, incluso con estos accesorios disponibles. Solía ​​tener un Samsung Note 2, pero prácticamente no tenía uso para el lápiz. De hecho, perdí el lápiz y nunca me molesté en reemplazarlo por uno nuevo.

Menos formas, mejor
Solo imagine una pequeña pantalla llena de formularios para llenar. No es una muy buena vista, ¿verdad? Mantenga los formularios como mínimo, use el autocompletado para los campos de uso común. En lugar de ingresar la fecha, use un calendario visual.

Suelta las imágenes
No necesitas ser elegante con UX móvil. La medida de rendimiento más importante para su sitio móvil es la velocidad y el tamaño.

El diseño de UX depende del problema que está resolviendo y del usuario que está resolviendo y es difícil de generalizar, pero sigo algunas reglas generales:

1. Tarea única : Diseñe para una experiencia simple, idiota y simple que hace una cosa y solo muy bien. Si su aplicación no puede explicarse con una línea en 30 segundos, probablemente sea difícil llamar la atención.
2. Gratificación instantánea : muestre el valor al instante, dentro de unos segundos después de que el usuario instale la aplicación. Intente evitar el registro o cualquier otra fricción en la experiencia del usuario por primera vez. Concéntrese mucho en los primeros 30 segundos después de la instalación: si el usuario no ve el valor, probablemente los haya perdido.
3. Pantallas simples : diseñe cada pantalla para una cosa y una sola, con no más de 1 llamada a la acción. Simplifica todo lo que puedas.
4. Interfaz de usuario limpia : mantenga la interfaz de usuario tan “invisible” como pueda; concéntrese en el contenido.
5. Animaciones inteligentes : use las animaciones con cuidado. Úsalos para hacer algo obvio, no elegante.
6. Operación con una mano : intente colocar los botones al alcance del pulgar, incluso en Android. Intente asegurarse de que su aplicación se pueda usar fácilmente (y completamente) en una pantalla grande (iPhone 6, Nexus 6P) con una sola mano.
7. Evite los gestos : trate de evitar (o minimizar) el uso de gestos. No son obvios.
8. Evite los tutoriales : intente evitar los tutoriales. Si tiene que explicar qué es, no es obvio: vuelva a la tabla de dibujo.
9. Haga que parezca rápido : haga todo lo posible para que la aplicación sea rápida y receptiva. Haga cosas en segundo plano (subidas de fotos tempranas, etc.) para que parezca que las acciones son rápidas. Evita las barras de progreso y las cosas que parecen lentas en general tanto como puedas.
10. Utilice las notificaciones push con prudencia : piense detenidamente por qué el usuario consideraría valiosa una notificación; cuando es un buen momento para enviarlo; y con que frecuencia No envíe notificaciones “en aras de involucrarlos”. Envíelos si y solo si cree que son valiosos para el usuario.

Resuelve el dolor. Este no es un ejercicio para acariciar tu ego o flexionar tu creatividad. Muchas veces, diseñar o crear un nuevo producto es visto como una marca. La gente quiere hacerse famosa por diseñar esto o aquello. De eso no se trata. Diseñar un producto se trata de resolver problemas. Se trata de comprender los puntos débiles del usuario y de la empresa y encontrar una solución que aborde y equilibre esas necesidades.

Comprende el contexto. Comprenda que los casos de uso en dispositivos móviles son potencialmente diferentes a los de escritorio. El software de contabilidad en línea en la web puede permitirle crear facturas, ver informes y mucho más. Sin embargo, el mismo producto en el móvil podría centrarse más en el seguimiento de los gastos mediante la entrada de recibos o el seguimiento del tiempo.

No intentes abarrotar demasiado. Es muy fácil para alguien que toma un producto web existente convertir las pantallas de escritorio web a dispositivos móviles y terminar con un enorme monstruo. Los patrones de diseño móvil son más simples y contienen menos funcionalidad por pantalla que la web. Toma Facebook por ejemplo.

Una sola pantalla contiene:

• La alimentación
• amigos en común
• sección de introducción
• sección de fotos
• sección de amigos
• sección de anuncios
• juegos / aplicaciones recientes conectados
• charla
• Más
• navegación

Ahora intenta meter todo eso en una sola pantalla móvil. No funciona Web Desktop UX puede tener más funcionalidad porque simplemente hay más área de superficie.

Comprender y usar patrones de diseño móvil. Muchos diseñadores web que hacen la transición al diseño móvil luchan con esto porque no están lo suficientemente familiarizados con los patrones de diseño móvil. Simplemente copiar y pegar un patrón de diseño web existente y reducirlo a dispositivos móviles no funciona.

Tomemos, por ejemplo, nuestro formulario web crudo. Lo has visto millones de veces.

Si simplemente cambiamos el tamaño del formulario horizontalmente, terminaríamos con una fila que apenas tiene ancho para ingresar o ver el texto que el usuario está ingresando.

Una mejor opción para dispositivos móviles sería hacer algo como esto:

Comprenda las diferencias entre las dos plataformas principales (iOS y Android). Estaba dando una charla sobre diseño una vez y un miembro de la audiencia me preguntó por qué no podía simplemente ahorrar dinero al tener un diseño para iOS y Android. Desearía que fuera asi de fácil. Eso haría la vida de muchos diseñadores móviles mucho más simple. Sin embargo, hay suficientes diferencias entre los patrones de diseño de iOS y Android que si intenta forzar uno sobre otro, perjudicará a sus usuarios. Por ejemplo, la navegación de pestañas global en iOS generalmente está en la parte inferior, mientras que en Android está en la parte superior. Esa es solo una diferencia. Si un usuario tiene un tipo de teléfono, es poco probable que también tenga otro teléfono con otro sistema operativo. Introducir patrones de diseño extranjeros a usuarios acostumbrados a los matices de una determinada plataforma puede ser muy desorientador. Ya es bastante difícil diseñar algo utilizable. No hay necesidad de agregar fricción no deseada. Tome la analogía de un auto. Dependiendo de si se encuentra en los EE. UU. O en el Reino Unido, el asiento del conductor y el lado de la carretera en el que conduce pueden ser diferentes. Un diseñador de automóviles debe ser consciente de eso. Esto no es diferente.

Pocas mejores prácticas para UX móvil:

• Troceado para grandes tareas :

Si una tarea contiene muchos pasos y acciones necesarias del lado del usuario, es mejor dividir dicha tarea en el número de subtareas. Un buen ejemplo es el flujo de pago progresivo en aplicaciones de comercio electrónico. Puede separar un proceso de pago en la cantidad de pasos que cada uno de ellos requiere una acción del usuario.

• Use la información que ya tiene sobre sus usuarios :

Probablemente ya tenga mucha información sobre sus usuarios, solo necesita usarla correctamente. Considere Uber en el ejemplo a continuación, la aplicación no le pregunta al usuario sobre su ubicación, detecta automáticamente la ubicación en función de los datos geográficos. En ese punto, el usuario solo necesita seleccionar una ubicación de recogida.

• Proporcione un siguiente paso natural :

Cuando la tarea requiere que los usuarios completen una serie de pasos, mantenga el impulso mostrando claramente lo que sigue.

• Cortar el desorden

El buen diseño de la interfaz de usuario consiste en entregar información relevante y evitar las irrelevantes.

Al saturar su interfaz, sobrecarga las aplicaciones con exceso de información: cada botón, imagen o icono agregado hace que la pantalla se vea más complicada. El desorden es terrible en una computadora de escritorio, pero es aún peor en los dispositivos móviles donde los usuarios no disfrutan de espacio libre adecuado en la pantalla mientras juegan.

• Navegación consistente :

Ocultar los menús en páginas individuales, una práctica común por parte de los desarrolladores de aplicaciones móviles, puede confundir o desorientar al cliente.

• Mostrar la ubicación actual :

No localizar la ubicación actual del dispositivo del usuario es un problema común para muchas aplicaciones móviles. “¿Dónde estoy?” Es una de las preguntas más fundamentales que los usuarios deben responder para navegar con éxito.

• Diseño amigable con los dedos con botones táctiles

Cuando diseñe elementos accionables en interfaces móviles, asegúrese de hacer objetivos lo suficientemente grandes como para que los usuarios puedan tocarlos fácilmente. Como regla general, los controles de diseño que tienen un área táctil de 7–10 mm se pueden tocar con precisión con un dedo. Dicho objetivo táctil hace que los bordes del objetivo sean claramente visibles para los usuarios cuando lo tocan. Además, los usuarios podrán comprender si están dando en el blanco con precisión.

• Diseño para interrupción

Vivimos en un mundo de interrupción. Algo está constantemente tratando de distraernos y desviar nuestra atención a otra parte.

Por ejemplo, los usuarios pueden usar su aplicación mientras esperan el tren. Es fundamental diseñar una aplicación para la mentalidad móvil. El diseño debe ser de alguna manera para que sea más fácil para los usuarios volver a interactuar con su aplicación una vez que vuelven a ella después de la interrupción.

Al igual que usted, su aplicación móvil no tiene una segunda oportunidad para causar una buena impresión. Si no impresiona a sus usuarios la primera vez, puede apostar (con un 80% de confianza) que no volverán.

En Nimetler Technologies Private Limited, le damos suficiente importancia a la experiencia del Usuario en los diseños. Consideramos la importancia de la codificación como solo el 35% del proyecto, mientras que el diseño como el 30%. El descanso es la comprensión de los requisitos y las pruebas. Si está buscando una revisión de su aplicación móvil antes del desarrollo o después del lanzamiento, comuníquese conmigo o con la empresa.

La mejor práctica para UX móvil: tener mucha práctica. Hay algunas cosas esenciales en el diseño de UX móvil. Nosotros (el equipo de diseño de Ramotion) lo usamos todos los días.

• Diseño para el usuario. Intente comprender por qué, cuándo y cómo un usuario operará con un producto que está diseñando. Pero no pase demasiado tiempo recopilando datos sobre su público objetivo. Digamos que si no sabe con qué precisión influirá el conocimiento sobre la altura promedio del usuario en su diseño, simplemente ignore estos datos. Recuerde que todas las decisiones de diseño que tome antes de obtener números reales sobre el comportamiento del usuario real son solo suposiciones.
• Diseño para cajas de borde. Debería pensar en las resoluciones de pantalla más pequeñas y más grandes para las que está diseñando; Debe comprender cómo se verá su interfaz con cero datos y con una enorme cantidad de datos. Eso es importante.
• Obtenga una vista previa del diseño en un dispositivo para el que está diseñando. No puede comprender completamente cómo se verá una pantalla en el iPhone 7 si nunca abre esta pantalla en el iPhone 7. Aquí, en Ramotion, siempre usamos software como Skala Preview, Sketch Mirror, etc.
• No diseñe pantallas: diseñe un sistema . Recuerde, está creando un sistema de diseño, no una imagen visual con una resolución de pantalla. Piense en el enfoque del kit de interfaz de usuario cuando tenga un par de elementos con diferentes estados que podrían usarse en cualquier parte de su producto.
• No abrumes a un usuario con pedir permiso . Casi todos los productos móviles requieren acceso a la geolocalización de un usuario, biblioteca de fotos, etc. El sistema operativo Android simplemente lo obliga brutalmente a proporcionar acceso a todo incluso antes de instalar una aplicación. El sistema iOS es más delicado aquí: puede solicitar permiso cuando lo necesite. Por lo tanto, use esta función con prudencia: no haga todas las solicitudes cuando un usuario abra su aplicación. Espere el mejor momento emocional para aumentar un cambio de aprobación del usuario. Por ejemplo, la aplicación Clear le pide a un usuario que califique su aplicación cuando solo él terminó todas las tareas.

Por supuesto, hay una opinión opuesta de que solo tiene una oportunidad de obtener toda la información necesaria del lado del usuario y que el usuario está motivado principalmente cuando abre una aplicación al principio. Este enfoque también podría funcionar en algunos casos, pero asegúrese de explicar por qué es importante y qué valor obtendría.

Ese es uno de los temas interminables en UX, y exploramos constantemente cómo mejorarlo:

• Verifique lo que hace con el cuestionario de control de calidad . Puede crear el suyo o buscarlo en Internet, pero el truco principal es tener los mismos criterios para la aprobación de su diseño (para hacerlo más objetivo). Aquí hay una lista que puede usar como punto de partida:

• ¿Es posible aumentar la velocidad de interacción entre un usuario y la interfaz?
• ¿La interfaz tiene lugares débiles que podrían conducir a un error humano? ¿Es cambiable?
• ¿Qué debe saber un usuario para una interacción exitosa con la interfaz?
• ¿Sé algo sobre los usuarios que hace que esta interfaz sea inutilizable?
• ¿Esta interfaz cumple con todos los motivos de usuario que conozco?
• ¿Es la interfaz “ecológica”? (por ejemplo, iOS podría ser un entorno, y debe asegurarse de que los patrones y las decisiones de diseño sean lo suficientemente consistentes con este entorno)
• ¿La interfaz se ve lo suficientemente sexy?

De modo que es un gran beneficio si el diseñador y el desarrollador están en la misma oficina y el diseñador podría apoyar y asegurarse de que todo se vea y funcione como fue diseñado. Eso lleva a grandes resultados:

Menú de círculo, Swift [Código abierto]

Pila de navegación, Swift [Código abierto]

Controlador de paginación [código abierto]

Transición de vista previa de iOS [código abierto]

Colección desplegable de iOS [Código abierto]

• No te enamores de lo que hiciste . El diseño no es una obra maestra. El diseño es un proceso. Debe ser crítico con lo que hace y estar listo para cambiar todo si es necesario.

Micro,

Director Creativo en Ramotion

Creo que siempre debe incluir y considerar las mejores prácticas generales en el diseño de la experiencia del usuario al diseñar para dispositivos móviles, ya que son fundamentales. Conozca a su usuario, pruebe sus diseños, refine según las pruebas de los usuarios … todo esto debe aplicarse cuando trabaje en dispositivos móviles. Ahora, mejores prácticas específicas para dispositivos móviles:

Ten en cuenta el contexto. Lo que sea que esté diseñando para un dispositivo móvil se usará “sobre la marcha” y debe identificar un “modelo de contexto” que sea aplicable. Hace poco tuve un buen ejemplo cuando estaba debatiendo un diseño móvil con un colega. El colega había creado un enfoque escalonado muy simple en la entrada de datos que en la superficie estaba bien … pero fue diseñado sin pensar en el contexto de uso … cuando el usuario usaría las pantallas y cuál sería su enfoque. Este contexto apuntaba hacia un enfoque de diseño diferente.

Alinear con las convenciones del dispositivo. Si está diseñando una aplicación para un teléfono Android, no use controles similares a los del iPhone, y viceversa. Los usuarios han “aprendido” los patrones de interacción que se utilizan en el dispositivo, y forzar una convención diferente de la que entienden producirá confusión y dificultad en los casos en que se pueda evitar.

Pruebe en el dispositivo siempre que sea posible. Cree un prototipo en el que se pueda hacer clic o haga que un miembro del equipo de desarrollo codifique un front-end delgado. Probar las interacciones en una pantalla táctil requiere que realmente TOQUE la pantalla … cualquier otro método de prueba solo le dará un resultado parcial y hueco. Y prueba “en la naturaleza” si es posible.

No intentes reflejar la experiencia en línea. Hay funciones que, francamente, no tienen sentido proporcionar en una aplicación móvil. En un proyecto móvil reciente, teníamos requisitos que exigían que un conjunto administrativo funcional completo también estuviera disponible en la aplicación móvil. Estoy hablando de permisos de cuenta, reglas sobre quién puede usar qué funcionalidad, lo que sea. Entrevistamos a los usuarios y descubrimos que si hubiéramos diseñado todas estas pantallas, difícilmente se utilizarían, y que el diseño móvil más apropiado sería un subconjunto mucho más pequeño de lo solicitado. PODRÍAMOS haber gastado mucho tiempo y energía apoyando los requisitos iniciales … pero comprender los patrones de uso y el contexto nos lleva a una solución móvil más adecuada.

Conoce tu plataforma. No puedes diseñar para el iPhone si no sabes cómo funciona … y cómo no. Cada plataforma tiene sus fortalezas y debilidades, y usted debe saber con qué está trabajando.

Diseño para la “Inmediatez de ahora”. Los usuarios a menudo tienen que cumplir rápidamente una función central en una aplicación móvil: realizar un pago, verificar si hay mensajes nuevos, etc. Destacar esa función de una manera obvia y hacerlo simple y obvio. Diseñe para admitir la necesidad central de este usuario y no agregue funcionalidad superflua que distraiga de este núcleo.

La mejor experiencia de usuario es esencial para la tasa de éxito de cualquier aplicación. La cantidad de usuarios aumentará o disminuirá según la experiencia del usuario.

Aquí voy a revelar algunas prácticas clave para una excelente experiencia de usuario.

1. Información precisa

Inicialmente, los usuarios juzgan la aplicación con su usabilidad y vista. Si los usuarios no se irritan con su aplicación al principio, es probable que se convierta en parte de sus preferencias más adelante. La información proporcionada debe ser muy precisa y menos complicada. No es necesario poner un botón en cada imagen. Solo proporcione información precisa de la manera adecuada.

2. Navegación fácil

Cuando el usuario abre una aplicación, quiere saber dónde moverse y cómo moverse. La navegación de la aplicación móvil debe tener coherencia. La navegación fácil coloca al usuario en la dirección correcta. Además, en las aplicaciones móviles en particular, se prefiere el desplazamiento sobre el clic, por lo que la aplicación móvil debe tener una navegación fácil.

3. Objetivo de toque amigable con los dedos

Si el usuario se irrita debido al tamaño pequeño de los botones. Pueden intentar abandonar la aplicación móvil. Por lo tanto, Tap-Target debe ser accesible para el usuario para que el usuario pueda navegar fácilmente.

4. Experiencia perfecta

Una aplicación móvil debe ofrecer una experiencia que no tenga fallas y que no esté disponible en otros lugares. La experiencia perfecta lleva a los usuarios a la tierra de la gran experiencia.

5. Legibilidad del texto
En comparación con las computadoras de escritorio, las aplicaciones móviles ocupan menos espacio en la interfaz debido a los teléfonos inteligentes. por lo que todos los botones, imágenes, etc. deben organizarse de forma tal que quepan en una pequeña interfaz de usuario. Para eso, la legibilidad del texto realmente importa, por lo que el texto proporcionado debe tener al menos 11 puntos para que sea legible y el usuario pueda verlo fácilmente desde una distancia normal.

6. Prueba

La pantalla del escritorio muestra un diseño de la aplicación móvil impresionantemente bueno, pero cuando lo trasladamos a dispositivos móviles u otros dispositivos, a veces muestra un comportamiento ineficiente que puede conducir a un menor interés del usuario y el usuario puede irritarse con su aplicación, por lo que es muy importante probar su aplicación con los usuarios en diferentes dispositivos

Trabajo como redactor de contenido para Citrusbits, una agencia de diseño y desarrollo de aplicaciones móviles.

Buenas tardes a ti

y gracias por la pregunta que estoy sobre todo respondiendo 🙂

Me encantó la respuesta anterior: ¡sobre el dolor al que tienes que acostumbrarte!

Aquí hay un material nuevo que hemos escrito específicamente para los diseñadores de UX que buscan algunos pasos a seguir. 6 Mejores prácticas para el diseño de UX móvil – Mind Studios – bienvenidos a echar un vistazo.

Aparentemente hay algunas cosas, algunas prácticas que ya han pasado la prueba del tiempo, así que aquí están, clasificadas en un artículo bien escrito.

Hablando de eso, el primero sería

1. Barra de navegación de pestañas vs Menú de hamburguesas.

La diferencia entre estos dos es notable para todos los que alguna vez han trabajado con las interfaces móviles, las nuevas empresas y las mejores prácticas de experiencia del usuario. En esencia, el menú de hamburguesas (o botón de hamburguesas) es un botón colocado típicamente en la esquina superior de una interfaz gráfica de usuario. Toma la forma de un icono que consta de tres líneas horizontales paralelas (que se muestran como ☰), que sugieren una lista, y se llama así por su parecido con las capas en hamburguesas, panqueques o un hot dog en un moño.

[Fuente: Wikipedia]

Esos menús solían aparecer en todas partes en el móvil, antes de que apareciera la segunda opción de la barra de pestañas. El menú normalmente se encuentra en la parte inferior de la pantalla de la aplicación y su objetivo principal es permitir al usuario simplificar su experiencia móvil dentro de esta aplicación. Con frecuencia, una barra de pestañas constaría de 5 pestañas visibles, aunque no hay límite, solo el tamaño y la orientación del dispositivo. La navegación de la barra de pestañas ha demostrado maximizar la usabilidad del producto de muchas maneras que aún no lo ha hecho.

Descubra más en nuestro blog 6 mejores prácticas para el diseño de UX móvil – Mind Studios

Ya se han dado algunas respuestas muy buenas.

Después de una discusión reciente que tuve con el equipo de UX en la agencia en la que trabajo, me gustaría compartir 6 cosas esenciales para tener en cuenta para el diseño de UX móvil:

1. Priorización de contenido: el contenido debe ser el mismo en todos los dispositivos; de lo contrario, los usuarios pueden sentirse frustrados y confundidos porque esperan encontrar también todo en la versión móvil. Un enfoque para esto es priorizar el contenido para dispositivos móviles de acuerdo con las tareas que es más probable que realice un usuario móvil
2. Interacciones grabables en lugar de interactuables: esto mejora la experiencia del usuario ya que evita toques y toques accidentales
3. Diseños más simples: hay dos razones: esto es fácil de cargar y acomodar pequeños tamaños de pantalla
4. Navegación contextual, no global: de esta manera los usuarios no tienen que buscar y buscar y recorrer múltiples niveles de información para encontrar el contenido que están buscando
5. Aprovechar las funciones telefónicas integradas: por ejemplo, los usuarios deberían poder seleccionar un número de teléfono y llamarlo sin tener que escribirlo en su teclado
6. Contenido adaptado a los patrones de uso: comprender las situaciones en las que es probable que se encuentre el usuario móvil al acceder al sitio y cambiar los comportamientos entre dispositivos puede ayudar a adaptar el contenido que verá

Le debo un gran ‘gracias’ a uno de nuestros planificadores de UX por esto (puede encontrar su artículo aquí si desea leer más y ver un par de ejemplos: Diseño de UX móvil: 6 formas en que es diferente al escritorio)

¡Espero que hayas encontrado útil lo anterior!

Enamórate del dolor: en realidad, nadie quiere usar tu aplicación porque es divertido (a menos que obviamente seas un juego), así que averigua qué necesidad estás resolviendo y luego enfócate sin descanso en eliminar UN dolor. La única otra excepción a esto es si tiene un dolor complejo o una serie de dolores que naturalmente caen en un flujo de trabajo; podría ser mejor apoyarlos a todos en una aplicación frente a varias aplicaciones separadas.

Eche un vistazo más de cerca a las aplicaciones que respeta y usa todos los días. Integre aplicaciones galardonadas en su vida diaria. Estudíelos y descubra lo que están haciendo que los hace tan increíbles. Luego aplique ese aprendizaje a su aplicación.
Use sitios de patrones como Patrones de interfaz de usuario móvil, Patrones móviles, Patrones de Android para inspirarse y no reinventar la rueda.

>>> Fuente: 6 puntos clave que todo el mundo debería saber para optimizar UX móvil

Mobile UX es uno de los puntos clave que contribuye al éxito de una aplicación móvil o sitio móvil porque una buena UX creará lealtad y compromiso con el cliente. Por lo tanto, es muy importante que cualquier propietario de una empresa que tenga una aplicación móvil o un sitio móvil preste mucha atención a la experiencia de usuario móvil. Personalmente, hay varias prácticas que deben considerarse para construir la mejor experiencia de usuario móvil de la siguiente manera:

1. Contenido

El contenido juega un papel indispensable en cada sitio, incluidos los sitios web en computadoras y sitios móviles. Es necesario que brinde suficiente información sobre su negocio y la mantenga actualizada a los clientes. Sin embargo, recuerde que las pantallas móviles son mucho más pequeñas que las de una computadora portátil o computadora, por lo que es una mala idea incluir todos los detalles sobre su empresa en su sitio móvil. Simplemente manténgalo claro, simple y sólido con la información que necesitan sus clientes.

2. Interfaz o diseño

La interfaz de un sitio móvil debe ser lo más simple posible pero lo suficientemente atractiva como para atraer la atención de los clientes. Puede simplificar su sitio móvil con diseños fluidos con tareas ocultas. Gracias a esto, a sus clientes les resultará más fácil navegar por su sitio móvil e interactuar con él.

La interfaz de un sitio móvil debe ser lo más simple posible pero lo suficientemente atractiva como para atraer la atención de los clientes. Puede simplificar su sitio móvil con diseños fluidos con tareas ocultas. Gracias a esto, a sus clientes les resultará más fácil navegar por su sitio móvil e interactuar con él.

Una cosa importante a tener en cuenta es que sus clientes usan teléfonos inteligentes o dispositivos móviles para ingresar a su sitio. Por lo tanto, su sitio móvil debe estar diseñado adecuadamente para navegar fácilmente con dedos de todos los tamaños y formas para brindar a los usuarios la mejor experiencia.

3. Tamaño de fuente

Al ingresar a su sitio móvil, los clientes se sorprenderán por el tamaño de la fuente, que muestra los mensajes y el contenido que desea enviarles. Entonces, una vez más, manténgalo claro y simple con tamaños de fuente grandes y legibles. No arruines tu sitio con letras demasiado grandes y no utilices más de 3 tamaños de fuente en tu sitio. Esto puede causar una buena impresión en sus clientes y querrán continuar con su sitio móvil.

4. Imágenes

Otra cosa notable que sorprende a los usuarios cuando ingresan a su sitio móvil son las imágenes que se muestran en su sitio. Todos sabemos que las imágenes y las imágenes tienen una influencia mucho más significativa en las personas que las palabras. Por lo tanto, no olvide centrarse en las imágenes para optimizar UX móvil. Las imágenes correctas con el tamaño correcto pueden hacer que su aplicación sea más amigable para los usuarios. Debe elegir imágenes con colores que coincidan con su tema, que deben ser lo suficientemente atractivas como para atraer la atención de sus clientes e inspirarlos con sus mensajes a través de las imágenes.

Obtenga 2 más aquí: 6 puntos clave que todos deberían saber para optimizar la experiencia de usuario móvil

Pruebe su producto en dispositivos reales con usuarios reales, preferiblemente los dispositivos y las versiones de software que usan sus clientes. Los simuladores no le dan una imagen precisa de la calidad de su trabajo.

Puede crear su propia biblioteca de dispositivos o suscribirse a usertesting.com para que personas con dispositivos móviles de todo el mundo prueben su trabajo y registren los resultados por usted.

Aquí hay algunas pautas de experiencia del usuario para crear esa experiencia móvil que solo grita genialidad:

1) La claridad debe ser tu objetivo
El tamaño de las pantallas es un gran desafío para comunicar su punto al usuario. Debe concentrarse en entregar mensajes de manera clara y concisa. Las señales que use deben ser fuertes y visuales para inspirar al usuario a participar e interactuar con el contenido que está entregando, así como con la navegación.

2) No permita que las interrupciones se interpongan en la experiencia del usuario
Uno de los subproductos del diseño para dispositivos móviles es la desafortunada posibilidad de que el usuario esté en movimiento, realizando múltiples tareas, llevando a los niños al partido de fútbol, ​​comprando, hablando por teléfono. En este caso especialmente, diseñar para el teléfono móvil es todo un desafío. Su aplicación debe estar limpia, por lo que es muy sencillo para ellos desconectarse y luego volver a interactuar con lo que estaban haciendo antes de la interrupción. Haga que sea fácil para ellos retomar donde lo dejaron, antes de esa llamada o subir a ese taxi o esa visita inesperada del jefe. Divide esas tareas más grandes en tareas más pequeñas para no sobrecargar al usuario.

3) La funcionalidad es clave
El uso de funciones fácilmente reconocibles que son inherentes a otras aplicaciones conocidas en su categoría es clave en cuanto a relevancia. Este no es un lugar donde necesitas recrear la rueda. Si tiene una aplicación que rastrea los mejores precios de las aerolíneas a los destinos de escapada de invierno más populares, y al mismo tiempo hace que su aplicación sea única, las funciones como el check-in y el estado de los vuelos son cruciales para brindarle al usuario una experiencia de usuario increíble.

4) Use el análisis en la aplicación para medir, analizar y mejorar
Por último, pero no menos importante, se recomienda encarecidamente que utilice una herramienta que le permita ver lo que hacen los usuarios mientras interactúan con su aplicación para que pueda revisar el análisis de los clientes. La capacidad de ver grabaciones de sus usuarios que interactúan con su aplicación y descubrir qué partes de las pantallas de su aplicación reciben la mayor atención del usuario a través de mapas de calor proporcionará información de calidad sobre lo que funciona y lo que no.

Si está interesado, hemos publicado una publicación de blog que cubre este problema:
http://www.appsee.com/blog/mobile-ux/best-practices-for-creating-that-kick-ass-mobile-user-experience/

Estoy de acuerdo con los puntos mencionados en las respuestas anteriores. Sin embargo, creo que para mejorar la experiencia de usuario móvil es necesario incorporar un mecanismo de soporte fácil de usar dentro de la aplicación. La naturaleza de la asistencia al usuario de la aplicación que se proporcionará depende del tipo de usuarios, así como de la naturaleza de la aplicación en sí. Si los usuarios de su aplicación prefieren la autoayuda antes de comunicarse con el equipo / agente de soporte, es necesario ofrecer una sección de preguntas frecuentes. Sin embargo, si hay posibilidades de que surjan más problemas técnicos, es importante que un agente de soporte esté disponible para responder cualquier consulta o queja que pueda tener el usuario. Para obtener comentarios y revisiones de aplicaciones, las notificaciones push también se pueden integrar. devContact es una mesa de soporte creada para este mismo propósito. Es una mesa de soporte hecha para aplicaciones móviles y ofrece todas las características que acabo de mencionar. Además, también incorpora análisis de rendimiento (del equipo de soporte) y pronto también ofrecerá soporte social para Twitter. Todas estas características se ofrecen de forma gratuita y se pueden integrar fácilmente con 3 líneas de código. ¡Recomendaría a todos los desarrolladores de aplicaciones móviles que se registren y lo prueben!

# 1 Diseño simplificado de UX

# 2 Desplazamiento horizontal

# 3 Navegación y Menús

# 4. IU para gestos táctiles

# 5. Multitarea de pantalla dividida

# 6. Animación de movimiento

# 7. Contraste de color atenuado

Estas son algunas de las grandes tendencias en UX móvil en este momento a las que debe prestar atención. Para obtener más información sobre ellos, consulte este artículo: https://www.koombea.com/blog/tre …

La creación de una excelente experiencia de usuario debe comenzar con la validación de su problema, incluirse en su prototipo y continuar evolucionando a medida que realiza la prueba beta con los usuarios.
El buen diseño no se puede agregar al final de un proyecto.

– Comience desde el lugar correcto
Comience con la necesidad humana y la marca: comprenda las necesidades de sus usuarios para diseñar un producto / servicio apropiado.

Lea más prácticas en Prácticas de experiencia crítica del usuario (UX) – TechJini

Pruebe la UsabilidadSquare, un lugar donde puede obtener comentarios completamente gratuitos e imparciales de personas reales.

Dado que encontrar grupos de prueba de usuarios apropiados no es fácil ni barato, los entusiastas de la usabilidad se reúnen en UsabilidadSquare y se ayudan mutuamente. La idea es ayudarnos mutuamente y evitar más excusas para fabricar productos que carecen de usabilidad.

Allí puede publicar una captura de pantalla de su sitio web y hacer a las personas una pregunta específica que pueden responder con un clic.

Al final, obtienes un mapa de calor de sus clics para que puedas optimizar el UX de tu sitio web en consecuencia. Puede esperar recibir comentarios de al menos 20 Squarers en un día o dos.

¡Feliz prueba!