Luego de recibir los comentarios de la Academia ASE, hemos desarrollado la segunda versión del prototipo de media fidelidad para nuestra aplicación «ConnectUs». En comparación con la versión anterior de baja fidelidad, se realizaron mejoras significativas para mejorar la experiencia del usuario. Se agregaron más pantallas para aumentar la sensación de realismo y dar al usuario mayor libertad y control al explorar la app. El objetivo de esta fase es lograr una experiencia más inmersiva para el usuario en comparación a la versión anterior.
Descripción de la app
«ConnectUs» es una herramienta útil que permite a sus usuarios conectarse con otros sitios y recopilar información sobre las personas, como sus preferencias y características personales, como aficiones o temas de conversación favoritos. Estas notas son visibles en los perfiles de los respectivos usuarios, en forma de imágenes de datos inspiradas en los dibujos animados de las películas, que pueden instalarse o sustituirse en función de la accesibilidad o disponibilidad de la información.
La app está hecha con la intención de motivar y alentar a las personas a interactuar con otras, mediante el uso de recuentos de interacción, y geolocalización.
Solución a los comentarios de Academia
Mejorar diseño de interfaz
Después de usar y navegar por apps más recientes, (especialmente apps de citas, que tienen cierta semejanza a nuestra app), hicimos cambios en la interfaz en general, eliminando barras innecesarias, así como mejorando la pantalla tutorial para crear tu perfil.
Problemas de consistencia
Se limitó la paleta de colores a 9 colores, incluido el blanco y el negro, y se intentó limitar los elementos de completamente sólidos, o a líneas.
Solución al problema poco claro
Se añadió una sección de tipo tutorial para crear tu perfil, en donde “añades la información que quieres que el mundo sepa de ti”, se añadió un apartado en donde se recuenta la interacción que has tenido con otras personas, y finalmente se añadió un botón con la leyenda “Let’s start to make friends!”, para intentar dejar más en claro cuál era el fin de la app
Las tarjetas no motivan a la interacción
Ahora las tarjetas con las que compartes gustos en común tienen una estrella, al abrirlas, te muestra cuáles son los gustos en específico que compartes con dicho usuario, y se te invita a interactuar con esta persona.
Problema con la Retícula de pantallas
Se reciclaron el mayor número de elementos prefabricados, para evitar al máximo cualquier incongruencia con las retículas y consistencia
Cambiar íconos del menú principal
Se ha optado por íconos hechos únicamente con línea.
Problemas de espacios y márgenes
Se revisó el espaciado de los elementos, para que haya al menos 15 píxeles de distancia entre elementos
Proceso de creación de tarjeta poco atractivo
Se añadió una sección en donde se le ayuda al usuario a añadir su información.
Gráficos del “Onboarding” distintos
Se cambiaron los gráficos del “Onboarding” por unos dibujados digitalmente
Falta componente de animación
Se animó un comercial para la aplicación, así como el logotipo de la app al iniciar el prototipo, y los gráficos del “Onboarding”
Intención alineada a buscar pareja
Se cambió la paleta de colores a una que no fuese roja ni rosa.
Monumento o celebración al encuentro
Se añadió la sección del “Connectólogy”, que busca hacer un recuento de las interacciones que has tenido con las personas.
Comparar y contrastar información
El apartado de “Connectology” tiene una segunda pestaña, en donde se comparan tus números con los del promedio de tus amigos.
Añadir “micro-interacciones”
Se añadieron pequeñas animaciones en los botones del menú principal.
Diseño
Después de desarrollar los prototipos de baja y media fidelidad y realizar algunas pruebas de usuario, se decidió cambiar el diseño para enfocarse en un estilo visual de líneas y cambiar la paleta de colores por un tono lima. Se eligió el color amarillo para representar amistad y alegría, y el verde para empatía y sinceridad, según la teoría del color.
Además, las tarjetas personalizables, que anteriormente eran un sólido de color plano con un fondo de arte vectorial, ahora tienen un estilo "Line art" y permiten cambiar el estilo y color del contorno para mantener la consistencia visual de la aplicación.
Enlace al prototipo.
https://marvelapp.com/prototype/jbdb0c0
Video explicativo del prototipo
Consideraciones:
Debido a la manera en la que Marvel App funciona, las micro interacciones están ligeramente desfasadas respecto a la posición del icono original.
Por el mismo tema anterior, solo el lado derecho de los botones con micro interacciones funcionan: el lado izquierdo activa la animación.
Las tarjetas mostradas a lo largo de la experiencia son las mismas 6, puesto que no resultaba práctico crear otras 6 personas distintas para cada pantalla
Bajo la misma idea anterior, la información de la tarjeta personal contiene mucha información repetida en la de Luna
Pruebas de usuario:
Diana Carrasco Morales (20 años)
Al principio, Diana creyó que se trataba de una aplicación de citas, esto debido al corazón en el logotipo de la app. Lo primero que le llamó fuertemente su atención, fue que la app se podía conectar con muchas otras aplicaciones más, incluida Discord, pues según ella “Se la pasaba mucho tiempo por ahí”.
En cuanto entró a la pantalla principal, se notó que le costaba un poco distinguir qué botones eran interactuables y cuáles no, por lo que constantemente activaba las guías (que mostraba cuáles zonas interactuables había) a propósito.
Le gustó mucho el recuento de interacciones que has tenido, ya que ella asegura que es una manera muy eficiente y útil de guardar este tipo de información, además de que puede servir para saber que tan “popular” eres. De hecho, se mostró emocionada cuando vio que estaba clasificada como una persona popular, lo que puede mostrar que el recuento de interacciones puede impulsar a sus usuarios a interactuar más para volverse “populares”. También dijo que, el que se pudiera ver ese tipo de estadísticas le hizo sentir “entendida”.
Al leer una de las tarjetas, en las que decía que le gustaba comer chapulines, su reacción fue de rechazo, a diferencia de cuando leyó otra tarjeta, en donde decía que le gustaba comer pizza, ahí Diana pareció estar de acuerdo con “Luna”.
Le gustó que se pudiera cambiar el modo de la aplicación a uno oscuro, ya que le disgusta cuando las aplicaciones solo tienen un modo blanco, aparentemente porque la luminosidad de dichas pantallas le incomoda.
Respecto a la característica de la app de decirte si un amigo se encuentra cerca de ti, Diana pareció incomodarle, y dijo que desactivaría dicha función, puesto que le parecía demasiado Invasiva.
Usuario 2:Miguel Ángel Salas Castellanos (21 años)
Al igual que en las pruebas pasadas, el usuario dio muchos comentarios que permiten mejorar la aplicación. A pesar de que el usuario experimentó problemas a la hora de la prueba, se tomó su tiempo para analizar el contenido y probar la app.
En un inicio el usuario pensó que se trataba de una app de citas debido al concepto de conocer gente; sin embargo, al explorar más, la aplicación mencionó que era una buena opción para aquellas personas que buscan algo fuera de lo romántico, mencionando que el concepto era “tranquilo”, siendo una combinación bonita de “Bumble” con “Boo” y a diferencia de estas aplicaciones o Facebook parejas, mencionó que el concepto está bien para aquellas personas que no son muy sociables. Durante la prueba el usuario entendió la mayoría de los iconos dentro de la aplicación, los que entendió de otra manera fue el de “me gusta/me encanta” (icono de corazón) y los favoritos (estrella), al ver la sección de “aplicaciones con las que enlazar”, no le hizo mucho sentido debido a que dio por hecho que la misma app ya contaba con un chat; sin embargo, al resolver su duda fue que entendió mejor el propósito de dicha pantalla, como comentario añadió el evidenciar el filtro de seguridad al compartir con una notificación como: “x persona desea conectar contigo ¿Estás de acuerdo?”.
Por otro lado, mencionó una mejora con la opción de “suspender” la tarjeta por un tiempo para evitar ser molestado si es que se desea un descanso de la app, pero deseas que no se elimine el perfil.
Como punto final, el usuario comentó que fue de su agrado “el monumento”; sin embargo, comentó que podría ser un arma de doble filo, ya que quizá en vez de que motive debido a tus “logros” desmotive por no percibir un avance.
Usuario 3: Emmanuel Sotomayor Herrera (21 años)
Emmanuel notó rápidamente que la aplicación era una red social, esto podría indicar que el diseño y la funcionalidad de la app estaban bien orientados. El usuario también encontró interesante el apartado de recuento de amigos, y le pareció agradar la idea en general de poder ser capaz de ver las estadísticas de socialización que tienes
Por otro lado, Emmanuel elogió la accesibilidad del botón de edición de tarjeta, lo que sugiere que los controles de usuario estaban bien colocados y eran fáciles de encontrar. Además, también le gustó el diseño de las historias comparándolas con las de Instagram, lo que puede ser una buena señal de que el usuario encontró familiar y fácil de usar este tipo de formato.
Uno de los problemas que Emma evidenció de la app, y que nadie de nosotras había notado, es que tuvo dificultades para diferenciar entre la pantalla de búsqueda de contactos y la de búsqueda global, debido a que ambas pantallas son muy parecidas, y el icono de la sección de “buscar contactos” no es muy clara.
En cuanto a los “ice breakers”, Emmanuel los encontró útiles y efectivos para iniciar nuevas conversaciones. Finalmente, recomendó añadir un apartado de comunidades virtuales, ya que considera que sería una buena manera de conocer a más personas con intereses similares.
Tráiler animado
Para el elemento animado optamos por hacer un trailer qué funcionará como comercial o gancho para nuestro público objetivo.
Ya que es una app abierta para todo el mundo fue que decidimos mantenerlo solo con figuras y no cercarlo a alguien en particular, en los primeros segundos de la animación quisimos representar como se puede llegar a sentir una persona con ansiedad social por el hecho de que no le es fácil acercarse a otros, posteriormente se quiso ejemplificar el sentir de la soledad y como al convivir con otros crecemos al igual que cambiamos, siendo la diversidad influyente en nosotros. Por último quisimos mostrar un poco la app y que a través de la tarjeta te puedes expresar con libertad y a través de la misma conectar con otros.
Comentarios
Publicar un comentario