PEC 5. PROTOTIPADO IN-EDIT

¡Hola a tod@s!

Tras establecer la organización, etiquetado y construir nuestro sistema de navegación, en esta última tarea nos encargamos de plasmarla en un prototipo interactivo que nos ayude a visualizar cual sería el correcto funcionamiento de la arquitectura de la información desarrollada.

Nos encontramos ante una aplicación que servirá como punto de encuentro para numerosos amantes del cine y la música, una plataforma que nos ofrece una experiencia digital del festival In-Edit acercándolo a su público desde todas las partes del mundo. No solo podremos informarnos acerca del festival y comprar entradas, sino que se trata de un servicio que ofrece streamings en directo o la posibilidad de reproducir cortometrajes incluso en nuestra televisión. Además de una comunidad con la que conectar, chatear o participar en debates en el foro, así como crearlos, y asistir a eventos ya sean en remoto o en el propio festival. ¡Recrear todo esto ha sido un verdadero reto! Espero que os guste el resultado:

 

Una vez recopilada toda la información necesaria de anteriores fases del proyecto como los escenarios, los user journeys,  el árbol de contenidos o los diagramas de flujo, comenzamos con el…

Sketching

Prototipado

 

Los principales flujos serían…

CONCLUSIONES

Llevar a cabo este proyecto y haberlo hecho teniendo en mente que se trata de un supuesto trabajo a mostrar al cliente me ha ayudado a ponerme en situación y ver de cerca cómo sería desarrollar un proyecto real en este caso. Definitivamente, pienso que desarrollar una buena Arquitectura de la Información se trata de la parte más imprescindible del mismo, pues sin ello, estaríamos creando un servicio difícil de usar y de entender para el usuario.

Crear el prototipo y comprender de forma gráfica las interacciones que se deben llevar a cabo para conseguir los objetivos propuestos ha sido muy útil para también ponerme en la piel del usuario y pensar en qué le gustaría ver exactamente y cómo.

Pese a no ser necesario, he decidido añadirle algo de color, jugando con los dos colores principales de la identidad visual de In-Edit: rojo y gris oscuro, para poder visualizar mejor cómo sería un resultado lo más cercano a la realidad posible y a un servicio definitivo. ¡He disfrutado mucho este proyecto!

NEXT STEPS

En caso de tener que continuar con este proyecto, la siguiente fase sería testear el prototipo, llevar a cabo un testeo con usuarios y un análisis para recibir una verificación y validación por parte de los mismos. Y así poder consolidar una versión de alto nivel y definitiva.

 

Os dejo por aquí el enlace al PROTOTIPO en Figma 

Y un VÍDEO donde muestro y explico las distintas interacciones

PEC 3. INTERACCION Y COMUNICACIÓN

Hola! Aquí dejo el Canvas que he realizado para la actividad:

 

Tras toda la investigación, las posibles mejoras que se proponen son:

  • Ya que la todos valoran la calidad del audio frente al vídeo, potenciar más la calidad del sonido antes que de la imagen. Que el usuario pueda escoger la calidad cuando la conexión falle.
  • Sin límite de tiempo en la participación.
  • Un límite de participantes para que la plataforma no se sature y evitar fallos técnicos.
  • Más opciones de interacción no verbal.
  • Interfaces más responsive, posibilidad de reordenar los distintos elementos de interacción.
  • Conexión con otras aplicaciones o servicios.
  • Posibilidad de compartir archivos a través de la nube, chat privado o correo.
  • Grabación y guardado automático de la sesión en tu dispositivo, así como de pizarras digitales o pantallas compartidas.
  • Facilidad de acceso desde cualquier dispositivo.
  • Filtros y efectos para hacer las sesiones más divertidas o ser discretos con el fondo.
  • Mute automático después de un periodo sin interacción para usuarios con micrófono abierto con el fin de evitar ruidos molestos.

PEC 2. SHORTLY

Hola! Aquí os dejo mi prototipo para el acortador de enlaces Shortly!

Mi objetivo era crear un universo divertido, darle un toque desenfadado y jovial, que transmita alegría y positividad, pero que a la vez el resultado, pese a buscar lo divertido, también quede profesional, todo debe de estar bien estructurado y formar parte de un “todo” sencillo pero efectivo, que destaque por su color, formas y dibujos, dando gran importancia al diseño.

Principalmente quería destacar sus colores, escogiendo dos colores complementarios, y jugando con sus combinaciones en tonos pastel. Combinar dos colores complementarios genera una gran armonía, vibración, y movimiento en nuestro diseño. pues se intensifican entre sí, llaman la atención y crean impacto. Concretamente, se elige la combinación de violeta y amarillo pues transmite audacia y confianza. Esto se debe principalmente al efecto del amarillo. El amarillo tiene fama de ser un color alegre, energético y positivo, nos inspira confianza y seguridad. Al ser contrastado con el violeta, un color más asociado al misterio, al lujo, a la sabiduría o creatividad, esto le otorga una connotación de autoridad y profesionalidad.

 

 

 

 

 

 

 

 

 

 

 

Aquí dejo los vídeos de su funcionamiento:

DESKTOP

MÓVIL

El enlace de Figma:

DESKTOP
https://www.figma.com/proto/v32i7OKuuJdwrF4gux3OPH/shortly?page-id=3%3A3&node-id=22%3A91&viewport=277%2C87%2C0.12&scaling=scale-down&starting-point-node-id=22%3A91

MÓVIL
https://www.figma.com/proto/v32i7OKuuJdwrF4gux3OPH/shortly?page-id=138%3A1713&node-id=138%3A1717&viewport=303%2C323%2C0.39&scaling=scale-down&starting-point-node-id=138%3A1717&show-proto-sidebar=1

PEC 3. Definición de la Organización y del Etiquetado

Buenas tardes, os dejo por aquí mi árbol de contenidos para InEdit-Connect.

Os dejo también mi extracto de datos para escoger estas categorías y sus distintas secciones.

INICIO

  • Esta sección ha sido creada por el 100% de los participantes, de los cuales:
  • 4/8 han incorporado la tarjeta IDIOMA dentro de esta categoría, imaginando que, cito textualmente: “Lo primero cuando te descargas una aplicación y empiezas a usarla es elegir el idioma para poder entenderla”.
  • El otro 50% se han limitado únicamente a las dos opciones de INICIAR SESIÓN Y REGISTRARSE.
  • El 100% coincide en llamar a este grupo INICIO.

FESTIVAL

  • Esta sección ha sido creada por el 100% de los participantes, de los cuales:
  • Tan solo 1/8 incluye NOTICIAS o NOVEDADES en esta categoría.
  • 7/8 coinciden en añadir PATROCINADORES, ¿QUIÉNES SOMOS?, EQUIPO Y CONTACTO y en llamar a este grupo FESTIVAL.
  • 6/8 coinciden en añadir la sección de FAQs en este apartado.
  • Solo 2/8 coinciden en añadir AGENDA Y CALENDARIO o TALENTO EMERGENTE.
  • 4/8 incluyen opciones de compra, 2 de ellos incluyen todas las opciones sin añadir ninguna categoría de ENTRADAS, y los otros 2 solo incluyen la tarjeta de ENTRADAS POR SESIÓN, reservando un apartado diferente para ENTRADAS.
  • 4/8 añaden las REDES SOCIALES.
  • El 100% coincide en añadir EDICIONES ANTERIORES, JURADO E INVITADOS y PROGRAMACIÓN Y HORARIOS.

ENTRADAS

  • Esta sección ha sido creada por 6/8 participantes, de los cuales:
  • 3/6 coinciden en el mismo planteamiento, compuesta por: COMPRAR ABONO y COMPRAR ENTRADA.
  • 3/6 añaden la opción de ENTRADAS POR SESIÓN.
  • 7/6 añaden COMPRAR ENTRADA.
  • 6/6 coinciden en COMPRAR ABONO.
  • Solo 1/6 añade aquí el apartado MIS ENTRADAS.
  • El nombre más utilizado por 4/6 es ENTRADAS Y ABONOS.

IN-EDIT TV

  • Esta sección ha sido creada por el 100% de los participantes, de los cuales:
  • 3/8 coinciden en el mismo planteamiento, compuesta por: CATALOGO DE DOCUMENTALES, FICHA DOCUMENTAL, NOVEDADES, TENDENCIAS AHORA, EN DIRECTO.
  • 3/8 coinciden en añadir la opción de COMPRAR ENTRADA desde aquí, de los cuales uno sugiere ENTRADAS POR SESION.
  • Solo 2/8 añaden la opción de MI LISTA.
  • Solo 2/8 añaden una sección de TALENTO EMERGENTE.
  • 6/8 coinciden en hacer EN DIRECTO desde aquí.
  • 7/8 coinciden en añadir NOVEDADES.
  • El 100% coincide en añadir CATALOGO DE DOCUMENTALES, FICHA DOCUMENTAL, TENDENCIAS AHORA.

 

COMUNIDAD

  • Esta sección ha sido creada por el 100% de los participantes, de los cuales:
  • 3/8 coinciden en el mismo planteamiento, compuesta por: CHATS, CONECTAR, TEMAS DEL FORO, CREAR NUEVO EVENTO/PROYECTO, CREAR NUEVO DEBATE.
  • Solo 1/8 añade NOTICIAS DESTACADAS.
  • Solo 2/8 añade las REDES SOCIALES, EN DIRECTO o TALENTO EMERGENTE en esta sección.
  • 6/8 coinciden en llamar a este grupo COMUNIDAD.
  • 7/8 añaden la tarjeta CONECTAR.
  • El 100% coincide en añadir TEMAS DEL FORO, CREAR NUEVO DEBATE, CHATS, CREAR NUEVO EVENTO/PROTECTO.

PERFIL

  • Esta sección ha sido creada por el 100% de los participantes, de los cuales:
  • 3/8 coinciden en el mismo planteamiento, compuesta por: NOTIFICACIONES, FAVORITOS, MI PERFIL, MIS PROYECTOS, MIS ENTRADAS, MIS COMPRAS, MI LISTA, AGENDA Y CALENDARIO.
  • Solo 1/8 añade PRIVACIDAD en este grupo.
  • Solo 3/8 añade ACCESIBILIDAD en este grupo.
  • 4/8 coinciden en colocar aquí los AJUSTES y configuración.
  • 5/8 coinciden en llamar PERFIL a esta sección.
  • 6/8 coinciden en añadir la opción MI LISTA, el resto la añadía en IN-EDIT TV. También en añadir AGENDA Y CALENDARIO.
  • 7/8 añaden la tarjeta de MIS ENTRADAS.
  • El 100% coincide en añadir NOTIFICACIONES, MI PERFIL, MIS COMPRAS, MIS PROYECTOS y FAVORITOS.