6 ajustes de diseño de interfaz de usuario simples para llevar su aplicación de "Meh" a increíble
Publicado: 2015-09-16Creó el prototipo de su aplicación móvil según las especificaciones, pero algo no se siente del todo bien. Tal vez no fluya con la fluidez que usted desea, o el diseño de la interfaz de usuario no le proporcione ese efecto “¡guau!”. Quieres que tu aplicación se sienta mágica, pero en este momento se siente más como si tu padre te sacara una moneda de veinticinco centavos de la oreja que si David Copperfield hiciera desaparecer las pirámides.
¿A qué te dedicas? ¿Se deshace de todo y vuelve a empezar el diseño desde cero?
O tal vez, a través de algún milagro, la aplicación se puede guardar con solo un simple ajuste de diseño. Después de todo, te comprometiste con el diseño antes de construir el prototipo o la versión beta, por lo que debe haber algo bueno en él, y sería una pena desperdiciar todo ese arduo trabajo.
Le preguntamos a 6 diseñadores qué ajustes menores creen que marcan la mayor diferencia para un diseñador de interfaz de usuario. Tal vez sus respuestas lo inspiren a darle el toque final perfecto a su aplicación, llevándola de buena a excelente (¡o de excelente a increíble!)
1. Cuando se trata de copiar, corta la grasa.
Si está utilizando una aplicación en un dispositivo pequeño, es probable que no quiera pasar mucho tiempo leyendo. Una sobreabundancia de copias no solo ralentiza a su usuario, sino que también desplaza el diseño de su interfaz de usuario.
Maureen Kerwin es diseñadora de interacción en Nokia Networks (@nokianetworks). ¿El consejo de Kerwin para mejorar instantáneamente cualquier aplicación? Realice una auditoría de la copia y elimine todo lo que no necesite.
"Revise la copia en cualquier lugar donde haya repetición o simplemente demasiadas palabras", dice Kerwin. “Casi siempre hay algo que puede eliminar o revisar para que sea más claro y sucinto”.
En este caso, a veces el mejor amigo de un diseñador de interfaz de usuario es el editor o corrector. Si no puede decidir qué copia cortar (o condensar), tener ese segundo par de ojos objetivos en su aplicación marca la diferencia.
2) Obtener comentarios de los usuarios.
Si está atascado tratando de descubrir qué es lo que no funciona en el diseño de su interfaz de usuario, la forma más rápida de obtener una respuesta es simplemente preguntar a sus usuarios.
Mike De'Shazer (@itsdeshazer) es cofundador y director ejecutivo de CodeCloud.me (@CodeCloudMe), una plataforma interactiva que ayuda a los usuarios a aprender a codificar y les permite crear aplicaciones. Conocer a sus usuarios y obtener sus comentarios, dice De'Shazer, es el método más confiable para hacer que el diseño de su interfaz de usuario sea efectivo.
"Hay diferentes tipos de optimizaciones de UX con diferentes objetivos", dice De'Shazer, "pero la mejor manera de optimizar el diseño y la experiencia de la interfaz de usuario para cualquier tecnología es obtener una mejor comprensión de las personas que la usan".
Cuando su aplicación no funcione, envíe su prototipo a un grupo de usuarios beta. Sus sugerencias sobre cómo mejorar la experiencia pueden ser los comentarios más valiosos que pueda obtener.
3) Hazlo rápido.
Todos sus usuarios (y usuarios potenciales) necesitan velocidad. Si nota que su experiencia de usuario no hace clic de la manera que desea, es posible que no se deba tanto al diseño de la interfaz de usuario, sino a la velocidad de la aplicación en sí.
Amna Rizvi es desarrolladora de aplicaciones en GadgTecs (@GadgTecs), un blog de ciencia y tecnología que presenta aplicaciones, dispositivos y noticias científicas. Como creador y observador de aplicaciones móviles, Rizvi considera que la velocidad y el tiempo de inicio son dos de los aspectos más importantes para optimizar la experiencia del usuario.
“Uno de los aspectos más importantes para mí es el tiempo de inicio de la aplicación”, dice Rizvi. "La aplicación debe tener una página de inicio increíble y debe cargarse muy, muy rápido".
Recomendado para ti:
¿Qué significa la disposición contra la especulación para las nuevas empresas indias?
Cómo las empresas emergentes de Edtech están ayudando a la fuerza laboral de la India a mejorar y prepararse para el futuro...
Acciones tecnológicas de la nueva era esta semana: los problemas de Zomato continúan, EaseMyTrip publica...
Startups indias toman atajos en busca de financiación
La plataforma de marketing digital Logicserve obtiene fondos de INR 80 Cr, cambia de marca como LS Dig...
Informe advierte sobre un escrutinio regulatorio renovado en Lendingtech Space
Las primeras impresiones, por supuesto, son las más importantes, dice Rizvi. “Los usuarios se apagan rápidamente cuando hacen clic en la aplicación y tienen que esperar años antes de poder hacer algo. Entonces, en mi opinión, la aplicación debería ser instantánea, sin importar cuán grande sea”.
¿No estás impresionado por tu trabajo más reciente? Vea si puede simplificar la experiencia. Haga que los tiempos de carga sean más rápidos y considere hacer que las animaciones que incorpore en el diseño de la interfaz de usuario transcurran en períodos de tiempo más cortos. Si eso no hace que su aplicación brille un poco más, siga leyendo.
4) Viste el diseño de tu interfaz de usuario con animación.
Andrew Riley es el fundador de Ticketlab (@ticketlabUK), un servicio de venta de entradas en línea que permite a los artistas configurar y vender entradas para eventos. También es consultor digital y desarrollador frontend.
Para Riley, la mejor manera de agregar un impacto inmediato al diseño de su interfaz de usuario es con movimiento.
“Mi principal consejo para mejorar la sensación de una página web o aplicación es muy simple: animación. No me refiero a los logotipos que rebotan y los destellos de lente de la era Flash, sino a la animación sutil”, dice Riley. “En su forma más simple, cuando un estado de desplazamiento implica un cambio de color de fondo, simplemente aplique una transición lineal de 0,3 segundos. Encontrará que esto instantáneamente hará que el diseño de su interfaz de usuario se sienta menos como un sitio web y más como una aplicación”.
La mejor parte de este ajuste de diseño es que no lleva mucho tiempo hacerlo, dice Riley, pero el efecto puede ser enorme. “Una transición se puede aplicar de manera inteligente a casi cualquier cambio de estado para realmente dar vida a un diseño. A pesar de la disponibilidad de esta característica de CSS desde hace varios años, todavía está infrautilizada en muchas aplicaciones nuevas, pero solo lleva unos minutos implementarla en muchos casos”.
Gert Hattingh, CTO de One Click Here (@Oneclickhere1), está de acuerdo. En One Click Here, dice Hattingh, los diseñadores y desarrolladores se toman el tiempo para probar el diseño de la interfaz de usuario en varias etapas, asegurándose de que el flujo sea el correcto.
“Trabajar en un entorno ágil le brinda la capacidad de probar la interfaz de usuario a medida que avanza con el desarrollo. Nos gusta jugar con las transiciones para guiar al usuario a dar el siguiente paso”, dice Hattingh. “Agregar una animación sutil a un botón cuando se está usando ayuda al usuario a saber qué hacer y mejora la experiencia general”.
La animación capta la atención de los usuarios, ayuda a guiarlos a lo largo de la experiencia y puede agregar ese empuje extra tan necesario al diseño de la interfaz de usuario, pero recuerde que no debe exagerar, como nos recuerda nuestro próximo desarrollador, a veces menos es más.
5) Simplificar, simplificar, simplificar.
Ningún usuario quiere ser bombardeado con una cacofonía de estimulación visual, ya sea una paleta de colores que se tome demasiadas libertades o un abuso atroz de las texturas visuales (incluso si eres un discípulo del eskeuomorfismo, aún puedes llevarlo demasiado lejos con el sombras y brillos).
Amrita Talwar es una desarrolladora que ha trabajado en varias aplicaciones de Android e iOS, incluida PoolMyRide (@poolmyride), una aplicación multiplataforma que permite a los usuarios encontrar socios para compartir el automóvil. Según la experiencia de Talwar, la clave para hacer que el diseño de una interfaz de usuario pase de ser bueno a excelente es mantenerlo simple:
“Diseñar una aplicación es como crear una canción sin letra: debe entenderse globalmente. Para que la aplicación sea fácil de usar y hermosa, sigo estos pasos:
– Considere usar el diseño de materiales con íconos planos y asegúrese de que el diseño de su interfaz de usuario se adapte a diferentes dispositivos.
– Minimizar el número de clics, gestos e interacciones que tiene que realizar el usuario. Cualquier cosa que pretenda que haga el usuario debe hacerse con la menor cantidad de clics posible.
– Mantener limpio el diseño de la interfaz de usuario. Puede ser tentador abarrotar la interfaz de usuario con funciones, pero priorice lo que el usuario realmente necesita. A veces, es mejor mantener solo las funciones más importantes y dejar de lado las 'buenas para tener', ya que el costo total del diseño es negativo".
Un diseño optimizado significa menos carga para sus usuarios. El diseño de su interfaz de usuario debería hacer el trabajo por ellos, no al revés.
6) Busque inspiración fuera de su zona de confort.
A veces, el culpable de un diseño aburrido es simplemente la falta de ideas frescas. Esto es particularmente común cuando ha acumulado algunos años de experiencia en la industria, especialmente en la misma agencia. ¿Ha notado que todos los diseños de su interfaz de usuario comienzan a tener el mismo aspecto: la misma pantalla de presentación, las mismas animaciones, botones, íconos o tipos de letra similares?
Puede que sea el momento de dejar tu proyecto actual y echar un vistazo a otras aplicaciones móviles para impulsar tu rutina. Un buen lugar para comenzar podría ser una lista de los 10 mejores diseños innovadores de interfaz de usuario de empresas emergentes. Eche un vistazo de cerca a lo que estas aplicaciones hacen de manera diferente y considere cómo puede hacer suyos algunos de esos conceptos.
Para una visión aún más fresca, mire fuera de la industria de aplicaciones móviles en general. Por ejemplo, jugar un videojuego puede ser una valiosa lección de narración de cuentos, y un viaje al museo de arte puede conducir a algunas de sus mejores ideas. Incluso pasar un poco de tiempo extra con sus hijos (o sobrinas y sobrinos) puede mejorar su juego de diseño de interfaz de usuario.
¿No tienes ganas de moverte de tu silla? Simplemente lea sobre cómo otros diseñadores obtienen sus mejores ideas cuando llegan a un funk creativo. A veces, la inspiración viene del lugar más improbable.
[Publicado originalmente en blog.proto.io el 28 de agosto]