Publicado por

PEC 5. PROTOTIPADO IN-EDIT

PEC 5. PROTOTIPADO IN-EDIT
Publicado por

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…
¡Hola a tod@s! Tras establecer la organización, etiquetado y construir nuestro sistema de navegación, en esta última tarea nos…

¡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

Debate0en PEC 5. PROTOTIPADO IN-EDIT

No hay comentarios.

Publicado por

PEC 4 – DISEÑO DE LA NAVEGACIÓN

Publicado por

PEC 4 – DISEÑO DE LA NAVEGACIÓN

¡Hola a todos y a todas! A continuación os muestro el análisis de las referencias que he seleccionado, así como sus diagramas…
¡Hola a todos y a todas! A continuación os muestro el análisis de las referencias que he seleccionado, así…

¡Hola a todos y a todas! A continuación os muestro el análisis de las referencias que he seleccionado, así como sus diagramas de flujo principales.

 

Las dos referencias seleccionadas son la página web del Circo Raluy (con acceso desde el móvil) y la aplicación del Reggeaton Beach Festival.

El flujo principal en ambas es la compra de entradas para sus propios eventos, por lo que será la ruta que se refleje en ambos diagramas. Compararemos las distintas opciones para acceder y veremos cual puede resultar más óptima para aplicar a nuestra aplicación.

Para el análisis crítico se aplicará un análisis heurístico según los principios de Nielsen, que nos ayudará a ver si aplican adecuadamente los criterios necesarios para el desarrollo de la app.

DIAGRAMAS DE FLUJO

PRIORIZACIÓN DE HALLAZGOS

Cada  hallazgo del análisis heurístico se ha ponderado según los siguientes criterios:

PRÁCTICA ? Buena ?​ Mala
FRECUENCIA ↩️​ Poco frecuente ?​ Común
IMPACTO ?​ Moderado ?​Medio ?​Grave

A partir de los hallazgos de malas aplicaciones de dichos principios, y ponderando según estos criterios, se elaborará un ranking que permitirá priorizar las posibles propuestas de mejora.

Debate0en PEC 4 – DISEÑO DE LA NAVEGACIÓN

No hay comentarios.

Publicado por

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

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

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…
Buenas tardes, os dejo por aquí mi árbol de contenidos para InEdit-Connect. Os dejo también mi extracto de datos…

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.

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

No hay comentarios.

Publicado por

PEC 3 Arquitectura de la información: Definición de la Organización y del Etiquetado

Publicado por

PEC 3 Arquitectura de la información: Definición de la Organización y del Etiquetado

Una vez obtenidos los requisitos de usuario, en esta fase del proyecto se definirá la arquitectura de la información y la estructura…
Una vez obtenidos los requisitos de usuario, en esta fase del proyecto se definirá la arquitectura de la información…

Una vez obtenidos los requisitos de usuario, en esta fase del proyecto se definirá la arquitectura de la información y la estructura de la interacción de la app de In-edit Connect. Estos resultados nos permitirán abordar el sistema de navegación en fases futuras.

A partir de un inventario de contenidos inicial, se ha llevado a cabo un Card Sorting abierto con 6 usuarixs y 15 tarjetas. Las conclusiones de este test son las siguientes:

  • La categoría considerada Mi perfil en el inventario planteado inicialmente concuerda exactamente con las 6 tarjetas más relacionadas del Card Sorting, por lo que su estructura queda validada.
  • Las usuarias han relacionado habitualmente la tarjeta Streaming y Ver en diferido con la de Debates.
  • Uno de los grupos de tarjetas que ha surgido es el de todos aquellos elementos que suponen una exploración. Es decir Descubrir, Recomendaciones y Ediciones anteriores. Debido al carácter común de estas tarjetas, el Nivel 1 planteado en el inventario como Búsqueda, será cambiado a Explora e incluirá una barra de búsqueda y las secciones Descubrir y Ediciones Anteriores.
  • El apartado de Agenda incluirá los 4 elementos presentes inicialmente en el inventario excepto las recomendaciones, que quedarán un nivel por debajo dentro de Próximos eventos.

La estructura presentada en el inventario ha sido validada y optimizada a partir de este estudio para encajar completamente en los mapas mentales de aquellxs usuarixs que harán uso de la aplicación In-Edit.

A partir de estas conclusiones, se ha desarrollado el siguiente Árbol de Contenidos:

Debate0en PEC 3 Arquitectura de la información: Definición de la Organización y del Etiquetado

No hay comentarios.

Publicado por

Conceptualización de la Interacción

Publicado por

Conceptualización de la Interacción

Comparto a continuación el user journey del primer escenario que he planteado sobre Javier. 2. Conceptualización de la Interacción …
Comparto a continuación el user journey del primer escenario que he planteado sobre Javier. 2. Conceptualización de la Interacción…

Comparto a continuación el user journey del primer escenario que he planteado sobre Javier.

Debate0en Conceptualización de la Interacción

No hay comentarios.

Publicado por

PEC 2 · Conceptualización de la Interacción

PEC 2 · Conceptualización de la Interacción
Publicado por

PEC 2 · Conceptualización de la Interacción

En esta entrada comparto con vosotros uno de los escenarios que se ha realizado como conceptualización de la interacción del user persona…
En esta entrada comparto con vosotros uno de los escenarios que se ha realizado como conceptualización de la interacción…

En esta entrada comparto con vosotros uno de los escenarios que se ha realizado como conceptualización de la interacción del user persona «Javier Sánchez», realizador y director residente en Barcelona, que participa desde hace años en el programa In-Edit.

Este escenario plantea la forma en la que Javier vivirá la experiencia híbrida de In-EditConnect agregando al calendario de la plataforma un evento que realizará el mismo, y compartiendo la información de dicho evento con sus contactos a través de redes sociales.

Escenario 3 - In-EditConnect

Escenario 3 · Javier Sánchez

User Journey 3

User Journey 3 · Javier Sánchez

Dejo adjunto el link a la plataforma UXPressia con la información de las User Persona y sus respectivos User Jouneys realizados para esta entrega: https://uxpressia.com/w/mJxB0/p/tnOdm

Debate0en PEC 2 · Conceptualización de la Interacción

No hay comentarios.

Publicado por

¡Bienvenidos y bienvenidas!

¡Bienvenidos y bienvenidas!
Publicado por

¡Bienvenidos y bienvenidas!

¡Hola! Esta publicación se ha generado automáticamente en el Ágora. Te encuentras en el Ágora de la asignatura. En este espacio se…
¡Hola! Esta publicación se ha generado automáticamente en el Ágora. Te encuentras en el Ágora de la asignatura. En…

¡Hola!

Esta publicación se ha generado automáticamente en el Ágora.

Te encuentras en el Ágora de la asignatura. En este espacio se recogerán todas las publicaciones relacionadas con las actividades que hagan los compañeros y compañeras del aula a lo largo del semestre.

El Ágora es un espacio de debate en el que estudiantes y docentes pueden ver, compartir y comentar los proyectos y las tareas de la asignatura.

Si solamente ves esta publicación, puede ser porque todavía no se ha hecho ninguna más, porque no has entrado con tu usuario de la UOC o porque no perteneces a esta aula. Si no eres miembro de la UOC y ves alguna publicación, es porque su autor o autora ha decidido hacerla pública.

¡Esperamos que esta Ágora sea un espacio de debate enriquecedor para todos y todas!

Debate0en ¡Bienvenidos y bienvenidas!

No hay comentarios.

Las intervenciones están cerradas.