ANÁLISIS DE CONTENIDO DIGITAL
PREGONEROS
MEDELLÍN
Título 1
Mariana Álvarez Posada
Andrés Felipe Gómez Castaño
Dellis Milena Murillo Perea
crítica
interfaz
navegabilidad
funcionalidad
Interactividad
Arquitectura
Ficha
Pregoneros de Medellín, una experiencia transmedia local presentada a través de fotografías, videos y recursos multimedia. El mundo personal y laboral de algunos comerciantes informales de la ciudad de Medellín, que trabajan en plazoletas, esquinas, parques, barrios y lugares públicos concurridos. Sin embargo, estos comerciantes tienen una característica especial: a través de la venta ambulante, cantan y siguen el ritmo de la música para animar, atraer a los transeúntes, tocar sus corazones y convertirlos en nuevos clientes.
crítica
interfaz
navegabilidad
funcionalidad
Interactividad
Arquitectura
Ficha
Ficha informativa del contenido
Género / formato
Año de producción
2014, lanzamiento 2015
Formato de web documental interactiva
Carabalí Grupo Creativo, Juliana Carabalí, Ángela Carabalí, Esaú Carabalí y Thibault Durand.
Casa productora o realizadores
Objetivo del proyecto
Dar a conocer y explorar las narrativas, vivencias y desafíos de los comerciantes informales que día a día se establecen en distintos puntos de la ciudad de Medellín para vender sus productos a los transeúntes que circulan por la ciudad.
Comprometidas con temas sociales y culturales. Personas que han alcanzado un nivel de madurez y reflexión que les permite apreciar la profundidad y complejidad de cuestiones como el papel de los pregoneros en la sociedad. Esta franja de edad está en un punto de la vida en el que suelen estar más conectadas a nivel profesional y personal. Esto facilita su participación y colaboración en proyectos transmedia, ya que pueden relacionar sus experiencias personales y laborales con la narrativa del proyecto. Este proyecto se enfoca en personas que residen en Medellín y en otras partes de Colombia. Dado que el proyecto se centra en la cultura y la historia de Medellín, es fundamental atraer a personas con una conexión geográfica y cultural con la ciudad. El público objetivo del proyecto transmedia "Pregoneros de Medellín" se caracteriza por su interés en la cultura, la historia y las cuestiones sociales. Valoran la autenticidad y la diversidad cultural, lo que los hace receptivos a narrativas que exploran las vidas de los pregoneros y sus interacciones con la sociedad. Este público objetivo tiende a tener un nivel educativo medio o alto. Pueden ser estudiantes universitarios, profesionales en diversas industrias o personas con intereses culturales y educación continua. Se espera que este público tenga un acceso sólido a Internet y esté familiarizado con el uso de plataformas digitales y redes sociales, lo que facilitará su participación en la experiencia transmedia.
Público objetivo
Hombres y mujeres
Edad: entre los 25 a 30 años.
crítica
interfaz
navegabilidad
funcionalidad
Interactividad
Arquitectura
Ficha
ARQUITECTURA DE LA INFORMACIÓN
En cuanto al tema de estructura, la página es secuencial. A medida que los usuarios avanzan en la experiencia, encuentran el contenido dispuesto en una secuencia. Este contenido incluye texto, imágenes, audios y videos presentados en un orden lógico para contar en cada uno de ellos la historia de los pregoneros y guiar a los usuarios a través del recorrido por el centro de Medellín.
En el sitio web de Pregoneros, los niveles de información siguen un enfoque de jerarquía plana en la que todos los elementos del sitio se organizan en un solo nivel, sin subcategorías jerárquicas adicionales. La página de inicio sirve como punto focal principal para los visitantes y está meticulosamente organizada para una fácil navegación y acceso al punto de partida de la experiencia.
+ INFO
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
ARQUITECTURA DE LA INFORMACIÓN
la pagina es una mezcla entre hipermedia interactiva y un poco de linealidad, pues si bien, al usuario se le permite interactuar con los componentes de la página, permitiendo controlar ciertos elementos de los contenidos de la plataforma multimedia, como por ejemplo la secuencia, velocidad, el momento en que deben presentarse, también, los subproductos de los videos, no se pueden desbloquear, es decir, no se puede empezar por el último video, o por el segundo, teniendo, si o si, que adaptarse a la linealidad que propone la plataforma, que a su vez es dictada por el recorrido que decide el usuario en la experiencia.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
NAVEGABILIDAD
La estructura del sitio web proporciona una experiencia de usuario muy sencilla. Vale la pena resaltar que el proyecto no tiene una versión móvil, al ingresar desde un celular, aparece un divertido video de “La Jale”, uno de los personajes del documental aclarando que solo se puede acceder vía web desde tablet o computador, por lo tanto lo centraremos en la versión para estos dispositivos.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
A continuación, se profundiza en cada uno de los botones del menú para comprender mejor cómo se organiza y presenta la información en el sitio:
05
01
Making Of
Inicio
06
02
Kit de prensa
Transmedia
07
03
Ingresar
Música
08
04
Idioma
Equipo
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Dentro de la experiencia como tal del recorrido, existen menús internos cada personaje, el menú se divide en 3 recuadros donde cada uno contiene un cortometraje que muestra 3 diferentes facetas de cada uno, en el trabajo, en su vida familiar y en sus tiempos libre u otras facetas.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
El “Menú principal” muestra y activa a color según el recorrido cinco botones con la foto de cada personaje y su nombre.
Cada cierto tiempo de recorrido aparece un ícono qué te pregunta hacia qué dirección deseas seguir el recorrido, siendo esta una forma de guiar al usuario y hacer un recorrido que le permita explorar en su totalidad la plataforma y los contenidos sobre los personajes que se encuentran en esta simulación.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
INTERACTIVIDAD
Los mapas de navegación dentro de la web se desarrollan de la siguiente manera
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Al ingresar a la página se activa un primer comando de voz, el soundtrack original del proyecto, compuesta e interpretada por Juancho Valencia miembro de la agrupación Puerto Candelaria, al pasar al recorrido interactivo que es donde encontramos la unión de dos términos la interacción y la interactividad, “La interacción se refiere a las acciones mutuas que se ejercen entre personas, animales u objetos, mientras que la interactividad se ciñe a las mediaciones con las máquinas informáticas y redes telemáticas. No son dos conceptos opuestos, pero sí diferentes”. (Cebrián,2008) donde encontramos que ambos se usan, se utiliza el sonido ambiente del centro de Medellín y se pueden escuchar los pregones de cada personaje a medida que el usuario se va aproximando a ellos en el recorrido.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
En cada menú se desarrolla un mensaje cercano y que explica el proceso detrás de la producción del proyecto web documental. La interacción se integra en el recorrido central por el centro de Medellín, en esta web se muestra el concepto de “Street Walk Experience”,esta innovación se distingue por su capacidad para sumergir por completo a los visitantes virtuales en la efervescencia de las calles urbanas, permitiéndoles experimentar de manera algorítmica los sonidos, las sensaciones y las multitudes que caracterizan estos entornos citadinos. Esta experiencia inmersiva no se limita únicamente a un recorrido virtual, sino que también nutre una conexión emocional más profunda entre el usuario y los habitantes de las calles, fomentando así una empatía auténtica.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
En cuanto a ventanas o cuadros de diálogo solo se usan en el apartado de “ingresar” que invita al usuario a crear una cuenta en la plataforma. De resto todos los apartados son a una sola página donde se desglosa toda la información.
Lo íconos utilizados tienen que ver con la temática de la venta informal y con ítems que distinguen a cada personaje, por ejemplo los íconos de “la jale” son las gelatinas de pata que es el producto que ella vende y una gorra blanca que hace parte de su indumentaria de trabajo.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
De igual manera con el grupo de jóvenes de la Corporacicón Papá Vanegas, los íconos son alusivos al producto que venden, en este caso galletas de mantequilla, y así sucesivamente con todos los personajes. La página no cuenta con chats directos o hipervínculos a sus redes sociales, en su lugar los íconos de redes sociales están dispuestos para compartir el proyecto en estas y vienen con un mensaje prediseñado.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
INTERFAZ DE USUARIO
Dentro del diseño de Pregoneros Medellín, la experiencia del usuario se cuenta a través de una cautivadora metáfora. La plataforma se concibe como un mapa interactivo, proporcionando a los usuarios un recorrido virtual por el corazón de Medellín. Esta elección conceptual no es meramente estética, sino que se puede traducir como estratégica y coherente. Al emular un mapa, los usuarios son guiados de manera intuitiva y simbólica a explorar los rincones del centro de la ciudad. Esta coherencia entre la estructura de la plataforma y su propósito invita a los usuarios a sumergirse en una experiencia auténtica y significativa, alineada con la visión de los creadores de Pregoneros Medellín.
En cuanto al tema de navegación es fácil comprender la interfaz porque las guías que aparecen en el recorrido sirven de apoyo para saber qué parte sigue. En su mayoría la navegación es intuitiva y desde el primer momento se le da claridad al usuario para que aprenda rápidamente cómo usar la plataforma.
+VER
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Cada pantalla de la interfaz tiene un diseño que se enfoca en una única acción principal, simplificando la experiencia del usuario En la página de inicio, la acción primaria es evidente: un llamativo botón violeta grande que dice "ENTRAR" invita a los usuarios a iniciar su viaje.
Al comenzar el recorrido por la calle, se anima a los usuarios a comprender que necesitan DESPLAZAR la página para continuar explorando, lo que se muestra a través de una animación intuitiva.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Después del clic, el usuario es guiado por una animación reveladora que indica que han DESBLOQUEADO algo nuevo y significativo en la historia, manteniendo así su interés y participación.
Cuando encuentras al primer vendedor ambulante, una combinación de información contextual y una señal de flecha guía al usuario, indicando claramente que debe HACER CLIC para obtener más detalles.
Al cerrar el video, una información contextual adicional informa al usuario que hay MÁS contenido por descubrir, alentándolos a seguir explorando y sumergiéndose en la experiencia.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Según lo indicado en el sitio de Pregoneros, para el trabajo de animación utilizaron una biblioteca de GSAP (GreenSock Animation Platform) y animación CSS para las más simples.
La interfaz de usuario que manejan en Pregoneros es opaca (PULL), porque, como lo explica Iisidro Moreno,“Para conocer los contenidos hay que traspasar la barrera interfacial y tirar de ellos, sacarlos a la superficie de la pantalla”. En el recorrido de pregoneros, hay que hacer scroll para ir descubriendo los contenidos.
Desde la perspectiva comunicacional, Pregoneros Medellín tiene un tipo de interfaz de navegación Semiabierta o simuladora de realidad virtual: “Las interfaces semiabiertas se basan en los actos mimético naturales; pero limitan los movimientos del lectoautor a unas vías predeterminadas más o menos amplias”. Moreno (2002)
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Este documental web hay señales que indican el uso de una interfaz semiabierta o simuladores de realidad virtual, estos sistemas se apoyan en las acciones naturales de imitación del usuario, permitiéndole interactuar con un entorno digital de manera más inmersiva. Sin embargo, a diferencia de la realidad virtual completamente abierta, estas interfaces restringen los movimientos del usuario a vías predefinidas, aunque con un cierto grado de libertad en su elección. Esto implica que el usuario puede explorar y participar en el entorno digital, pero dentro de ciertos límites o caminos previamente establecidos.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
FUNCIONALIDAD
Luego de analizar los parámetros de usabilidad y navegación, se realizaron pruebas de funcionamiento de la plataforma en diversos dispositivos y navegadores web, obteniendo hallazgos y conclusiones frente al uso de “Pregoneros de Medellín”
Descúbrelas aquí
crítica
Interactividad
funcionalidad
navegabilidad
interfaz
Ficha
Arquitectura
CRÍTICA DEL PRODUCTO
Un aspecto crítico que emerge es el pixelado durante el desplazamiento. A medida que el usuario avanza, las imágenes de baja resolución de la calle se pixelan, afectando negativamente la calidad visual. La justificación para esta decisión radica en la necesidad de reducir el tiempo de carga; sin embargo, esto se traduce en una experiencia estética poco atractiva para los usuarios. Aunque se plantea la posibilidad de ofrecer un modo HD con imágenes de mayor calidad para conexiones de alta velocidad, esta función aún no se ha implementado.
crítica
Interactividad
funcionalidad
navegabilidad
interfaz
Ficha
Arquitectura
CRÍTICA DEL PRODUCTO
Además, otro inconveniente notable es la ausencia de una vista de 360° cuando el usuario se detiene en una ubicación específica, lo que deja a los usuarios con una experiencia incompleta y limitada en términos de inmersión y exploración. En cuanto a la compatibilidad con tabletas, se evidencia una problemática similar. Aunque la plataforma debería ser funcional en ciertas tabletas Android con Chrome y iPads con Safari, se advierten errores no resueltos. La falta de optimización para estos dispositivos resulta en una experiencia disminuida para una parte significativa de la audiencia potencial.
crítica
Interactividad
funcionalidad
navegabilidad
interfaz
Ficha
Arquitectura
CRÍTICA DEL PRODUCTO
Desde una perspectiva social, la implementación de este sistema permitiría una mayor interacción entre los vendedores y un público más amplio, lo que podría dar lugar a una comprensión más profunda de sus historias personales y luchas. Además, podría fomentar un sentido de comunidad en torno a la causa, alentando la solidaridad y el apoyo a estos trabajadores.En términos económicos, la expansión de las ventas en línea podría representar una fuente adicional de ingresos para los vendedores ambulantes, lo que contribuiría a mejorar su bienestar económico y, en última instancia, su calidad de vida. Además, podría impulsar la creación de empleos y el desarrollo de habilidades digitales en esta comunidad.
crítica
Interactividad
funcionalidad
navegabilidad
interfaz
Ficha
Arquitectura
BIBLIOGRAFÍA
Sánchez, C. (2020) Usabilidad web. Universidad Pontificia Bolivariana. Moreno, I. M. (2002). Musas y nuevas tecnologías. El relato hipermedia. Editorial Paidós. https://www.academia.edu/83569742/Musas_y_nuevas_tecnolog%C3%ADas_El_relato_hipermedia Pregoneros de Medellín. (s/f). Pregonerosdemedellin.com. https://pregonerosdemedellin.com/ CEBRIÁN HERREROS, Mariano. La Web 2.0 como red social de comunicación e
información [en línea]. Aceptado 12 de mayo de 2008. [consultado 28 de abril de
2011]. Disponible en Internet: http://www.ucm.es/info/emp/Numer_14/Sum/4-
04.pdf Stockholm Walks. (12 de marzo 2021). Stockholm city center walk: Street life experience from March 2021. [Archivo de Vídeo]. https://www.youtube.com/watch?v=e8ufTRaqUUA Hora 13 noticias. (12 de mayo 2015). Pregoneros Medellín: una iniciativa interactiva como homenaje a los vendedores ambulantes. [Archivo de Vídeo]. https://www.youtube.com/watch?v=fguQWNeSlas
Lorem ipsum dolor sit
Botón Equipo
(Descripciones de las personas que participaron en el proyecto)
Contenido: En esta sección, se describen las personas que contribuyeron con el proyecto, detallando sus roles y responsabilidades.
Equipo Pregoneros Medellín
Botón Ingresar
(PopUp para registro o inicio de sesión)
Funcionalidad: Al hacer clic en este botón, se abre un PopUp que permite a los usuarios registrarse en el sitio o iniciar sesión a través de sus cuentas de Facebook. Esto proporciona una experiencia personalizada y acceso a funcionalidades exclusivas para usuarios registrados.
Ingresar a Pregoneros Medellín
Botón Making Of
(Enlace a Detrás de Cámaras a través de medium.com)
Contenido: esta página interior proporciona un link donde los usuarios son dirigidos a una página de Medium.com que presenta contenido detrás de cámaras. Allí se pueden encontrar textos detallados, fotografías, sketch y videos que ofrecen una visión completa del proceso de elaboración del proyecto.
Making Of Pregoneros Medellin
Botón Kit de Prensa
(Recursos sobre el proyecto para prensa y medios)
Contenido: En esta sección, se proporcionan recursos para la prensa, incluyendo información de contacto, logos descargables, enlaces a trailers, sinopsis, detalles técnicos, imágenes de alta resolución, fragmentos de audio y créditos.
Kit de prensa Pregoneros Medellín
Botón Música
(Textos, Audios en SoundCloud y Videos de canciones usadas en el proyecto con descripciones):
Contenido: Esta sección presenta textos explicativos y enlaces a diferentes audios alojados en SoundCloud, permitiendo a los usuarios escuchar la música del proyecto. Además, incluye videos de las canciones utilizadas con descripciones detalladas para contextualizar y enriquecer la experiencia musical.
Música Pregoneros Medellín
Botón Transmedia
(Textos e Imágenes que Explican el Producto, Procesos y Formatos del Proyecto)
Contenido: Esta sección proporciona explicaciones detalladas sobre el producto, los procesos involucrados en su creación y los diferentes formatos del proyecto. Incluye texto descriptivo, imágenes ilustrativas y videos que muestran los aspectos clave del proyecto.
Transmedia Pregoneros Medellín
Botón Inicio
(Entrar para Iniciar la Experiencia)
Descripción: Este botón sirve como punto de entrada principal al sitio web. Al hacer clic en "Entrar", se inicia el recorrido para conocer a los pregoneros y se ocupa toda la pantalla. Es aquí donde inicia la experiencia.
Inicio Pregoneros Medellín
Botón Idioma
(PopUp para registro o inicio de sesión)
Funcionalidad: Este botón despliega una lista de 3 idiomas disponibles, "ESPAÑOL", “INGLÉS” y “FRANCÉS”, esta alternativa permite a los usuarios seleccionar diferentes idiomas según sus preferencias, sin embargo, los únicos cambios que se realizan, son los nombres o textos que aparecen en la plataforma, así como las subtitulaciones de los componentes audiovisuales de la plataforma.
Ingresar a Pregoneros Medellín
Arquitectura de la información
Está constituída por una página de inicio con la siguiente estructura:
Espacio para visibilizar los creadores del proyecto (logotipos)
Barra de navegación: Inicio, transmedia, música, equipo, making of, kit de prensa, ingresar, Idioma
Bienvenida, breve resumen del proyecto y botón de entrar
Pregoneros Medellín
marianaposada1023
Created on October 7, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Akihabara Microsite
View
Essential Microsite
View
Essential CV
View
Practical Microsite
View
Akihabara Resume
View
Tourism Guide Microsite
View
Online Product Catalog
Explore all templates
Transcript
ANÁLISIS DE CONTENIDO DIGITAL
PREGONEROS
MEDELLÍN
Título 1
Mariana Álvarez Posada Andrés Felipe Gómez Castaño Dellis Milena Murillo Perea
crítica
interfaz
navegabilidad
funcionalidad
Interactividad
Arquitectura
Ficha
Pregoneros de Medellín, una experiencia transmedia local presentada a través de fotografías, videos y recursos multimedia. El mundo personal y laboral de algunos comerciantes informales de la ciudad de Medellín, que trabajan en plazoletas, esquinas, parques, barrios y lugares públicos concurridos. Sin embargo, estos comerciantes tienen una característica especial: a través de la venta ambulante, cantan y siguen el ritmo de la música para animar, atraer a los transeúntes, tocar sus corazones y convertirlos en nuevos clientes.
crítica
interfaz
navegabilidad
funcionalidad
Interactividad
Arquitectura
Ficha
Ficha informativa del contenido
Género / formato
Año de producción
2014, lanzamiento 2015
Formato de web documental interactiva
Carabalí Grupo Creativo, Juliana Carabalí, Ángela Carabalí, Esaú Carabalí y Thibault Durand.
Casa productora o realizadores
Objetivo del proyecto
Dar a conocer y explorar las narrativas, vivencias y desafíos de los comerciantes informales que día a día se establecen en distintos puntos de la ciudad de Medellín para vender sus productos a los transeúntes que circulan por la ciudad.
Comprometidas con temas sociales y culturales. Personas que han alcanzado un nivel de madurez y reflexión que les permite apreciar la profundidad y complejidad de cuestiones como el papel de los pregoneros en la sociedad. Esta franja de edad está en un punto de la vida en el que suelen estar más conectadas a nivel profesional y personal. Esto facilita su participación y colaboración en proyectos transmedia, ya que pueden relacionar sus experiencias personales y laborales con la narrativa del proyecto. Este proyecto se enfoca en personas que residen en Medellín y en otras partes de Colombia. Dado que el proyecto se centra en la cultura y la historia de Medellín, es fundamental atraer a personas con una conexión geográfica y cultural con la ciudad. El público objetivo del proyecto transmedia "Pregoneros de Medellín" se caracteriza por su interés en la cultura, la historia y las cuestiones sociales. Valoran la autenticidad y la diversidad cultural, lo que los hace receptivos a narrativas que exploran las vidas de los pregoneros y sus interacciones con la sociedad. Este público objetivo tiende a tener un nivel educativo medio o alto. Pueden ser estudiantes universitarios, profesionales en diversas industrias o personas con intereses culturales y educación continua. Se espera que este público tenga un acceso sólido a Internet y esté familiarizado con el uso de plataformas digitales y redes sociales, lo que facilitará su participación en la experiencia transmedia.
Público objetivo
Hombres y mujeres
Edad: entre los 25 a 30 años.
crítica
interfaz
navegabilidad
funcionalidad
Interactividad
Arquitectura
Ficha
ARQUITECTURA DE LA INFORMACIÓN
En cuanto al tema de estructura, la página es secuencial. A medida que los usuarios avanzan en la experiencia, encuentran el contenido dispuesto en una secuencia. Este contenido incluye texto, imágenes, audios y videos presentados en un orden lógico para contar en cada uno de ellos la historia de los pregoneros y guiar a los usuarios a través del recorrido por el centro de Medellín.
En el sitio web de Pregoneros, los niveles de información siguen un enfoque de jerarquía plana en la que todos los elementos del sitio se organizan en un solo nivel, sin subcategorías jerárquicas adicionales. La página de inicio sirve como punto focal principal para los visitantes y está meticulosamente organizada para una fácil navegación y acceso al punto de partida de la experiencia.
+ INFO
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
ARQUITECTURA DE LA INFORMACIÓN
la pagina es una mezcla entre hipermedia interactiva y un poco de linealidad, pues si bien, al usuario se le permite interactuar con los componentes de la página, permitiendo controlar ciertos elementos de los contenidos de la plataforma multimedia, como por ejemplo la secuencia, velocidad, el momento en que deben presentarse, también, los subproductos de los videos, no se pueden desbloquear, es decir, no se puede empezar por el último video, o por el segundo, teniendo, si o si, que adaptarse a la linealidad que propone la plataforma, que a su vez es dictada por el recorrido que decide el usuario en la experiencia.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
NAVEGABILIDAD
La estructura del sitio web proporciona una experiencia de usuario muy sencilla. Vale la pena resaltar que el proyecto no tiene una versión móvil, al ingresar desde un celular, aparece un divertido video de “La Jale”, uno de los personajes del documental aclarando que solo se puede acceder vía web desde tablet o computador, por lo tanto lo centraremos en la versión para estos dispositivos.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
A continuación, se profundiza en cada uno de los botones del menú para comprender mejor cómo se organiza y presenta la información en el sitio:
05
01
Making Of
Inicio
06
02
Kit de prensa
Transmedia
07
03
Ingresar
Música
08
04
Idioma
Equipo
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Dentro de la experiencia como tal del recorrido, existen menús internos cada personaje, el menú se divide en 3 recuadros donde cada uno contiene un cortometraje que muestra 3 diferentes facetas de cada uno, en el trabajo, en su vida familiar y en sus tiempos libre u otras facetas.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
El “Menú principal” muestra y activa a color según el recorrido cinco botones con la foto de cada personaje y su nombre. Cada cierto tiempo de recorrido aparece un ícono qué te pregunta hacia qué dirección deseas seguir el recorrido, siendo esta una forma de guiar al usuario y hacer un recorrido que le permita explorar en su totalidad la plataforma y los contenidos sobre los personajes que se encuentran en esta simulación.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
INTERACTIVIDAD
Los mapas de navegación dentro de la web se desarrollan de la siguiente manera
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Al ingresar a la página se activa un primer comando de voz, el soundtrack original del proyecto, compuesta e interpretada por Juancho Valencia miembro de la agrupación Puerto Candelaria, al pasar al recorrido interactivo que es donde encontramos la unión de dos términos la interacción y la interactividad, “La interacción se refiere a las acciones mutuas que se ejercen entre personas, animales u objetos, mientras que la interactividad se ciñe a las mediaciones con las máquinas informáticas y redes telemáticas. No son dos conceptos opuestos, pero sí diferentes”. (Cebrián,2008) donde encontramos que ambos se usan, se utiliza el sonido ambiente del centro de Medellín y se pueden escuchar los pregones de cada personaje a medida que el usuario se va aproximando a ellos en el recorrido.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
En cada menú se desarrolla un mensaje cercano y que explica el proceso detrás de la producción del proyecto web documental. La interacción se integra en el recorrido central por el centro de Medellín, en esta web se muestra el concepto de “Street Walk Experience”,esta innovación se distingue por su capacidad para sumergir por completo a los visitantes virtuales en la efervescencia de las calles urbanas, permitiéndoles experimentar de manera algorítmica los sonidos, las sensaciones y las multitudes que caracterizan estos entornos citadinos. Esta experiencia inmersiva no se limita únicamente a un recorrido virtual, sino que también nutre una conexión emocional más profunda entre el usuario y los habitantes de las calles, fomentando así una empatía auténtica.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
En cuanto a ventanas o cuadros de diálogo solo se usan en el apartado de “ingresar” que invita al usuario a crear una cuenta en la plataforma. De resto todos los apartados son a una sola página donde se desglosa toda la información.
Lo íconos utilizados tienen que ver con la temática de la venta informal y con ítems que distinguen a cada personaje, por ejemplo los íconos de “la jale” son las gelatinas de pata que es el producto que ella vende y una gorra blanca que hace parte de su indumentaria de trabajo.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
De igual manera con el grupo de jóvenes de la Corporacicón Papá Vanegas, los íconos son alusivos al producto que venden, en este caso galletas de mantequilla, y así sucesivamente con todos los personajes. La página no cuenta con chats directos o hipervínculos a sus redes sociales, en su lugar los íconos de redes sociales están dispuestos para compartir el proyecto en estas y vienen con un mensaje prediseñado.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
INTERFAZ DE USUARIO
Dentro del diseño de Pregoneros Medellín, la experiencia del usuario se cuenta a través de una cautivadora metáfora. La plataforma se concibe como un mapa interactivo, proporcionando a los usuarios un recorrido virtual por el corazón de Medellín. Esta elección conceptual no es meramente estética, sino que se puede traducir como estratégica y coherente. Al emular un mapa, los usuarios son guiados de manera intuitiva y simbólica a explorar los rincones del centro de la ciudad. Esta coherencia entre la estructura de la plataforma y su propósito invita a los usuarios a sumergirse en una experiencia auténtica y significativa, alineada con la visión de los creadores de Pregoneros Medellín. En cuanto al tema de navegación es fácil comprender la interfaz porque las guías que aparecen en el recorrido sirven de apoyo para saber qué parte sigue. En su mayoría la navegación es intuitiva y desde el primer momento se le da claridad al usuario para que aprenda rápidamente cómo usar la plataforma.
+VER
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Cada pantalla de la interfaz tiene un diseño que se enfoca en una única acción principal, simplificando la experiencia del usuario En la página de inicio, la acción primaria es evidente: un llamativo botón violeta grande que dice "ENTRAR" invita a los usuarios a iniciar su viaje. Al comenzar el recorrido por la calle, se anima a los usuarios a comprender que necesitan DESPLAZAR la página para continuar explorando, lo que se muestra a través de una animación intuitiva.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Después del clic, el usuario es guiado por una animación reveladora que indica que han DESBLOQUEADO algo nuevo y significativo en la historia, manteniendo así su interés y participación.
Cuando encuentras al primer vendedor ambulante, una combinación de información contextual y una señal de flecha guía al usuario, indicando claramente que debe HACER CLIC para obtener más detalles.
Al cerrar el video, una información contextual adicional informa al usuario que hay MÁS contenido por descubrir, alentándolos a seguir explorando y sumergiéndose en la experiencia.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Según lo indicado en el sitio de Pregoneros, para el trabajo de animación utilizaron una biblioteca de GSAP (GreenSock Animation Platform) y animación CSS para las más simples. La interfaz de usuario que manejan en Pregoneros es opaca (PULL), porque, como lo explica Iisidro Moreno,“Para conocer los contenidos hay que traspasar la barrera interfacial y tirar de ellos, sacarlos a la superficie de la pantalla”. En el recorrido de pregoneros, hay que hacer scroll para ir descubriendo los contenidos. Desde la perspectiva comunicacional, Pregoneros Medellín tiene un tipo de interfaz de navegación Semiabierta o simuladora de realidad virtual: “Las interfaces semiabiertas se basan en los actos mimético naturales; pero limitan los movimientos del lectoautor a unas vías predeterminadas más o menos amplias”. Moreno (2002)
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
Este documental web hay señales que indican el uso de una interfaz semiabierta o simuladores de realidad virtual, estos sistemas se apoyan en las acciones naturales de imitación del usuario, permitiéndole interactuar con un entorno digital de manera más inmersiva. Sin embargo, a diferencia de la realidad virtual completamente abierta, estas interfaces restringen los movimientos del usuario a vías predefinidas, aunque con un cierto grado de libertad en su elección. Esto implica que el usuario puede explorar y participar en el entorno digital, pero dentro de ciertos límites o caminos previamente establecidos.
interfaz
navegabilidad
Arquitectura
funcionalidad
Ficha
crítica
Interactividad
FUNCIONALIDAD
Luego de analizar los parámetros de usabilidad y navegación, se realizaron pruebas de funcionamiento de la plataforma en diversos dispositivos y navegadores web, obteniendo hallazgos y conclusiones frente al uso de “Pregoneros de Medellín”
Descúbrelas aquí
crítica
Interactividad
funcionalidad
navegabilidad
interfaz
Ficha
Arquitectura
CRÍTICA DEL PRODUCTO
Un aspecto crítico que emerge es el pixelado durante el desplazamiento. A medida que el usuario avanza, las imágenes de baja resolución de la calle se pixelan, afectando negativamente la calidad visual. La justificación para esta decisión radica en la necesidad de reducir el tiempo de carga; sin embargo, esto se traduce en una experiencia estética poco atractiva para los usuarios. Aunque se plantea la posibilidad de ofrecer un modo HD con imágenes de mayor calidad para conexiones de alta velocidad, esta función aún no se ha implementado.
crítica
Interactividad
funcionalidad
navegabilidad
interfaz
Ficha
Arquitectura
CRÍTICA DEL PRODUCTO
Además, otro inconveniente notable es la ausencia de una vista de 360° cuando el usuario se detiene en una ubicación específica, lo que deja a los usuarios con una experiencia incompleta y limitada en términos de inmersión y exploración. En cuanto a la compatibilidad con tabletas, se evidencia una problemática similar. Aunque la plataforma debería ser funcional en ciertas tabletas Android con Chrome y iPads con Safari, se advierten errores no resueltos. La falta de optimización para estos dispositivos resulta en una experiencia disminuida para una parte significativa de la audiencia potencial.
crítica
Interactividad
funcionalidad
navegabilidad
interfaz
Ficha
Arquitectura
CRÍTICA DEL PRODUCTO
Desde una perspectiva social, la implementación de este sistema permitiría una mayor interacción entre los vendedores y un público más amplio, lo que podría dar lugar a una comprensión más profunda de sus historias personales y luchas. Además, podría fomentar un sentido de comunidad en torno a la causa, alentando la solidaridad y el apoyo a estos trabajadores.En términos económicos, la expansión de las ventas en línea podría representar una fuente adicional de ingresos para los vendedores ambulantes, lo que contribuiría a mejorar su bienestar económico y, en última instancia, su calidad de vida. Además, podría impulsar la creación de empleos y el desarrollo de habilidades digitales en esta comunidad.
crítica
Interactividad
funcionalidad
navegabilidad
interfaz
Ficha
Arquitectura
BIBLIOGRAFÍA
Sánchez, C. (2020) Usabilidad web. Universidad Pontificia Bolivariana. Moreno, I. M. (2002). Musas y nuevas tecnologías. El relato hipermedia. Editorial Paidós. https://www.academia.edu/83569742/Musas_y_nuevas_tecnolog%C3%ADas_El_relato_hipermedia Pregoneros de Medellín. (s/f). Pregonerosdemedellin.com. https://pregonerosdemedellin.com/ CEBRIÁN HERREROS, Mariano. La Web 2.0 como red social de comunicación e información [en línea]. Aceptado 12 de mayo de 2008. [consultado 28 de abril de 2011]. Disponible en Internet: http://www.ucm.es/info/emp/Numer_14/Sum/4- 04.pdf Stockholm Walks. (12 de marzo 2021). Stockholm city center walk: Street life experience from March 2021. [Archivo de Vídeo]. https://www.youtube.com/watch?v=e8ufTRaqUUA Hora 13 noticias. (12 de mayo 2015). Pregoneros Medellín: una iniciativa interactiva como homenaje a los vendedores ambulantes. [Archivo de Vídeo]. https://www.youtube.com/watch?v=fguQWNeSlas
Lorem ipsum dolor sit
Botón Equipo
(Descripciones de las personas que participaron en el proyecto)
Contenido: En esta sección, se describen las personas que contribuyeron con el proyecto, detallando sus roles y responsabilidades.
Equipo Pregoneros Medellín
Botón Ingresar
(PopUp para registro o inicio de sesión)
Funcionalidad: Al hacer clic en este botón, se abre un PopUp que permite a los usuarios registrarse en el sitio o iniciar sesión a través de sus cuentas de Facebook. Esto proporciona una experiencia personalizada y acceso a funcionalidades exclusivas para usuarios registrados.
Ingresar a Pregoneros Medellín
Botón Making Of
(Enlace a Detrás de Cámaras a través de medium.com)
Contenido: esta página interior proporciona un link donde los usuarios son dirigidos a una página de Medium.com que presenta contenido detrás de cámaras. Allí se pueden encontrar textos detallados, fotografías, sketch y videos que ofrecen una visión completa del proceso de elaboración del proyecto.
Making Of Pregoneros Medellin
Botón Kit de Prensa
(Recursos sobre el proyecto para prensa y medios)
Contenido: En esta sección, se proporcionan recursos para la prensa, incluyendo información de contacto, logos descargables, enlaces a trailers, sinopsis, detalles técnicos, imágenes de alta resolución, fragmentos de audio y créditos.
Kit de prensa Pregoneros Medellín
Botón Música
(Textos, Audios en SoundCloud y Videos de canciones usadas en el proyecto con descripciones):
Contenido: Esta sección presenta textos explicativos y enlaces a diferentes audios alojados en SoundCloud, permitiendo a los usuarios escuchar la música del proyecto. Además, incluye videos de las canciones utilizadas con descripciones detalladas para contextualizar y enriquecer la experiencia musical.
Música Pregoneros Medellín
Botón Transmedia
(Textos e Imágenes que Explican el Producto, Procesos y Formatos del Proyecto)
Contenido: Esta sección proporciona explicaciones detalladas sobre el producto, los procesos involucrados en su creación y los diferentes formatos del proyecto. Incluye texto descriptivo, imágenes ilustrativas y videos que muestran los aspectos clave del proyecto.
Transmedia Pregoneros Medellín
Botón Inicio
(Entrar para Iniciar la Experiencia)
Descripción: Este botón sirve como punto de entrada principal al sitio web. Al hacer clic en "Entrar", se inicia el recorrido para conocer a los pregoneros y se ocupa toda la pantalla. Es aquí donde inicia la experiencia.
Inicio Pregoneros Medellín
Botón Idioma
(PopUp para registro o inicio de sesión)
Funcionalidad: Este botón despliega una lista de 3 idiomas disponibles, "ESPAÑOL", “INGLÉS” y “FRANCÉS”, esta alternativa permite a los usuarios seleccionar diferentes idiomas según sus preferencias, sin embargo, los únicos cambios que se realizan, son los nombres o textos que aparecen en la plataforma, así como las subtitulaciones de los componentes audiovisuales de la plataforma.
Ingresar a Pregoneros Medellín
Arquitectura de la información
Está constituída por una página de inicio con la siguiente estructura: Espacio para visibilizar los creadores del proyecto (logotipos) Barra de navegación: Inicio, transmedia, música, equipo, making of, kit de prensa, ingresar, Idioma Bienvenida, breve resumen del proyecto y botón de entrar