Soundcorset.

En esta challenge, me enfoqué en una aplicación que uso frecuentemente, es una herramienta para músicos que sirve para afinar instrumentos, tiene metrónomo, y también cuenta con una grabadora, que si bien tiene características muy útiles, su interfaz no es intuitiva, es muy básica, y en mi punto de vista presenta dificultades en la navegación.

En principio mi objetivo era analizar las debilidades de la aplicación para proponer soluciones y mejorar la experiencia del usuario, pero luego viendo que la app tiene muchas debilidades decidí agregarle pequeños cambios que favorecen al consumidor.

Comencé primero haciendo un estudio de toda la app, aunque algunos meses descargarla para usarla mientras estudio había tenido algunos inconvenientes cuando quería cambiar los tiempos del metrónomo.

Entonces primero, ordené cada uno de los fallos que encontré en la app, y luego los analicé cada uno las Heurísticas de Jakob Nielsen como guías de buenas prácticas para la usabilidad.

La descripción de esta APP en internet: Afinador y Metrónomo, es una aplicación muy cómoda y profesional con la que podrás afinar tus instrumentos de una forma verdaderamente sencilla y precisa.

Cuando se abre la app, lo primero que aparece es la pantalla del afinador, y esta muy bien porque en teoría cualquier persona que quiera un afinador pensará que la app cumple su función! pero….. si lo que primero que quieres usar es el metrónomo, no hay botón que te indique como usarlo o algún texto que te indique su ubicación. Cuando estoy en la pantalla del metrónomo no hay nada que indique en que pantalla estoy, solo lo sé porque aparece en el medio el un cuadro verde con un icono de play o stop y un contador con pequeños números del lado izquierdo superior, y así mismo pasa con la pantalla del afinador.

Ahora describiré a continuación los errores encontrados en la herramienta basandome por las Heurísticas.

1. Mostrar el estado del sistema:

Es importante que los sistemas mantengan a los usuarios informados en todo momento de lo que sucede durante la navegación o uso de la herramienta. Y si comunicamos las acciones realizadas en todo momento, claramente los usuarios podrán comprender mejor lo que está sucediendo, así nos aseguraremos un uso eficiente y efectivo de la interfaz.

Las primeras veces no sabía en que pantalla me encontraba, o si tenia activado el metrónomo en la pantalla del afinador (que se pueden usar las dos herramientas a la vez) entonces estaba un poco perdida y no podía desactivarlo. Además cuando el metrónomo está activado el afinador no debería coger ó detectar el sonido de este porque se confunden los valores de la afinación (este es otro error).

La pantalla del perfil que no tiene un icono para cerrar o volver, y la ventana emergente que se abre al pulsar el menú hamburguesa, el icono de configuración, ó el diapasón entre otras.. tampoco no tienen un icono para cerrar esa ventana, solo cuentan con un botón de OK.

Continuamos con las reglas 2 y 3 de las heurísticas:

2. El sistema debe hablar el lenguaje de los usuarios.

En lugar de usar términos orientados al sistema, debemos especificar y usar palabras y textos de fácil compresión, haciendo que la información aparezca en un orden natural y lógico.

3. Control y LIBERTAD: Los usuarios deben sentir que tienen el control en todo momento cuando usan la herramienta.
El usuario debe poder navegar libremente, encontrar fácilmente salidas, y rutas alternativas.

Como hemos visto en las imágenes anteriores, durante la navegación y uso de la herramienta, no tenemos el control y total libertad de explorar y aprovechar las opciones que nos ofrece esta aplicación. Y guiándome por la segunda regla de las Heurísticas, describiré varios puntos debiles:

En la pantalla principal del Metrónomo :

• El menú hamburguesa es algo confuso, ya que esta junto al logo de la herramienta.
• El icono de afinador tiene aspecto de velocímetro.
• Cuenta con icono que representa un redoblante, a primera vista pensaba que era para cambiar el sonido reproducido por el metrónomo, ejemplo el sonido de un tambor, los platillos, etc., pero es para cambiar aleatoriamente el ritmo, y el cambio del ritmo no va en progresión (me di cuenta de esto después de varios intentos).
• El icono de las palmadas: Sirve para saber cuántos tiempos hay en un compás, pero las flechas no funcionan, al darle clic abre una pantalla donde se pueden editar los tiempos, y al darle al botón del lápiz para editar se dirige otra pantalla que no tiene flechas para volver fácilmente o salir de ella y te pierdes por completo.

4. Consistencia y estándares: que herramienta tenga consistencia y siga unos estándares, esto quiere decir:

Mantener un diseño estándar según los patrones de diseño mas usados en la actualidad para darle coherencia a la navegación, y los usuarios que estén más familiarizados con otras herramientas navegaran de manera intuitiva durante el uso de la herramienta.

El icono de configuración podemos pensar que es para configurar la app, pero este sirve para configurar las tonalidades en las que se puede afinar según las alteraciones y para cambiar la frecuencia de afinación (esto se usa según la afinación que necesita cada instrumento y las partituras que se vayan a tocar).

• Dentro de la regla número 4 también podemos agregar que la forma de proponer el menú es la más adecuada para una app.
• El contador o reloj que tiene debajo el afinador tampoco se entiende y bien cual es su función por la ubicación que tiene.
• Los botones en general no tienen todo el mismo tamaño ni siguen el mismo patrón.

5. Prevenir ERRORES

Los iconos que no son muy conocidos porque ya sabemos que es una app para un público en específico pero ademas como guía par ala navegación debería tener tooltips para identificar y explicar las opciones que tiene disponible el usuario.

6. Reconocer es mejor que recordar… haciendo visibles los objetos.

Los botones e iconos no tienen nombres, al colocar los nombres de cada uno mejoraría la visualización y además ayuda a tomar decisiones durante la navegación.

la visualización de cada vista o sección no está muy clara, porque no sabemos en qué pantalla nos encontramos.

7. Reducir información: simplificar la información y ordenarla para mejor comprensión.

En la primera pantalla cuando se hace scroll, en la parte inferior tiene una sección que es funciona como un rastreador de actividad, Esta sección guarda información del tiempo de practica por día, y está se puede enlazar al metrónomo, se pueden guardar las horas de practica y tiene un contador para saber cuánto tiempo se ha practicado. Cuenta con un icono a la derecha de color azul, que te dirige a un historial de las practicas, por años, meses, días, y horas.

8. Estética y minimalismo para conseguir una armonía en las herramientas y diseños, pero es con lo que menos cuenta esta app, además esta desorganizada, los colores no tienen coherencia y no se siguen un patrón.

• No se establece la identidad de la marca.
• Tiene mucho ruido.
• Y no tiene jerarquía de la información y del contenido, que puedan estar enfocadas a la usabilidad del usuario.

9. Comunicar errores con claridad: Explicar a los usuarios el error en un lenguaje que entiendan, y esta es otra regla que como bien ya hemos visto durante todo el análisis no se cumple.

10. Ayuda y documentación: La herramienta no cuenta con alguna guía, ni FAQS para resolver dudas o responder preguntas acerca de la usabilidad de la app.

y para arreglar este problema, le agregaría un tutorial explicando algunas funciones de la app, para que los usuarios se familiaricen fácilmente.

---

Después de haber identificados los problemas, priorizarlos e identificarlos según su gravedad, realice unos bocetos en lápiz o en baja fidelidad para guiarme como quería mejorar su diseño e información.

Dibuje en un hoja como quería que se visualice el orden de la app según las herramientas que nos ofrece, ordenando las herramientas y cada apartado que corresponde a cada sección. De esta manera me facilitaría el trabajo y me serviría de guía para luego realizar el boceto en alta fidelidad.

Otra parte positiva de los bocetos a lápiz es que te ayudar a tener una visión más clara y a reordenar las información.

Luego cuando ya tuve una idea más clara, empecé a hacer el prototipo en alta fidelidad, aunque me hubiese gustado haber ordenado toda la información de la app como es una challenge solo hice 4 pantallas sencillas de la herramienta.

Mientras estaba diseñando en figma el prototipo de alta fidelidad, fui agregando detalles que no tenia el primer boceto, ya que luego voy viendo que me faltaban algunas cosas en cada pantalla.

Luego de terminar el prototipo, observo que con el diseño ya realizado, la información se ve mucho más clara y ordenada, la app tiene atajos, se puede cambiar fácilmente de una pantalla a otra, y además tiene otras opciones con las que antes no contaba la app para guiar al músico, como por ejemplo: en la parte del afinador el musico tiene presente en que frecuencia esta afinando y cambiarla fácilmente en un botón, y también cuenta con un botón para modificar las alteraciones y la transposición.

En la parte del metrónomo indica en que tiempo musical se está tocando en cuanto terminología musical y el numero o índice que corresponde a este ritmo. También añadí un botón de pulso, que cambia el sonido de las pulsaciones. El botón de compás sirve para guiar tener referencia de cuantos tiempos hay en cada compás según las pulsaciones.

En la parte superior derecha agregué un botón que tiene un icono de un instrumento musical, para personalizar la app según cada usuario, ya que la app debería estar configurada para instrumento porque cambian en afinación, sonidos y octavas musicales.

Además en la sección para grabar agregue un botón para editar la grabación, una carpeta donde se puede tener un archivo de las grabaciones y del audio a grabar.

También tomamos en cuenta la incorporación de varias funciones para sumar herramientas al usuario, una gama de colores en armonía y coherencia con la app, nombre en los iconos que nos ayudan y nos guían para realizar las tareas.

Estos cambios cambios realizados en la herramienta suponen un beneficio para los usuarios, pensando en la usabilidad, y además ayudan a los usuarios a descubrir y personalizar la herramienta según sus necesidades, también hace que la herramienta sea más competitiva, mas atractiva, con la información necesaria y muy útil, todo puede aumentar su uso dentro de las opciones de las aplicaciones que tenemos disponibles.

Menos es más.

_{Ludwig Mies Van Der Rohe}

Gracias!