Interfaces cotidianas: qué dicen nuestros clics

El estudio de diseño interactivo Moniker (Roel WoutersLuna Maurer) ha creado recientemente Clickclickclick.click, una interfaz online que muestra al usuario cómo todas sus acciones pueden ser registradas y analizadas. Creada conjuntamente con la instalación We Are Data, esta web está compuesta por un fondo blanco y un gran botón verde con la palabra “botón”. Al acceder al sitio, una voz saluda al usuario mientras aparece un texto que describe sus acciones, ya sea mover el ratón, apretar el gran botón verde (que no hace nada), hacer clic en un enlace o desplazarse por la página.

 

Interfaz de Clickclickclick. FastCoDesign.

La intención del proyecto es claramente irónica: la voz reta al usuario a hacer algo, expresa aburrimiento si no interactúa de una manera poco convencional y en general se comporta como un evaluador impaciente. En cierto sentido, recuerda al narrador omnipresente del videojuego The Stanley Parable (Davey Wreden, 2011) que también lleva al usuario a plantearse cuáles son sus opciones reales en el entorno simulado y cómo sus acciones se ven condicionadas por la propia interfaz. Otro precedente con el que podemos vincular esta experiencia es la instalación participativa Narrativa Instantánea (2006-2008) de Dora García, que consiste en la narración en tiempo real de lo que sucede en la sala que ocupa la pieza. Cuando los usuarios entran en la sala, una persona situada en un rincón oculto describe sus acciones, gestos y expresiones en un ordenador. El texto aparece a medida que se escribe en una proyección que ocupa una de las paredes, de manera que el público se dedica a observar (o más bien leer) sus propias acciones. Clickclickclick adopta la misma idea y la traslada a un sitio web en el que el proceso es automatizado, con lo cual revela que este tipo de vigilancia no es un hecho puntual, sino algo tan cotidiano que tiende a ser ignorado.

Analizando la localización del usuario (por medio de la IP), la hora local, la versión del navegador, el sistema operativo, las acciones que realiza y el tiempo que dedica a cada una de ellas, la web genera un curioso diálogo entre el usuario (quien se expresa en sus clics y gestos con el ratón) y una serie de frases pregrabadas que dan forma a la voz del sistema, junto con el texto que se genera automáticamente en la pantalla. Clickclickclick también incorpora aspectos de gamificación, al marcar hitos y progresos (medidos en porcentajes) que describen la actividad del usuario, le incitan a intentar cumplirlos y hacen visibles los datos recopilados durante más de una sesión, incluso cuando el usuario deja de interactuar directamente con la página. Tratar de cumplir con todos los objetivos conlleva una mayor implicación en la interacción, que se ve recompensada con nuevas respuestas por parte del sitio web (por ejemplo, en cierto punto, la voz afirma que “quiere ver” al usuario y solicita acceso a la webcam de su ordenador).

El proyecto de Roel Wouters y Luna Maurer hace referencia a la manera en que nuestra actividad en la Red es cuantificada y analizada en todo momento, con el objetivo de conocer nuestros patrones de consumo e intereses. Según afirma Maurer en una entrevista con Nick Boers publicada en el blog de VPRO Medialab: “tengo bastante conocimiento de Internet, y aún así suele sorprenderme que, después de ver algo en un sitio web, apenas un segundo más tarde me aparecen anuncios personalizados.” Pero también supone un interesante ejercicio de reflexión acerca de las posibilidades de una interfaz aparentemente sencilla como es la de un sitio web con un simple botón y algo de texto, y la manera en que se puede crear una narración que inspire una respuesta emocional o una mayor implicación del usuario.

 

1ª Jornada Diseño para Vivir

captura-de-pantalla-2016-11-21-a-las-19-44-00

El próximo 25 de noviembre, el Museu del Disseny de Barcelona organiza la 1ª Jornada de Diseño para Vivir, centrada en la sostenibilidad en los espacios urbanos. Según afirman los organizadores: “El 54% de la población mundial actual reside en áreas urbanas y se prevé que para el 2050 llegará al 66%. Esta situación hace que, a pesar de que relacionamos sostenibilidad con entornos rurales, naturaleza, etc., cualquier iniciativa que quiera tener una incidencia real en la población mundial tendrá que ser pensada para las grandes ciudades.” La jornada, por tanto, se centra en visualizar iniciativas que están trabajando para hacer más sostenibles las grandes ciudades, de una forma crítica pero a la vez abierta y positiva, teniendo como premisa que la primera sostenibilidad necesaria es la social.

PROGRAMA

10.15 – 10.30h
OBERTURA a cargo de Pilar Vélez, directora del Museu del Disseny de Barcelona

10.30 – 12.00h
CONFERENCIA INAUGURAL “Ciudades cosmopolitas resilientes. Diseño para enriquecer los ecosistemas urbanos.”  a cargo de Ezio Manzini,fundador de la red internacional DESIS: Diseño para la Innovación Social hacia la Sostenibilidad, profesor honorario del Politecnico di Milano
Conferencia en italiano con traducción simultánea

12:00 – 14.00h
PRESENTACIÓN DE PROYECTOS (15’)

  • Foundawtion. Proyecto Fem escola a cargo de David García. Construcción de una escuela de secundaria para 500 alumnos y formación que ayude a la comunidad en las futuras construcciones en Thionck Essyl- Senegal
  • Apps y la innovación ciudadana  a cargo de Steffan Becker. Con este proyecto  se proporcionan recursos a personas de todo el mundo para construir aplicaciones que abordan algunos de los problemas más acuciantes de la sociedad, desde la inclusión social a la movilidad, desde la cultura a la transparencia política.
  • Propuestas de soluciones para los problemas de movilidad en El CongoEstudiantes del IED Barcelona Escola Superior de Disseny en colaboración Médicos Sin Fronteras
  • Adhocracy. From making things to making the commons a cargo de Ethel Baraona Pohl y Cesar Reyes
  • Zuloark, proyecto del pabellón reciclable para el punto de información de Donostia/San Sebastián, Capital Europea de la Cultura 2016
  • Educación para el diseño la innovación y la sostenibilidad a cargo de Adrià Garcia y Tània Costa, Escola Eina; Luciana Leveratto, IED Barcelona Escola Superior de Disseny; Raquel Pelta, Universitat de Barcelona
  • ADG-FAD Diseño para el bien social, a cargo de Daniel Ayuso y Raquel Pelta

16.00-18.00h
MESA  REDONDA Sostenibilidad Urbana- de las Superilles al Ecodiseño

Ponentes:
Ton Salvadó, Director de Model Urbà de l’Ajuntament de Barcelona, responsable del Pla Buits Ajuntament Bcn + Superilles
Coque Claret,  Arquitecto y profesor de la  escuela superior de arquitectura ETSAV-UPC
Jesús Ángel Prieto , Miembro del grupo de investigación  “Sostenibilidad, Tecnologia y Humanismo” de la UPC
Oriol Guimerà, Director del Máster Diseño Sostenible del IED Barcelona Escola Superior de Disseny.
Gaia Redaelli, arquitecta y responsable del programa La ciudad amable y PAX – Patios de la Axerquía

Modera la mesa: Òscar Guayabero

16.00-18.00h
TALLER Receptes & forks. El-recetario.net  organtizado por Makea tu vida (20 persones) Necesaria inscripción previa en hola@makeatuvida.net
+INFO

18.00-19.00h
VISITA COMENTADA  a la exposición Rehogar + visión de los resultados del taller organitzado por Makea tu vidaReceptes & forks. El-recetario.net

19.30–21.30h
PechaKucha Night. Barcelona Vol. 27   Sostenibilidad urbana (esta actividad es de pago)
Ponentes: Emiliana Design (LLums per ser vistos),  Joan Morales (Serius games), Sagar Fornies (Los Vagabundos de la Chatarra), Ibon Bilbao(Arquitectes de Capçalera), Karin Du Croo (Dibuja y pedalea), Francesc  Pla + Eva Serrats + Daniel Cid (Assaig general), Ana Villagordo (Quincalla-Opcions), Albert Galeote (Font del Gos. Un barrio ovidado de Barcelona), Txiki Trepax ( Riudaura Anti-fraking), Montse Casasa (Can Catà Natura. Educació ambiental
+INFO

21.30h
COPA FINAL

Lugar

Auditorio del Museu del Disseny de Barcelona
Plaça de les Glòries Catalanes, 37-38

Diseñar con software libre

inkscape-0-48-ferrari

El mundo del diseño gráfico experimentó una auténtica revolución en los años ochenta con la introducción de la autoedición, gracias a ordenadores personales, impresoras láser y programas que permitían a cualquier persona desarrollar sus propios proyectos con recursos relativamente modestos. La introducción, en 1985, de la impresora LaserWriter de Apple y el software PageMaker de Aldus marcó el inicio de un nuevo estándar en la edición profesional. Empresas como Aldus y Macromedia introdujeron los programas más empleados en la industria, como FreeHand, Illustrator y QuarkXPress, siendo finalmente Adobe la que dominará el mercado absorbiendo unas empresas y fusionándose con otras hasta convertirse en prácticamente la única marca de software profesional de diseño. Sus productos son los más reconocidos en diseño gráfico (Adobe Photoshop, Adobe Lightroom, Adobe InDesign, Adobe Illustrator, Adobe Acrobat), diseño web (Adobe Dreamweaver, Adobe Flash) y edición de vídeo (Adobe Premiere Pro, Adobe After Effects), pese a que en algunos sectores cuenta con la competencia de otros programas. Así, es normal que muchos diseñadores consideren que sólo es posible trabajar con software de Adobe, y estén dispuestos a pagar una suscripción a Adobe Creative Cloud de entre $240 y $600 al año.

Diseñar resulta caro, tanto por el coste de los ordenadores, que también la mayoría de diseñadores considera que sólo pueden ser de Apple, como por el coste que supone la compra del software o la suscripción a un servicio como Creative Cloud. Más aún, en la formación de diseño se suele asumir que la única opción es emplear las herramientas de Adobe con los dispositivos de Apple. Con todo, existen alternativas en el software libre, con programas muy similares a los de Adobe que a menudo son ignorados o inspiran rechazo por el miedo a que los formatos de archivo sean incompatibles o el resultado final sea de menor calidad. A fin de combatir estos prejuicios, lo mejor es probar el software libre que puede realizar las mismas tareas que los programas más usados por los profesionales. A continuación exploramos algunas opciones.

Retoque fotográfico

En vez de emplear Photoshop, Fireworks o Photopaint, es posible usar Gimp, el popular programa gratuito de manipulación de imágenes (su nombre significa GNU Image Manipulation Program) que permite retocar fotos en alta calidad, crear composiciones propias y desarrollar elementos de diseño gráfico. Gimp puede usarse en combinación con otros programas de software libre como Scribus, Inkscape, y SwatchBooker. Otra interesante opción es Kritaun programa para la manipulación de gráficos inspirado en Photoshop y GIMP, que desde 2009 se ha ido especializando principalmente en pintura digital, orientando sus funciones a las necesidades de dibujantes de cómic, ilustradores, y diseñadores de arte conceptual.

Dibujo vectorial

Como alternativa a Freehand, Illustrator o Corel Draw se puede emplear el mencionado Inkscape, un editor de gráficos vectoriales para Windows, MacOS y Linux que incorporar numerosas funciones y es compatible con una amplia gama de formatos de archivo. Otros programas similares son Xara Xtreme (para Windows y Linux) y Karbon 14, de Calligra (desarrollador de Krita) que también ofrece funciones de creación y edición de gráficos con vectores para los tres sistemas operativos de forma gratuita.

Maquetación

Aunque la mayoría de diseñadores piense que sólo se puede maquetar con QuarkXPress o InDesign, Scribus es una opción muy conveniente, no sólo por ser gratis, sino también porque al ser de código abierto no depende del desarrollo de una única empresa y de las decisiones que esta tome acerca del programa y la compatibilidad de los archivos creados con él. Scribus incluye funciones de edición profesional como el uso de colores CMAN, gestión de color ICC y creación de archivos en formato PDF para imprenta. Cuenta además con una herramienta de edición de gráficos vectoriales, así como filtros de importación y exportación para numerosos formatos de archivo. Por último, los archivos creados por Scribus están basados en XML y pueden ser editados con un simple editor de texto, lo cual permite recuperarlos si se han dañado, algo que resulta imposible con un archivo de un programa de Adobe.

Desarrollo y diseño web

Aunque es cada vez más frecuente crear sitios web a partir de plantillas personalizadas de WordPress, muchos diseñadores desarrollan webs con programas de diseño como Dreamweaver, GoLive o FrontPage y editan el código HTML con programas como HomeSite o UltraEdit. Las alternativas en software libre son varias: por una parte, NVU y Kompozer (una versión no oficial de NVU) son dos programas que permiten crear y editar un sitio web sin conocimientos específicos de HTML, gracias a una interfaz similar a la de los programas de maquetación. Por otra parte, Bluefish y Quanta Plus facilitan la edición del código HTML y scripts a desarrolladores web y programadores.

Edición de vídeo y audio

Pese a la popularidad de los programas de Adobe Premiere y After Effects (a los que cabe sumar Combustion de Autodesk), también en el ámbito de la edición de vídeo encontramos programas de software libre particularmente útiles. Cinelerra es un editor de vídeo sencillo (que afirma no poder compararse con los editores profesionales) pensado para aficionados y con una veintena de funciones básicas. Está disponible únicamente para Linux. Más ambicioso, Jahshaka es un programa con una completa serie de herramientas, que incluyen la animación y composición de elementos 2D y 3D, la gestión de archivos multimedia, corrección de color, edición y efectos especiales. Por último, CinePaint es un programa de pintura digital que permite retocar fotogramas de films y fotografías profesionales en alta resolución y es utilizado comúnmente para añadir efectos o eliminar fallos en películas de alto presupuesto. Para la edición de audio, programas como Audacity o Rezound ofrecen soluciones de calidad en formato open source.

Modelado 3D

Por último, es posible realizar proyectos de modelado en 3D sin necesidad de recurrir a programas como Maya, XSI, Max, Lightwave o Cinema4d. Blender es un popular software open source de creación 3D que cubre todas las fases del proceso (modelado, animación, rendering, motion tracking, edición de vídeo e incluso creación de video juegos). YafaRay, Indigo, PovRay y Sunflow ofrecen soluciones de renderizado con efectos altamente realistas, mientras que Wings3D facilita diversas herramientas de modelado 3D de forma totalmente gratuita.

Esta serie de ejemplos, que no pretende ser exhaustiva, demuestra que existen otras opciones más allá de los conocidos productos de las grandes empresas, que además de tener precios prohibitivos mantienen al creador en una relación de dependencia respecto al software, sus diferentes versiones y constantes actualizaciones. El software libre, si bien no siempre puede conseguir el nivel de complejidad de los programas de pago y a veces requiere que un diseñador acostumbrado al MacOS tenga que trabajar con Linux, es una opción que conviene explorar.