Hola a todos,

para la entrega de esta Pec debíamos hacer un prototipado de bajo nivel de la aplicación inEdit.

Mi prototipo fue el resultado de las Pecs anteriores ya que sin ellas no podría haber llegado a este resultado. La organización de la información no fue de manera azarosa sino que fue el resultado primero de definir el perfil de usuario de nuestra aplicación, en nuestro caso teníamos un perfil de creador y uno de usuario.

A partir de estos perfiles desarrollamos 4 user journeys con 4 escenarios diferentes y es sobre estos 4 escenarios sobre los que trabajamos.

A partir de estos escenarios realizamos un card sorting para definir un arbol de contenidos, que veremos reflejado en la aplicación, y desarrollamos los diagramas de flujo.

Todo este trabajo nos ha permitido realizar una aplicación intuitiva donde el usuario puede encontrar la información de manera sencilla.

Quise resumir un poco este trabajo en un Value Position Canvas que os adjunto aquí:

Espero que se vea reflejado todo el trabajo de los últimos meses en él.

A continuación os adjunto el link del prototipado y una serie de vídeos donde explico cada uno de los 4 escenarios prototipados.

Link a figma: https://www.figma.com/proto/L4TTYTngcQjbe0sLdaZTxb/Untitled?page-id=18%3A1097&node-id=18%3A1695&viewport=385%2C423%2C0.63&scaling=scale-down&starting-point-node-id=18%3A1098&show-proto-sidebar=1

Link a vídeo del escenario 1: https://youtu.be/tLmN782dFks

Link al vídeo del escenario 2: https://youtu.be/qBlXK0Ano7A

Link al vídeo del escenario 3: https://youtu.be/0Cdg3KWF6yU

Link al vídeo del escenario 4: https://youtu.be/W4evZnCw4Bo

¡Muchas gracias por leerme!

¡Hola a todos!

En esta PEC debíamos desarrollar el flujo de interacción para cada uno de los 4 escenarios que habíamos definido en la PEC anterior.

Además de esto, debíamos analizar dos aplicaciones que tuvieran algo que ver con In-edit, la aplicación que estamos desarrollando.

En mi caso yo escogí Ticketmaster e Instagram, sé que de buenas a primeras no parece tener mucha relación. Pero, no encontré o no se me ocurrió, ninguna aplicación similar a In-edit por lo que escogí las dos caras de la aplicación. Por un lado, Ticketmaster nos va a permitir analizar el flujo de compra de entradas que podría tener nuestro usuario para adquirir entradas para el festival. Y, por otro, Instagram nos va a dar la experiencia que tienen nuestros creadores a la hora de subir contenido a la aplicación.

El análisis de estas dos aplicaciones por separado nos va a permitir sacar unas conclusiones y fusionarlas para ver qué resultado podría resultar mejor para nuestra propia app.

Lo primero que os voy a adjuntar son los flujos de trabajo de ambas aplicaciones:

Como vemos el flujo de interacción no tiene nada que ver la una con la otra, más allá del inicio de sesión.

A continuación os adjuntaré a modo resumen las conclusiones extraídas del análisis heurístico desarrollado en la PEC.

1. Visibilidad del estado del sistema. 

Ambas aplicaciones muestran en todo momento al usuario en qué parte de la aplicación se encuentran. Esto se trata de una buena práctica ya que permite que el usuario no se sienta perdido dentro de la aplicación.

2. Adecuación entre el sistema y el mundo real. 

El uso del lenguaje es similar al usado en la vida real.

Un punto a tener en cuenta en el sistema es el uso de iconos por parte de Instagram, esto puede tratarse de una mala práctica si no se tiene en cuenta el aprendizaje y los conocimientos del usuario ya que podría generar confusión.

3. Libertad y control por parte del usuario.

Ambas aplicaciones permiten revertir las acciones llevadas a cabo por el usuario, Ticketmaster permite eliminar cosas del carrito de la compra e Instagram permite desde eliminar publicaciones hasta mensajes privados.

4. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los errores. 

Este es quizás el punto que las aplicaciones tienen más flojo, ambas señalizan los errores pero no dan mucha información al respecto de cómo solucionarlo. Por lo que el usuario nunca llega a saber qué es lo que falló dentro de la aplicación.

5. Reconocimiento antes que recuerdo.

El reconocer antes que recordar facilita mucho la experiencia de usuario. Por ejemplo, el usuario ya está familiarizado con la plataforma de compra de entradas de Ticketmaster porque recuerda a otras páginas similares y en Instagram, el uso de iconos facilmente reconocibles por el usuario permiten que no le genere un gran esfuerzo utilizar la aplicación.

Como punto en contra diría que el más que usa instagram resulta confuso para subir contenido.

6. Diseño estético y minimalista.

Ambas aplicaciones tienen una guía de diseño marcada que recuerda al usuario siempre que se encuentra dentro de la misma aplicación. Por otro lado el uso de publicidad o de información añadida siempre se hace siguiendo la misma maquetación por lo que el usuario no siente «ruido visual» al entrar en estas páginas.

Como conclusión podemos decir que aunque se traten de páginas que en un primer momento no tienen nada que ver, siguen las mismas leyes y tienen las mismas características que permiten que el usuario tenga una experiencia satisfactorias. Analizarlas me pareció interesante para ver cuáles de ellas podemos incluir en el desarrollo de nuestra propia aplicación.

¡Gracias por leer!

Para esta PEC hemos elaborado 4 escenarios diferentes para el uso de la aplicación inEdit, os comparto uno de mis 4 escenarios:

«Sara quiere interactuar con uno de sus directores favoritos ya que este ha iniciado un debate que le interesa profundamente.

Ella no se siente muy segura de iniciar o meterse en el debate en un primer momento, menos mal que la aplicación le permite comentar de manera anónima en un primer momento, ocultando su identidad y permitiéndole poner el nickname que ella quiere, que no tiene ni que ser su nombre real.

Una vez que se siente segura de que su identidad está a salvo, se anima a interactuar con otras personas y le resulta muy enriquecedor, además hay una opción de contestar el comentario del hilo directamente por lo que puede ignorar ciertos comentarios o temas que no le interesan y así poder seguir el debate de una manera cómoda sin tener que rebuscar entre cientos de comentarios.»

De este escenario podemos sacar unas necesidades básicas:

1. La aplicación debe poder permitir participar en los debates de manera anónima.
2.  La capacidad de señalar los comentarios del debate que más interés tienen para el usuario para no abrumarlo con cientos de comentarios o temas en los que pudo derivar el debate que no le interesen.
3. Un sistema de notificaciones para que Sara esté informada en todo momento si alguien ha respondido algo que pudiera interesarle en el debate.

A partir de aquí elaboré un user journey

Como conclusión puedo decir que elaborar tanto el escenario como el user journey me ha permitido observar requisitos de diseño que quizás si no llevara a cabo estos pasos no se me habrían ocurrido.

¡Espero que os guste!