sprlaura
sprlaura
Laura P.
6 posts
archive.
Don't wanna be here? Send us removal request.
sprlaura · 2 years ago
Text
26042023
Exploración de cartografías
radio aporee
Durante el año 2000, el artista visual alemán Udo Noll, actual residente de Berlin, fundó radio aporee una plataforma para proyectos y prácticas en los ámbitos de la grabación de campo, el arte sonoro y la radio experimental.
Tumblr media
radio aporee se creó como un "mapa sonoro global" y reproduce continuamente grabaciones de su proyecto. En su página de información señala que "se trata de un flujo sonoro con capacidad de respuesta, una radio topográfica que escucha, que puede (o no…) reconocer y reaccionar ante acontecimientos como, por ejemplo, nuevas cargas sonoras, sintonías de oyentes, actividad de aplicaciones móviles, sesiones en directo, llamadas telefónicas, etc." (x).
radio aporee es un experimento y una exploración continua de la geografía y nuevas prácticas relacionadas con el sonido, el arte y la radio, el proyecto se alimenta de las colaboraciones de artistas visuales (tal como su fundador), fonógrafos, ingenieros de sonido, y personas que disfrutan grabando sonido de campo, recopilando así "un corpus exhaustivo de sonidos de todo el mundo, y ha proporcionado numerosas herramientas de colaboración para las prácticas artísticas y la investigación en este campo" (x)
"Además de los aspectos de recopilación, archivo y cartografía sonora, la plataforma de radio aporee también invoca experimentos en los límites de los distintos medios de comunicación y el espacio público. Dentro de esta noción, la radio es tanto una tecnología en transición como una narrativa. Constituye un campo cuyas cualidades son la conectividad, la contigüidad y el intercambio. Los conceptos de emisor/receptor e intérprete/oyente pueden llegar a ser transparentes y reversibles." (x)
El actual proyecto de exploración auditiva se estableció en 2006 conectando "grabaciones sonoras con sus lugares de origen, con el fin de crear una cartografía sónica, accesible al público como proyecto colaborativo" (x)
"(radio aporee) Contiene grabaciones de numerosos entornos urbanos, rurales y naturales, revelando su compleja forma y condiciones sónicas, así como las diferentes percepciones, prácticas y perspectivas artísticas de sus numerosos colaboradores. esto lo convierte en un valioso recurso para proyectos artísticos, educativos y de investigación, y para su disfrute personal." (x)
A pesar de que radio aporee recopila los audios y los clasifica gracias a los aportes de sus colaboradores, la web funciona gracias a google maps y la tecnología de imagen satelital proporcionada por Maxar Technologies. De la misma manera los aportes no son arbitrarios y no se acepta cualquier tipo de audio, hay unos parametros para que estos sean aceptados. Según muestran las estadísticas:
Tumblr media
radio aporee actualmente cuenta con 2445 colaboradores, quienes han aportado alrededor de 63109 sonidos alrededor de todo el mundo, específicamente en 55266 lugares.
La página principal de radio aporee muestra las grabaciones más recientes (en las últimas 24 horas) y te permite explorarlas. Dando click a los puntos rojos que representan las grabaciones podemos ver su "ficha técnica", por llamar la de algún modo, allí, bajo las pautas que se encuentran en la información adicional del proyecto, y las cuales contienen la dirección, nombre del lugar, título; título de la grabación; fecha y hora de la grabación; licencia; descripción; tipo de archivo.
Tumblr media
Adicionalmente podemos encontrar el autor de la grabación, la duración de la grabación y botones para copiar dicha información, descargar el archivo de audio directamente, bajarlo desde el Internet Archive, enviarlo por correo electrónico y, finalmente, en el símbolo de pregunta ? podemos encontrar la frecuencia sonora y los metadatos de las grabaciones.
Tumblr media Tumblr media Tumblr media Tumblr media
Desde la ficha técnica de las grabaciones también podemos añadir nuestros propios aportes, compartir e insertar (embed) y utilizar esa grabación para el geomixer
Tumblr media Tumblr media
También pueden explorarse los sonidos favoritos de los usuarios que se han unido recientemente a los proyectos. Al igual que, al proporcionarle los permisos de ubicación al proyecto, se pueden revisar las grabaciones más proximas a la ubicación satelital actual del usuario que explora la página.
Tumblr media Tumblr media
En el menú se pueden reproducir grabaciones al azar, también, dependiento en qué punto geográfico uno esté "parado" virtualmente reproduce la grabación más proxima. También a medida que se explora el sitio web se pueden reproducir "playlists" de grabaciones. El "geomixer" permite mezclar dos grabaciones distintas, y también puedes ser redirigido a la página de proyectos de usuario, en donde puedes filtrar las grabaciones por usuario y ver qué tantas contribuciones han realizado. El último hipervínculo te redirige a la página principal de radio aporee, la cual reproduce grabaciones reproducidas recientemente por otros usuarios.
Tumblr media Tumblr media Tumblr media
El menú de búsqueda permite buscar las grabaciones por sonido o por lugar y filtrarlo por fechas, palabras, términos, y visibilidad.
Tumblr media Tumblr media Tumblr media
Finalmente podemos encontrar el menu de herramientas e información, para poder explorar más a fondo el proyecto. A través del menú herramientas podemos compartir el mapa, usar el geocode, el cual permite añadir una grabación o buscar un sitio específico al insertar la latitud y longitud geográfica; en estadísticas vemos la información mencionada anteriormente sobre los números del sitio.
Tumblr media Tumblr media
En información podemos encontrar las redes sociales, información adicional del proyecto y otros proyectos bajo radio aporee.
Tumblr media
El sitio puede ser navegado tant oen inglés como en alemán. También nos permite la visualización satelital, como street map y como OSM (open street map). radio aporee presenta una propuesta interesante y colaborativa que cautiva la atención del usuario, es un trabajo que lleva en progreso más de 15 años y se alimenta del feedback de sus colaboradores y usuarios, creando cada vez pautas más específicas para el óptimo funcionamiento del proyecto, para más información, se puede visitar la página de información del proyecto about.
8 notes · View notes
sprlaura · 2 years ago
Text
29032023
Exploración de colecciones
The Reader
Kadist (estilizado KADIST) es una organización de arte contemporáneo sin ánimo de lucro con sedes en Paris y San Francisco la cual cree que "los artistas hacen una importante contribución a una sociedad progresista a través de sus obras, que a menudo abordan cuestiones clave de nuestro tiempo" (x).
En 2015 Kadist lanzó un proyecto en forma de galería de arte virtual, curado por Joseph del Pesco. Para este proyecto se realizó una colección de pinturas de mujeres leyendo, reimaginadas por artistas invitados de diferentes países (incluyendo Estados Unidos, Egitpo, México, Francia y el territorio de Puerto Rico), quienes se encargan de darle una historia y una voz a las mujeres de las pinturas.
Tumblr media
El proyecto surgió a partir de la investigación de pinturas de artistas anónimos y sujetos desconocidos, donde Kadist descubrió "una inusual recurrencia de mujeres leyendo libros, donde el texto de las páginas del libro es indescifrable, y el libro permanece sin identificar. El contenido de las páginas de estos libros, abstraído en pinceladas, sugiere un mundo de narraciones posibles."
La colección recoge pinturas a partir del siglo XVII y el tamaño de los cuadros "se muestran a una escala que se aproxima a sus proporciones físicas reales, con la excepción de la contribución más reciente, que se muestra más grande y en la parte superior", y se ve desplegada como si la página web fuera una pared, tal como podría ser vista en la pared de una galería o un museo. (x)
Al cerrar el menú de la parte izquiera podemos ver la disposición de las pinturas de esta manera:
Tumblr media
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Adicionalmente, los textos realizados por los artistas para algunas de las pinturas pueden ser identificados por medio de los marcos amarillos (aquellas pinturas que no tienen texto o narración tienen un marco blanco), donde pueden ser escuchados narrados en voz alta.
1 note · View note
sprlaura · 2 years ago
Text
29032023
Exploración de colecciones
unopuntotres
El proyecto Uno punto tres (unopuntotres) se encargo de reunir la información recolectada por distintos periodistas que recorrieron áreas previamente ocupadas por las FARC. Realiza un recorrido por estas Zonas Veredales, como se les nombra, y recoge historias, personajes y registros sociales.
Tumblr media Tumblr media
El proyecto permite ser navegado pasando el mouse por encima (hover) de cada uno de los elementos, ya sea en las cajas de texto con información que se encuentran a la derecha o a la izquierda, o señalando puntos específicos en el mapa. De la misma manera, el color de fondo del sitio web cambia a medida que hacemos hover por los diferentes puntos geográficos.
Tumblr media
La información parece estar organizada, en principio, de manera geográfica (por llamarle de algún modo) pues podemos ubicarla por los puntos dispuestos en el mapa. Adicionalmente podemos encontrar una ficha de información la cual contiene tanto el nombre del pueblo o vereda como el municipio y el departamento al que pertenecen. La ficha también nos muestra la población del municipio y los resultados de los votos de esta población en el plebiscito por la paz de 2016, también incluye la información de los excombatientes concentrados en la zona y las héctareas de coca en el departamento.
Tumblr media
Algunas fichas poseen tags de las diferentes actividades que se realizan en la zona, para clasificarlo por actividad (algunos tags influyen cafe, cacao, leche, agricultura, minería, entre otros), sin embargo estos tags no sirven como filtro sino que son más bien informativos.
Tumblr media Tumblr media
Para explorar la información a más profundidad podemos acceder a cada una de las zonas, acá nos encontramos con el artículo que corresponde a cada pueblo/vereda, el periodista encargado al igual que al medio al que pertenecen, y algunos videos informativos. Además, desde la respectiva página de cada pueblo/vereda podemos navegar en el menú derecho por los otros puntos que se visitaron.
Tumblr media Tumblr media
Finalmente, si bien la organización de los pueblos/veredas visitados parece no tener una clasificación alfabética, la ingresar a la página podemos ver que la información está dispuesta del lado izquierdo de forma descendente (nos ubica del punto más alto del mapa del lado izquierdo y vamos bajando ya sea haciendo hover o scroll, de norte a sur, por decirlo de algún modo) y del lado derecho de forma ascendente (ubicándonos del punto más bajo del mapa del lado derecho y vamos explorando yendo hacia arriba con el hover o el scroll, en este caso de sur a norte).
Tumblr media
0 notes
sprlaura · 2 years ago
Text
22022023
Análisis de navegación Página a elección: The Pudding, How are you doing?
The Pudding es un portal de publicaciones digitales creado en 2017 que se encarga de redactar y crear material gráfico para ensayos visuales a partir de datos. En esta ocasión elegí una de sus historias interactivas titulada "How are you doing?", "¿Cómo te va?" en un sentido literal pero en el contexto del ensayo "¿Cómo te sientes?" creado por Abby VanMuijen, artista estadounidense, y Michelle McGhee periodista e ingeniera del portal.
Tumblr media
How are you doing? es un ensayo visual interactivo que da información sobre cómo identificar y manejar las emociones con información desde la experiencia de Abby y con tres actividades principales, que también pueden ser visualizadas fuera del ensayo, adicionalmente si no se quiere hacer parte del ensayo visual hay una versión de solo texto.
Tumblr media Tumblr media
Es posible navegar este ensayo (y la gran mayoría de ensayos visuales de The Pudding) a través del click y el scroll.
El ensayo contiene música y animaciones, lo cual lo hace bastante atractivo para el usuario, al mismo tiempo contiene indicaciones de navegación simples y fáciles de entender. Como por ejemplo, en la pantalla inicial nos dan una breve introducción y tenemos en pantalla en la parte superior derecha el menú para pausar o darle play al ensayo, quitar o poner el sonido y el botón de información del proyecto, la cual contiene hipervínculos que nos dirigen a la página de actividades o a la versión de solo texto. Al darle click al símbolo que se asemeja a un corazón (el logo de The Pudding) en la esquina superior izquierda, nos redirige a la página principal del portal. Finalmente, en la parte inferior derecha, nos dan nuestra primera indicación "Scroll down to advance →" (Desplácese hacia abajo para avanzar →)
Tumblr media Tumblr media Tumblr media
Como podemos ver en el anterior video podemos interactuar dándole click a diferentes elementos, así como a las ilustraciones que contiene el ensayo. La tipografía elegida da la sensación de que fuera manuscrita, haciendo del ejercicio audiovisual aún más familiar para el usuario y los elementos gráficos parecen haber sido ilustrados con este mismo propósito.
Tumblr media Tumblr media Tumblr media
Adicionalmente los redactores de los ensayos nos proporcionan con los hipervínculos que nos redirigen a los sitios web con datos de profesionales que respaldan la información que nos están dando.
Tumblr media
De los elementos más llamativos del ensayo es la explicación de las emociones a través de los colores, con la actividad de selección que representan nuestros sentimientos y cómo los ubicamos en nuestro cuerpo, podemos seleccionarlo con el mouse dando click y sosteniendo el cursor para movernos por el panel selector de color, y dibujar sobre el cuerpo de la misma manera.
Tumblr media Tumblr media Tumblr media Tumblr media
La última actividad que se centra en explicar cómo entender nuestras emociones es el check-list (o lista de comprobación), de la cual dentro del ensayo podemos escoger hasta 5 necesidades dando click sobre ellas, sin embargo, en el sitio de actividades, podemos ver más a detalle las muchas necesidades que podemos identificar a través de nuestros sentimientos.
Tumblr media Tumblr media
Finalmente, Abby y Michelle nos presentan con más ilustraciones que podemos ampliar para entender su recorrido para entender las emociones y los respecitvos recursos de donde tomaron los datos para la creación de este ensayo.
Tumblr media Tumblr media
0 notes
sprlaura · 2 years ago
Text
10022023
The Great Fire Of London Análisis de navegación
El Museo de Londres junto con el Archivo Metropolitano de Londres, la Galería de Arte Guildhall y el proyecto El Monumento -que informa, sobre todo, a los turistas sobre el hito histórico de la ciudad de Londres-, se unieron para compilar información sobre el Gran incendio de Londres de 1666, creando una página web enriquecida de información para el aniversario del suceso en 2016.
La manera en la que está planteada la navegación del sitio es, principalmente, a través del click y el scroll, sin embargo por medio de las flechas del teclado ←↕→ también podemos navegar, ya sea con las flechas que van arriba o abajo ↕ o las flechas de izquierda a derecha ← → .
El sitio web nos lleva por un recorrido puntual, sencillo e ilustrado de los acontecimientos que tuvieron lugar en septiembre de 1666. Su página principal se ve así:
Tumblr media
Como podemos ver, nos podemos dirigir a diferentes micrositios, entre los que están Children's Game (Juego para niños), Explore (Explorar) y Minecraft Experience (Experiencia de Minecraft), adicionalmente está la sección For Teachers (Para docentes/maestros) en el que da una explicación breve de las anteriores secciones mencionadas.
Una vez ingresamos al micrositio de Explore nos encontramos con una página navegable de manera interactiva, tenemos dos menús, del lado derecho, en donde podemos navegar por la totalidad del sitio, permitiéndonos entrar a las otras secciones de la historia o, desde allí, dirigirnos a los micrositios mencionados inicialmente. E, incluso, la información del sitio y, por otro lado, del lado izquierdo está el menú desde el cual podemos ver el avance de la historia e incluso dirigirnos a secciones específicas de la misma, estos los podemos navegar dando click.
Tumblr media
La historia se divide en cuatro secciones -que también podrían ser llamados capítulos-: The Fire (El Incendio), Streets and Buildings (Calles y edificios), People's Lives (Las vidas de las personas) y Society and Politics (Sociedad y política)
Tumblr media Tumblr media Tumblr media Tumblr media
Página principal (portada) de cada una de las secciones/capítulos, The Great Fire of London, 2016.
Una vez dentro de cada capítulo, podemos navegar haciendo scroll para descubrir la historia, podemos ir de adelante hacia atrás (scroll de arriba hacia abajo, en algunos casos dando click o usando las flechas del teclado ↕ ← → ), adicionalmente podemos interactuar con la historia, dando click en las hojas que nos muestran contexto histórico adicional o en los mapas que se mueven entre el pasado (Siglo XVII) y el presente (actualidad), como podemos ver a continuación:
Tumblr media
Al final de cada "capítulo" el sitio web nos ofrece la opción de reinicar el capítulo o acceder a otra de las historia, permitiéndonos navegar desde aquí y dirigirnos con facilidad a las otras secciones del sitio dando click a cada uno de los enlaces para acceder a ellos.
Tumblr media
Final de una de las secciones/capítulos, The Great Fire of London, 2016.
Como complemento podemos también dirigirnos al juego educativo que se encuentra dentro de la página, con gran semejanza a los juegos de aventura point-and-click (apunta y clickea), dirigido a una audiencia más joven, pero aún así con gran contenido histórico, claro e ilustrativo. Similarmente al recorrido histórico visto en Explore, acá recorremos la duración del Incendio, los personajes y objetos e incluso nos enfrentamos a "quizes" en donde demostramos lo aprendido.
Finalmente, además de los micrositios ya mencionados, nos encontramos con la página de Browse Artefacts (Busca artefactos) en donde podemos ver la historia de distintos objetos y filtrarla por tipo, colección o historia e interactuar con ellos para saber información adicional, incluso podemos ampliar las imagenes para verlas con más detalle al dar click sobre ellas.
Tumblr media Tumblr media
La página presenta una colección de información bastante completa y concisa, que busca informar al usuario e incitarlo a interactuar para averiguar toda la historia, nos presenta un diseño estético y unas fuentes tipográficas en su mayoría de estilo sans serif, de buen tamaño que permite una navegación amigable y entendible, asimismo las paletas de colores usadas en cada una de las páginas y micrositios resulta agradable y armoniosa a la vista. Lo que más me llamó la atención y lo cual creo que es uno de los elementos más importantes del sitio son las ilustraciones, pues son llamativas, bonitas y acompañan el texto/historia, complementándolos.
0 notes
sprlaura · 2 years ago
Text
04022023
Análisis transversal de los sitios web.
Ten Years Ago - Neal.fun Amazon
En un principio quería explorar Goodreads, pero realmente la interfaz no ha cambiado mucho. Hasta este año se implementaron "cambios" que más bien son estéticos, algunos de facilidad de navegación para el usuario, pero en general sigue siendo la misma plataforma.
Es por esto que decidí hablar sobre Amazon, el sitio web de la compañía estadounidense, enfocado en el comercio electrónico. A grandes rasgos Amazon le permite al usuario buscar entre una gran cantidad de categorías: electrónicos, ropa, papelería, libros, música, entre muchos otras; sugiriendo productos o servicios destacados en la página principal para acceder a ellos.
Tumblr media
Navegación de la página principal de Amazon (2013)
Ya en 2013 la interfaz de la página web era bastante intuitiva, con hipervínculos que redirigían al usuario al producto o categoría que deseara ver. Como se puede observar en la anterior captura, se pueden ver las opciones de sign in (iniciar sesión), el carrito de compras, wish list (lista de deseos) y la opción de unirse a Prime (la suscripción paga premium que ofrece Amazon a sus clientes), con la facilidad para que el usuario o, mejor dicho, el cliente, tenga acceso rápido y fácil a las páginas más visitadas para hacer sus compras.
Considero que, en términos amplios lo que observamos más evidentemente es la experiencia de usuario que ofrece la página web, pues Amazon siempre ha estado enfocado en el bienestar de sus clientes, sobre todo basándose en la creencia de que "el cliente siempre tiene la razón" o, también, que "un cliente feliz es un cliente leal", por eso le apuntan a un servicio rápido, eficaz, de fácil acceso, esto se puede ver en la página de los productos destacados mencionados en un principio, los cuales normalmente dirigen al usuario a los productos/servicios más populares y/o más vendidos.
Tumblr media
Los más vendidos, página principal de Amazon (2013)
Y, aunque en la copia de Amazon de hace diez años no permite evidenciarlo muy bien, esta experiencia de usuario se veía aún más influenciada una vez el cliente accedía a su cuenta pues, tal como en la actualidad, Amazon daba recomendaciones personalizadas con respecto al historial de búsqueda del usuario o, simplemente, con la navegación que se hubiese hecho en el sitio, por ejemplo sugería continuar la compra de un producto que se estuvo "ojeando".
En general, la página web de Amazon que navegábamos en 2013 era bastante amigable con el usuario, no requería mucho esfuerzo averiguar como funcionaba, incluso para personas que no estaban acostumbradas a usar páginas web para la compra de cualquier tipo de producto o servicio podían averiguar fácilmente cómo funcionaba tan solo dando un par de clicks pues la gran mayoría de secciones en la página mostraban indicaciones si bien no extensas en contenido, al menos con direcciones explícitas, como se puede ver a continuación:
Tumblr media
Página de compra de un producto, Amazon.com, 2013
Por un lado, para la compra del producto indica las específicaciones, la disponibilidad, en este caso permite seleccionar el modelo del Kindle que el cliente desea, la cantidad de productos a comprar, adiciones o bundles disponibles, entre muchas otras opciones e hipervínculos disponibles para la facilidad de compra. Y en el caso del carrito de compras, si bien la página no nos permite ver cómo sería el check out, sí sugiere que el cliente podría dirigirse a la página principal, a las promociones del día o a su wish list desde un mismo lugar sin hacer mayor esfuerzo.
Motto.io Experiencia para dispositivos móviles
Motto nos indica que es una novela interactiva, en formato de videos cortos concebida para los dispositivos moviles, "lo suficientemente pequeña como para caber en el bolsillo", mezclando texto, imágenes, algoritmos y computadoras que resultan en un "narrador sin nombre".
Tumblr media Tumblr media
La navegación del sitio web es en realidad bastante intuitiva, aún más para las personas que están acostumbradas a interactuar con una multitud de aplicaciones para dispositivos móviles, tan solo dando tap en la pantalla se puede navegar el sitio, desde el cambio de idioma, hasta la exploración del menú de capitulos, como podemos observar a continuación.
Tumblr media Tumblr media
La historia se nos presenta en seis capítulos, con al menos 209 diapositvas cada uno. se nos presenta una experiencia de usuario uno-a-uno, el narrador nos está hablando directamente a nosotros como "lectores" de la historia y nos pide interactuar a ella, aportando videos cortos que alimentan la historia del narrador y su amigo September, un fantasma.
Así pues el narrador es un narrador en primera persona que nos está contando su historia, le permite al usuario interactuar con la historia como si un amigo se la estuviera contando, con una aproximación más bien directa, en un primer momento hablando de la literal desaparición de su amigo y recordando su infancia, hablando de la relación de sus padres.
Además de explorar e interactuar con la historia se nos encargan "tareas", grabando los videos cortos anteriormente mencionados, con indicaciones específicas tales como "prende la luz", "mueve los dedos de tus pies", "acércate a la ventana", entre otras.
La plataforma funciona dando tap a la izquierda o a la derecha para pasar de diapositiva o simplemente deslizando el dedo por la pantalla de manera horizontal, como un slide, haciéndonos recordar a la interfaz de instagram stories o snapchat. En oposición a la página principal acá no hacemos scroll sino vamos de una diapositiva a otra.
En mi opinión, hice la relación entre lo que nos presenta Motto y los populares libros elige-tu-propia-aventura, siendo Motto una aproximación moderna, lúdica y digital a lo que estos libros proponían. Si bien en este caso no estamos escogiendo una ruta para descubrir la historia, la interacción directa y los aportes personales de los videos cortos hacen de esta una experiencia narrativa novedosa y personal.
1 note · View note