<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>[dp] - doble página</title>
	<atom:link href="http://www.herbertspencer.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.herbertspencer.net</link>
	<description>herbertspencer.net</description>
	<lastBuildDate>Wed, 16 Nov 2011 13:26:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>De Palomas y Estorninos</title>
		<link>http://www.herbertspencer.net/2011/de-palomas-y-estorninos/</link>
		<comments>http://www.herbertspencer.net/2011/de-palomas-y-estorninos/#comments</comments>
		<pubDate>Wed, 02 Nov 2011 10:33:01 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[investigación]]></category>
		<category><![CDATA[notas]]></category>
		<category><![CDATA[chile]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[Diseño para la Democracia]]></category>
		<category><![CDATA[MediaFranca]]></category>
		<category><![CDATA[movimiento estudiantil]]></category>
		<category><![CDATA[social interaction]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=1187</guid>
		<description><![CDATA[Las recientes movilizaciones ciudadanas en Chile y en el mundo, en su transversalidad y convocatoria, han puesto en cuestión el esquema de conversación social aportándonos con experiencias muchas veces directas (desde dentro, digamos) y rectificadoras de algunas premisas teóricas que teníamos equivocadas. Entre ellas, el supuesto deterioro del capital social –que pensábamos– se concentraba entre [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2011/de-palomas-y-estorninos/" title="Permanent link to De Palomas y Estorninos"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/image008.png" width="933" height="400" alt="Post image for De Palomas y Estorninos" /></a>
</p><p><iframe width="470" height="295" src="http://www.youtube.com/embed/eakKfY5aHmY" frameborder="0" allowfullscreen></iframe></p>
<p>Las recientes movilizaciones ciudadanas en Chile y en el mundo, en su transversalidad y convocatoria, han puesto en cuestión el esquema de conversación social aportándonos con experiencias muchas veces directas (desde dentro, digamos) y rectificadoras de algunas premisas teóricas que teníamos equivocadas. Entre ellas, el supuesto deterioro del capital social –que pensábamos– se concentraba entre los más jóvenes. La aparente apatía juvenil, observada por diversos estudios durante los últimos años, no resultó ser otra cosa que una profunda desesperanza e impotencia producto de la desconfianza hacia un sistema sin canales viables para la participación, manifestándose este año en oleadas sucesivas de movilizaciones que han girado en torno a temas-eje<sup><a href="http://www.herbertspencer.net/2011/de-palomas-y-estorninos/#footnote_0_1187" id="identifier_0_1187" class="footnote-link footnote-identifier-link" title="Son temas como las causas medioambiental, temas m&aacute;s gen&eacute;ricos como la antiglobalizaci&oacute;n o el capitalismo o temas puntuales como la educaci&oacute;n.">1</a></sup>, activado a la esfera pública de una forma inédita. Hemos sido testigos de cómo los temas configuran públicos en torno a ellos (y no al revés) de forma veloz y altamente volátil, en términos de la energía que pueden desplegar en corto tiempo.</p>
<p>Este “estado de movilización” es transversal en muchas sociedades modernas y ha llegado para quedarse. Ejemplo de esto son: el 15M, la primavera árabe, el movimiento de los indignados, el movimiento estudiantil en Chile, los recientes desórdenes en Londres, las diferentes instancias de los actos <em>#Occupy</em>&#8211;, sólo por nombrar algunos. La hebra común que los vincula en muchos casos se refiere al descontento social, con una insuficiente o nula canalización de los anhelos civiles hacia las políticas públicas imperantes o un gran anhelo de vida democrática de calidad con formas concretas de aportar y de ser reconocido.</p>
<p>Esto se ha reflejado en la fuerte voluntad de participación directa de la ciudadanía, ahora empoderada por las herramientas digitales, fundamentalmente a través del uso de las redes sociales que, aunque pueden en ocasiones banalizar los procesos de debate y participación, se han constituido en un nueva ágora pública, desestimando los canales de participación tradicionales y abogando por un modo más transparente y reversible para el diálogo ciudadano. El co-diseño, o diseño participativo se ha instalado como un modo válido para enfrentar este problema.</p>
<p>Este post, entonces, describe las dinámicas y procesos observados durante el desarrollo de las movilizaciones sociales iniciadas por los estudiantes chilenos y secundadas por distintos actores y sectores políticos. He querido establecer medidas de eficacia constructiva, identificando los riesgos y oportunidades implícitos en la naturaleza volátil y compleja de estas dinámicas; mi interés radica en identificar patrones de interacción social y de colaboración para traducirlos en un modelo mayor que permita aportar a la comunidad de diseñadores y desarrolladores de plataformas de gobierno electrónico.</p>
<p>Diseñar para la inclusión y el involucramiento ciudadano de los jóvenes es de vital importancia, pues han sido históricamente los protagonistas de los cambios sociales y culturales. En el último tiempo han estado a la vanguardia del uso y (re)creación de la web 2.0.  Sin embargo, diseñar para favorecer la deliberación —etapa necesaria para un proceso democrático— es el paso que falta en esta sostenida tendencia hacia el empoderamiento del usuario/ciudadano precisamente porque tenemos extrema facilidad para la divergencia (entiendida desde el valor del pluralismo) pero extremas dificultades para converger o entrar en una dinámica propositiva. No existen ni los canales ni los mecanismos para una deliberación ciudadana donde se revisen con seriedad los eventuales traslapes de propuestas y se integre a los participantes en un proyecto común.</p>
<h3>Caso de estudio: las movilizaciones estudiantiles</h3>
<p>Nuestro trabajo de investigación se ha centrado en comprender a los jóvenes en su relación con el poder y sus patrones de interacción social y tecnológica por medio de entrevistas semi-estructuradas, observaciones en terreno, sesiones de diseño participativo y co-creación. En el último tiempo, a raíz de las movilizaciones estudiantiles en Chile, nos ha tocado observar muy de cerca –incluso participando en– estas dinámicas deliberativas.</p>
<p>Resulta de vital importancia reconocer el <em>nosotros</em> como una co-construcción. Este <em>nosotros</em>, en el caso de los estudiantes, se formaliza en la estructura de gobierno que supone un acuerdo anterior. A lo largo de las movilizaciones estudiantiles este cuerpo de estudiantes sufrió, a lo menos, 6 mutaciones en su estructura interna. Toda la energía, el sentido de aporte individual y las propuestas de cambio debieron abandonarse en un debate muchísimo más básico: la validación de la estructura de gobierno. Es decir, la carencia de una estructura o de un protocolo básico de funcionamiento impidió que floreciera algo a partir del colectivo; así de radical resulta ser la necesidad de estructura. Lamentablemente, una vez finalizado el paro, el cuerpo de estudiantes no logró acordar ninguna forma de gobierno interno quedando delegado a la federación de estudiantes de manera tácita.</p>
<p><a href="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/pasos-gobierno-escuela.png" rel="lightbox[1187]"><img class="alignnone size-medium wp-image-1197" title="Evolución de las forma de gobierno estudiantil durante las movilizaciones" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/pasos-gobierno-escuela-427x340.png" alt="" width="427" height="340" /></a></p>
<p>Este esquema muestra los diferentes estados de gobierno durante los meses Junio-Septiembre de 2011 de la e[ad] Escuela de Arquitectura y Diseño de la PUCV<sup><a href="http://www.herbertspencer.net/2011/de-palomas-y-estorninos/#footnote_1_1187" id="identifier_1_1187" class="footnote-link footnote-identifier-link" title="Este estudio fue realizado por alumnos de 4&ordm; a&ntilde;o de dise&ntilde;o gr&aacute;fico en septiembre de 2011 luego de 3 meses de paro. M&aacute;s informaci&oacute;n">2</a></sup>.</p>
<p>Estas movilizaciones no han estado carentes de fuertes autocríticas, teniendo muchas veces que reformularse estructuralmente para asegurar su continuidad. El debate interno del cuerpo estudiantil se dirime por un lado entre una estructura piramidal jerárquica basada en vocerías y mecanismos de representatividad por medio de votaciones, y por otro lado, un modelo distribuido en delegados por grupos, enfocados en trabajos concretos, sin representantes y con una fuerte horizontalidad. Estos dos modelos fueron denominados “modelo palomas” y “modelo estorninos” respectivamente, debido a sus fuertes similitudes con las dinámicas grupales mostradas en los distintos tipos de bandadas.</p>
<p>El <strong>modelo palomas</strong> (<em>top-down</em>) es eficiente en para construir el tamaño y la identidad de la figura total del movimiento. Es capaz de instalarse como contraparte a la institucionalidad pero es todavía insuficiente para construir espacio de diálogo en el debate social mayor, donde los protagonistas son los representantes jerárquicos, figuras mediáticas reconocidas a nivel nacional. A ellos se les delega el poder de acción que “consulta” permanentemente con las bases mediante un sistema reglado de votaciones. Este proceso es lento y desplaza la discusión significativa hacia las cúpulas dejando a las bases con la función de presión, algunas veces violenta. A nivel de la experiencia individual, la palabra y la acción quedan desarticuladas, lo que vuelve la participación en un acto simbólico, marcado por un sentido mucho más emocional que racional: el pertenecer, sentirse identificado y apoyar una causa mayor. La envergadura de la causa imprime, inevitablemente, un caracter de poca trascendencia en la acción individual, generando un sentido tácito de impotencia cuando la participación se vuelve simbólica.</p>
<p>El <strong>modelo estorninos</strong> (<em>bottom-up</em>) define un espacio de acción acotado, excluyéndose del gran debate de manera directa, pero estableciendo dinámicas participativas en torno a ejes o proyectos de trabajo que pueden entregar frutos concretos. Se declara tácitamente una “frontera de consernimiento” que filtra el discurso sin asidero ni consecuencia directa posible. Si bien su trabajo puede alinearse a la causa mayor del movimiento, sus acciones creativas son esencialmente autónomas y descentralizadas, obedeciendo primeramente a los contextos y necesidades inmediatas. La identidad del grupo mayor se declara en primera instancia desde una condición preexistente –la pertenencia– y se construye como colectivo en virtud de un trabajo común que debe re-formularse, cada vez. Por este sentido, este tipo de organización es más frágil ya que demanda más trabajo para mantener su pulso y su tamaño. La dinámica de la asamblea debilita al modelo estorninos, ya que la supremacía de palabra por sobre la acción merma la voluntad por participar. Finalmente se termina produciendo una dinámica meritocrática medida en base a los aportes concretos y liderazgos de los individuos en cada uno de los proyectos en que participa.</p>
<p><a href="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/image003.png" rel="lightbox[1187]"><img class="alignnone size-medium wp-image-1188" title="Modelo Palomas y Modelo Estorninos" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/image003-453x340.png" alt="" width="453" height="340" /></a></p>
<p>La diferencia de los modelos define un rol distinto del liderazgo. El modelo jerárquico define líderes que pivotean y canalizan la comunicación, mientras que el modelo horizontal requiere líderes atractores que construyan ejes de trabajo.</p>
<p>Pienso que la clave está en la definición de un modelo de interacción mixto (de adhocracia) que:</p>
<ul>
<li>permita la emergencia de liderazgos en torno a temas-eje</li>
<li>permita y reconozca las iniciativas individuales dentro de estos grupos de trabajo emergentes, a partir de mecanismos de valoración y adscripción democrática</li>
<li>que el reconocimiento a las personas esté basado en sus aportes reconocidos y validados por sus pares</li>
<li>que las instituciones, por medio de sus autoridades, reconozcan los temas emergentes y a los líderes (entendidos como aquellas personas que han aportado con propuestas o se han adscrito a grupos de trabajo) sin generar estructuras paralelas de gobierno.</li>
<li>valide una estructura interna</li>
</ul>
<p>La relación con la tecnología entre los estudiantes de educación secundaria y universitaria es difícil de generalizar. Sin embargo, podemos afirmar que los nuevos servicios son mirados con desconfianza inicial pero rápidamente se apropian de ellos como canales alternativos de difusión y notificación. Las redes social (principalmente Twitter y Facebook) son empleados de esta forma, mientras los sitios Web institucionales (frecuentemente montados en WordPress) sirven para debates públicos más estructurados. Todavía no se emplean servicios para la votación y, en un primer muestreo, se expresó un rechazo hacia esta forma deliberativa producto de la desconfianza que proyecta como una “caja negra” difícil de fiscalizar.</p>
<h3>La Experiencia Democrática</h3>
<p style="text-align: left;" align="center">Se entiede <em>experiencia</em> como la interacción entre el individuo y su entorno diseñado. Esta interacción se comprende como un viaje con etapas sucesivas que construyen un sentido de unidad y coherencia. Esta unidad es completa si las etapas llegan a consumarse; y será significativa en cuanto sea emocional y estética. La noción de co-experiencia expande este modelo para incorporar la dimensión social y colectiva de la consumación de un acto colectivo. Esta realidad transforma la realidad consecutiva y sincrónica de la experiencia individual en un fenómeno distribuido y desenfocado, con ciertos hitos significativos (consensuados) que marcan el tiempo y avance de –en este caso– la co-experiencia del proceso democrático.</p>
<p><a href="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/image005.png" rel="lightbox[1187]"><img class="alignnone size-medium wp-image-1189" title="Modelo de Experiencia" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/image005-453x340.png" alt="" width="453" height="340" /></a></p>
<p>Este es el modelo de experiencia básico, entendido como el acoplamiento entre la acción y su significado.</p>
<p>Podemos reconocer, por lo menos, cuatro modelos tácticos para la construcción de democracia digital. Estas tácticas operan como patrones definidos de interacción digital, y han sido probados en diversos lugares y situaciones del mundo.</p>
<p>En primer lugar, está la noción de <strong>democracia directa o plebiscitaria</strong>. Se prefiere rechazar este modelo como alternativa de gobierno debido a su peligrosa inconsistencia y poca sustentabilidad en la implementación de las decisiones. La evidencia sugiere que el apoyo a la democracia directa se ve correlacionada positivamente con el grado de insatisfacción hacia las instituciones democráticas de carácter representativo. En efecto, una de las razones para la promoción del modelo directo plebiscitario es el fortalecimiento y legitimación decisión en situaciones en que la institucionalidad falla. Este modelo se critica por su carácter tecno-populista que no asegura la viabilidad de las decisiones y falla en alinear correctamente las aspiraciones con los compromisos implícitos en ellas. Sin embargo, cabe destacar que esta estrategia es sumamente provechosa para consensuar los temas relevantes de la agenda pública, es decir, como estrategia de <em>crowdsourcing</em> para detectar el sentido de importancia y urgencia para constituir una agenda valorizada desde las prioridades democráticamente establecidas. Tal vez el observar las discrepancias entre los temas emergentes (<em>bottom-up</em>) y los temas de la agenda oficial (<em>top-down)</em> pueda servir como indicador de legitimidad.</p>
<p>En segundo lugar están <strong>comunidades en línea</strong>, fortalecidas y empoderadas por la rápida absorción y masividad de redes sociales como Facebook o Twitter. Hay muchas más comunidades digitales de lo que comúnmente se cree, las que se constituyen como una red cívica autónoma. Este modo de interacción constituye un verdadero género discursivo público que facilita la colaboración y la coordinación de un modo altamente flexible. Uno de los principales problemas es la falta de foco de las discusiones que, al ser abiertas y sin una moderación declarada de antemano, suelen contaminarse con ruido de información banal que desvía la atención y tiende a diluir en la superficialidad los asuntos cívicos.</p>
<p>En tercer lugar, los gobiernos están utilizando cada vez más <strong>técnicas de minería de datos y visualización de información</strong> como una forma de medir la opinión pública. La mayoría de los experimentos en democracia digital llevados a cabo por diversos gobiernos, incluyen herramientas de este tipo. La más fuerte crítica a este enfoque es la volatilidad y superficialidad de la información recabada. Monitorizar las sitios y ciertas palabras clave en Internet no permite acceder al proceso profundo de la formación de la opinión pública.</p>
<p>El proyecto MediaFranca busca enfocarse en un cuarto modelo de democracia digital que es, sin duda, uno de los más difíciles de diseñar y construir: <strong>sostener la participación ciudadana a lo largo de procesos deliberativos</strong>. El énfasis aquí está puesto sobre el “elemento de deliberación” dentro de la democracia. Esto tiene poco que ver con la innovación tecnológica y mucho que ver con nuevas ideas sobre cómo enriquecer el proceso democrático como un experiencia social (co-experiencia) con formas y cualidades significativas.</p>
<p>Entre las dimensiones necesarias para la inclusión y participación ciudadana podemos mencionar, a modo de una normativa básica:</p>
<ol>
<li>Definición del tamaño del “nosotros”. El acotar el universo inmediatamente define el alcance de las decisiones y el tipo de asuntos a discutir.</li>
<li>Acceso a información balanceada, tiene que ver con la apertura, disponibilidad y acceso a las fuentes. Sin duda, este es uno de los aspectos más fuertes de la Red.</li>
<li>Mantener una agenda abierta a nuevos asuntos que puedan emerger. La agenda flexible puede entenderse también como una agenda autorregulada mediante mecanismos de valoración colectiva.</li>
<li>Tiempo para considerar los temas, lo que hace preciso definir plazos y metas (moderar, de algún modo).</li>
<li>Sistema libre de manipulación o coerción (reversible, sincronizable y verificable por cualquiera de las partes)</li>
<li>Entorno de discusión basado en reglas (transparencia absoluta de los mecanismos de priorización, adscripción, votación, reconocimiento, etc.)</li>
<li>Gran quórum de participación e inclusión en la discusión (proporcional al recorte)</li>
<li>Posibilidades de interacción libre entre los participantes, es decir que la plataforma no monopolice la conversación sino que facilite el intercambio y el desarrollo de la conversación en entornos <em>offline</em>.</li>
<li>Reconocimiento de las diferencias entre los participantes, pero el rechazo a los prejuicios basados en estatus (Edwards, 2002).</li>
</ol>
<h3>MediaFranca</h3>
<p>Sobre el proceso de la experiencia de las personas, MediaFranca propone una estructura de participación basada en flujos de interacción.<br />
<small></p>
<table summary="Nuestro modelo distingue 4 estados dentro de la macro (co)experiencia democrática. Cada uno de estos estados puede abordarse desde el Diseño como experiencias finitas, cada una de ellas con una forma de culminación propia." width="458" border="0" cellspacing="5" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="102">
<p align="right"><em>Estados</em></p>
</td>
<td valign="top" width="88"><strong>Publicación</strong></td>
<td valign="top" width="88"><strong>Participación</strong></td>
<td valign="top" width="88"><strong>Deliberación</strong></td>
<td valign="top" width="100"><strong>Gestión</strong></td>
</tr>
<tr>
<td valign="top" width="102">
<p align="right"><em>modo de la experiencia</em></p>
</td>
<td valign="top" width="88">
<p align="left">documental<br />
testimonial<br />
individual</p>
</td>
<td valign="top" width="88">
<p align="left">conversacional<br />
constructiva<br />
co-experiencia</p>
</td>
<td valign="top" width="88">
<p align="left">reflexiva<br />
contemplativa</p>
</td>
<td valign="top" width="100">
<p align="left">inmersiva<br />
inclusiva<br />
colaborativa</p>
</td>
</tr>
<tr>
<td valign="top" width="102">
<p align="right"><em>dinámica de interacción</em></p>
</td>
<td valign="top" width="88">
<p align="left">informar<br />
reportar<br />
denunciar</p>
</td>
<td valign="top" width="88">
<p align="left">consultar<br />
argumentar<br />
apoyar/rechazar</p>
</td>
<td valign="top" width="88">
<p align="left">votar<br />
adscribir</p>
<p align="left">
</td>
<td valign="top" width="100">
<p align="left">comprometer<br />
trabajar<br />
reclutar</p>
</td>
</tr>
<tr>
<td valign="top" width="102">
<p align="right"><em>objetivos</em></p>
</td>
<td valign="top" width="88">
<p align="left">construir una imagen equilibrada y exhaustiva de la realidad a partir del reporte y el punto de vista</p>
</td>
<td valign="top" width="88">
<p align="left">modelar el sentido colectivo de relevancia estableciendo una agenda prioritaria</p>
</td>
<td valign="top" width="88">
<p align="left">construir acuerdos abierto y pluralistas</p>
</td>
<td valign="top" width="100">
<p align="left">depositar la responsabilidad final en la comunidad involudrada</p>
</td>
</tr>
<tr>
<td valign="top" width="102">
<p align="right"><em> </em></p>
</td>
<td colspan="2" valign="top" width="176">
<p align="left">construcción de registro público</p>
</td>
<td colspan="2" valign="top" width="187">
<p align="left">co-creación</p>
</td>
</tr>
<tr>
<td valign="top" width="102">
<p align="right"><em> herramientas</em></p>
</td>
<td valign="top" width="88">
<p align="left">perfil de identidad</p>
<p align="left">publicación multiformato</p>
</td>
<td valign="top" width="88">
<p align="left">visualización<br />
adscripción<br />
suscripción<br />
conversación</p>
</td>
<td valign="top" width="88">
<p align="left">valoración<br />
evaluación<br />
apoyo/rechazo</p>
<p align="left">
</td>
<td valign="top" width="100">
<p align="left">coordinación<br />
colaboración<br />
administración<br />
incentivo</p>
</td>
</tr>
<tr>
<td valign="top" width="102">
<p align="right"><em>servicios existentes</em></p>
</td>
<td valign="top" width="88">
<p align="left">blogging<br />
microblogging<br />
comunidades de opinión</p>
</td>
<td valign="top" width="88">
<p align="left">redes sociales<br />
wikis</p>
</td>
<td valign="top" width="88">
<p align="left">herramientas de votación y relevancia (+1)</p>
</td>
<td valign="top" width="100">
<p align="left">servicios de gestión de proyectos<br />
Google docs<br />
wikis</p>
</td>
</tr>
</tbody>
</table>
<p></small><br />
Nuestro modelo distingue 4 estados dentro de la macro (co)experiencia democrática. Cada uno de estos estados puede abordarse desde el Diseño como experiencias finitas, cada una de ellas con una forma de culminación propia.</p>
<p>El modelo contempla desde el levantamiento de temas hasta la gestión de una iniciativa a través de herramientas ad-hoc. Esta estructura perfila los procesos mencionados como estados de participación abiertos, no obligatorios, según la tipología de personas y sus intereses locales, clasificando cada <em>acción ciudadana </em>en las instancias de:</p>
<ol>
<li><strong>Publicación</strong>: levantamiento de temas</li>
<li><strong>Participación</strong>: enriquecimiento del diálogo, <em>feedback </em>colectivo</li>
<li><strong>Deliberación</strong>: Participación indirecta</li>
<li><strong>Gestión</strong>: Participación directa.</li>
</ol>
<p><a href="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/image007.png" rel="lightbox[1187]"><img class="size-medium wp-image-1190 alignnone" title="Modelo de MediaFranca" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/11/image007-470x319.png" alt="El modelo MF propone una configuración de experiencias encadenadas articulando una co-experiencia social de democracia." width="470" height="319" /></a></p>
<p>En primera instancia, diseñar un espacio democrático requiere permitir su maleabilidad estructural. Diseñar para una maleabilidad estructural significa permitir un proceso de co-evolución con los participantes. Si la maleabilidad se refiere a la capacidad de alterar los artefactos del ecosistema, la maleabilidad estructural se refiere a la capacidad de modificar el espacios donde se da la interacción, modificar las condiciones ambientales. Aquí, sin la intervención del diseñador, las acciones que emergen dentro de ciertos contextos pueden modificar las condiciones del sistema en el que se insertan. La gente ya no es más consumidora dentro de espacios o sistemas predefinidos sino que se vuelven co-creadores de espacios <em>convivenciales</em>.</p>
<p>El enfoque anticipatorio del diseño como proyección (que prevé) o como planificación, se mueve hacia otra estrategia de producción y de compromiso con su comunidad de uso (el público) mediante el reconocimiento de sus limitaciones y dejando la puerta abierta a constantes modificaciones, asumiendo un modo conversacional o de <em>control blando</em>, refiriéndose al cambio programado dentro de un sistema complejo. Normalmente las acciones ejercidas deben esperar un tiempo para ver los efectos de la acción. Esto se debe principalmente a que la naturaleza de la interacción social no se refiere únicamente a los actos comunicativos o transaccionales a nivel individual sino también a la modulación dinámica de energías materiales y sociales.</p>
<p>Otro aspecto clave de una red que empodera la acción social es permitir la reversibilidad de sus relaciones. Cuando se trata de tecnología, la reversibilidad no es otra cosa que la moral puesta en práctica. Diseñar para el diálogo puede ser entendido como apoyar los procesos co-evolutivos mediante relaciones dialécticas. A la gente se le permite hablar de vuelta, comentar, elaborar sobre lo ya constituido; pero de un modo transparente y siempre reversible, que evita a toda costa la imposición de construcciones, procesos o ideas. Esta forma –ideal, por cierto– busca permitir la emergencia te ideas y tópicos democráticamente relevantes y tiene lugar a escala humana, en comunidades y grupos pequeños donde los valores esenciales son los significados comunes, el pensamiento colectivo y, por lo tanto, la propiedad y el bien común.</p>
<p>Al involucrarnos en interacciones sociales, buscamos un sentido de propósito y de trascendencia a nuestros actos; necesitamos ver la consecuencia de nuestras acciones si aspiramos a que otros elaboren y construyan sobre ellas. La trascendencia, en este sentido, apunta a nuestra habilidad para generar aportes significativos en nuestras comunidades; aporte con un valor intrínseco suficiente como para que sean recibidos y reconocidos positivamente. Una herramienta que permita acciones trascendentes de sus participantes les permitirá transformar su contexto en oposición a la construcción de contextos que imponen acciones y condicionan y limitan a las personas.</p>
<p>El modelo de MediaFranca hace un especial hincapié en la etapa deliberativa y en normar los procesos vinculantes. apuntando a la motivación a través de la construcción del perfil ciudadano, grado de participación-influencia, y la realización, mediante la recomendación inteligente de oportunidades y soluciones legales según las características de las conversaciones. Construir un modelo deliberativo en base a la votación, no asume la diversidad de intereses ciudadanos en cada uno de estos estados, más bien, excluye a quienes no deseen participar del resto de las instancias. Una persona podrá sentirse atraída levantando temas locales, conectando conversaciones, pero no gestionando la realización de un proyecto. Si apuntamos a una autorregulación de los mecanismos vinculantes tenderemos, sin duda, a una suerte de meritocracia (Bishay, 2010), donde las personas tendrán necesariamente mayor injerencia sobre aquellos asuntos sobre los cuales han invertido tiempo y trabajo.</p>
<p>Sobre la motivación y el incremento en la sinergia de las conversaciones, hacer público un perfil ciudadano de acuerdo al nivel de participación, genera una reputación e influencia que desincentiva la publicación de información banal. Cada persona con su identidad ciudadana, del mismo modo que lo hace con su perfil en las redes sociales ya que forma parte del mismo ecosistema. Distinguir la participación a través del reconocimiento de personas, aumenta la relación horizontal y la importancia del empoderamiento cívico a través de la representatividad.</p>
<p>Un espacio de interacción social reglado define, en virtud de su estructura mecánica de protocolos y procedimientos, un determinismo estructural. Ya hemos discutido que lo que emerja como comportamiento masivo es complejo de prever y por eso se hace necesario irlo construyendo permanentemente de forma dialógica. El sistema propuesto busca hacer “rimar” la palabra y la acción. En términos políticos esto significa desincentivar el clientelismo y promover el empoderamiento orientado en acción y proyecto. Son los proyectos los que construirán un “anillo público” a su alrededor, un pequeño “nosotros” que se articula en pos de una visión compartida del futuro, por muy pequeño y humilde que sea el alcance del proyecto entre manos.</p>
<p>Si bien los servicios digitales son altamente sofisticados en los algoritmos que los gobiernan, la mecánica democracia no debe serlo. Muy por el contrario, debe ser transparente y comprensible; no como una caja negra sino como un cubo blanco. Una elección democrática de define con una claridad aritmética, sus mecanismos son comprensibles y fácilmente verificables. En este sentido, la complejidad que abre la tecnología es –paradójicamente– la simpleza que se requiere para no obscurecer ni delegar en cajas negras la co-creación de un futuro común.</p>
<h3>Conclusiones</h3>
<p>Los diseñadores debemos comprender nuestro rol como posibilitadores o habilitadores, o más precisamente, de sembradores de condiciones dentro de sistemas dinámicos. Como consecuencia de esto, el diseño ya no puede ser entendido como una actividad de planificación (de pre-ver), sino en cambio, como el diálogo permanente de ajuste de los flujos de comunicación, habilitación y uso. Dentro de esta forma del diseño, la cultura, los productos, los servicios y los sistemas son concebidos en integración. Las dualidades arte-ciencia, sujeto-objeto, poética-política aparecen como conceptos trampa que amenazan con desbalancear el frágil equilibrio que requieren estas configuraciones. La búsqueda por la coherencia unívoca se muda por otra forma de coherencia más compleja, cuya imagen está en constante transformación y ajuste; no se trata de una imagen que deba perseguirse sino de una relación abierta que se busca sostener y conquistar continuamente.</p>
<p>En el contexto actual de servicios Web, resulta complejo plantear una solución genérica o “bala de plata” si no existe un compromiso institucional mayor que aborde el problemas como el acceso, la neutralidad, la transparencia de los datos públicos, la arquitectura propietaria de la Red, entre otros.</p>
<p>Este texto hace un llamado a los gobiernos para que lideren iniciativas de integración y de estándares para una nueva generación de servicios ciudadanos desde la óptica del metadiseño. Sin embargo, mientras se requiera de mejoras incrementales al sistema, no perdamos de vista el sentido profundo de la experiencia ciudadana a cambio de una mirada más pragmática y cortoplacista de los servicios Web vinculados a modelos de negocios inmediatos de carácter corporativo. Nos damos cuenta que se necesita una mirada más holística y sabia para el oficio del diseño, donde reconocemos la importancia del diseño participativo e inclusivo, asumiendo nuevos modos de co-creación más flexible y adaptable, para estar a la altura de los problemas de sustentabilidad social que el futuro nos depara.</p>
<ol class="footnotes"><li id="footnote_0_1187" class="footnote">Son temas como las causas medioambiental, temas más genéricos como la antiglobalización o el capitalismo o temas puntuales como la educación.</li><li id="footnote_1_1187" class="footnote">Este estudio fue realizado por alumnos de 4º año de diseño gráfico en septiembre de 2011 luego de 3 meses de paro. <a title="Modelo visual del gobierno estudiantil" href="http://wiki.ead.pucv.cl/index.php/Modelos_Visuales_de_Gobierno_Estudiantil">Más información</a></li></ol>]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2011/de-palomas-y-estorninos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Forma Digital</title>
		<link>http://www.herbertspencer.net/2011/forma-digital/</link>
		<comments>http://www.herbertspencer.net/2011/forma-digital/#comments</comments>
		<pubDate>Sun, 30 Oct 2011 23:15:02 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[notas]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[forma]]></category>
		<category><![CDATA[teoría]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=1171</guid>
		<description><![CDATA[Este diseño corresponde a la última generación de artefactos tecnológicos cuya forma tiene una correspondencia física directa con su función y performance. Se trata de un objeto que puede leerse y entenderse desde su forma mecánica. Con posterioridad a eso, gracias al transistor y posteriormente al circuito integrado, la forma gestual asociada a su función [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2011/forma-digital/" title="Permanent link to Forma Digital"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/stmaryplate2big.jpg" width="600" height="276" alt="Post image for Forma Digital" /></a>
</p><div id="attachment_1172" class="wp-caption aligncenter" style="width: 218px">
	<a href="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image00.png" rel="lightbox[1171]"><img class="size-medium wp-image-1172 " title="Calculadora manual Curta" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image00-218x340.png" alt="" width="218" height="340" /></a>
	<p class="wp-caption-text">La calculadora mecánica Curta, inventada por Curt Herzstark fue introducida al mercado en 1948.</p>
</div>
<p>Este diseño corresponde a la última generación de artefactos tecnológicos cuya forma tiene una correspondencia física directa con su función y performance. Se trata de un objeto que puede leerse y entenderse desde su forma mecánica.</p>
<p>Con posterioridad a eso, gracias al transistor y posteriormente al circuito integrado, la forma gestual asociada a su función quedó completamente desarticulada de su forma física. Se trató del comienzo de una época de las “formas en libertad”, ya que se dejaba de estar determinado por su estructura mecánica del objeto para diseñarlo su comporamiento.</p>
<p>La afirmación: “los computadores pueden ser transformados en cualquier cosa”, a propósito del divorcio entre forma y función, es un tanto confusa. La naturaleza de la función abarca muchas esferas prácticas y una traducción literal alegórica-simbólica se hace imposible en situaciones que carecen de antecedentes.</p>
<p>Si bien las formas tecnológicas han alcanzado cierto reposo en su permanente mutabilidad<sup><a href="http://www.herbertspencer.net/2011/forma-digital/#footnote_0_1171" id="identifier_0_1171" class="footnote-link footnote-identifier-link" title="La forma convensional de los computadores port&aacute;tiles se ha mantenido estructuralmente inc&oacute;lume desde su insersi&oacute;n en el mercado en 1988, siguendo el esquema de la m&aacute;quina de escribir usando el espacio para la hoja de papel con la pantalla.">1</a></sup>, creo que se debe, en gran medida a que se ha alcazado una penetración cultural mayor que exige una mayor inercia pero, sobre todo observamos una postura funcionalista, especialmente determinada por los requierimientos energéticos, performativos y ergonómicos.</p>
<blockquote><p>It is the pervading law of all things organic and inorganic,<br />
Of all things physical and metaphysical,<br />
Of all things human and all things super-human,<br />
Of all true manifestations of the head,<br />
Of the heart, of the soul,<br />
That the life is recognizable in its expression,<br />
That form ever follows function. This is the law.</p>
<p style="text-align: right;"><strong>Louis Sullivan</strong>, fragmento de  &#8221;The Tall Office Building Artistically Considered&#8221;,<br />
publicado por  Lippincott&#8217;s Magazine (Marzo 1896).</p>
</blockquote>
<p>Si debemos considerar a una fuerza opuesta a este sentido funcionalista<sup><a href="http://www.herbertspencer.net/2011/forma-digital/#footnote_1_1171" id="identifier_1_1171" class="footnote-link footnote-identifier-link" title="Dejando de lado todos los casos de objetos de simulaci&oacute;n o enga&ntilde;o, de decoraci&oacute;n fantasiosa o directamente falsa, o productos aspiracionales para aparentar, ya que no los considero de inter&eacute;s mayor.">2</a></sup>,  ésta debe ser la inercia significativa de las imágenes referentes. Así, la necesidad por establecer correspondencias con lo conocido, hace necesario generar la innovación a partir de una imagen existente. El diseñador debe llevar el pulso cultural de las imágenes y desplazar su centro para traer lo nuevo.</p>
<p>Aquí debemos hacer una distinción entre apariencia y estructura. La apariencia es fácil de modificar, lo difícil es cambiar la estructura que evoluciona con mayor inercia. Podemos hablar de naturalidad en un gesto referido a una intención pero sobre un soporte y con una forma sin precedentes. La interfaces gestuales se inscriben en este ámbito ya que podemos definir sin mayores dificultades lo pertinente de tal o cual gesto para realizar determinada acción de un modo altamente innovador: innovamos en la apariencia pero mantenemos la estructura cultural y cognitiva intacta. El iPad, en este sentido, no ha traído innovación cultural profunda sino que ha abierto oportunidades para nuevas actividades y nuevos modos de lograr las cosas. Su éxito radica en la naturalidad y su innovación cultural se produce desde su uso y aceptación no disrruptiva de los esquemas mentales profundos de las personas.</p>
<p>Una innovación exéntrica estructuralmente tiene grandes posibilidades de fracaso. En este sentido, la función que abre lo tecnológicamente sin precedentes, debe ceder terreno a la convensión, para que pueda ser comprendido (o leído) de manera exitosa.</p>
<p>El video a continuación muestra a un bebé interactuando con las revistas de la misma manera en que lo hace con un iPad. Esta naturalidad de intención-acción tiene ciertamente un impacto negativo en lo antiguo que aparece frustrante para un nativo digital. Este tipo de problemas requiere que re-inventemos lo análogo para reconstruir el valor de lo físico desde su riqueza y misterio.</p>
<p><iframe src="http://www.youtube.com/embed/td0_lJSOr70" frameborder="0" width="475" height="290"></iframe></p>
<ol class="footnotes"><li id="footnote_0_1171" class="footnote">La forma convensional de los computadores portátiles se ha mantenido estructuralmente incólume desde su insersión en el mercado en 1988, siguendo el esquema de la máquina de escribir usando el espacio para la hoja de papel con la pantalla.</li><li id="footnote_1_1171" class="footnote">Dejando de lado todos los casos de objetos de simulación o engaño, de decoración fantasiosa o directamente falsa, o productos aspiracionales para aparentar, ya que no los considero de interés mayor.</li></ol>]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2011/forma-digital/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un Buen Diseño</title>
		<link>http://www.herbertspencer.net/2011/un-buen-diseno/</link>
		<comments>http://www.herbertspencer.net/2011/un-buen-diseno/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 22:52:56 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[notas]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[teoría]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=1164</guid>
		<description><![CDATA[¿Qué es un buen diseño? Ciertamente algo en que no todos estaremos de acuerdo. Acá planteo que el sentido de propósito se define en un plano estético: un bello diseño debe tener bellos propósitos, la]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2011/un-buen-diseno/" title="Permanent link to Un Buen Diseño"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image01.jpg" width="800" height="600" alt="Post image for Un Buen Diseño" /></a>
</p><p>Un buen diseño corresponde a un trabajo profundo de integración y equilibrio de diversos factores para finalmente cifrarlos y materializarlos en una forma, ya sea física o etérea, atomizada o distribuida y compleja (como lo es un sistema). Entiendo la noción de “estética” como un <em>modo de ser</em> de la forma y su expresión, y como tal –modo de ser– sujeto a un contexto cultural: es a partir de un modo de ser que se puede leer su caracter estético.</p>
<p>En diseño, la relación diseñador-contexto es completamente asimétrica y desequilibrada: el contexto pesa muchísimo más que el diseñador. El “buen diseño” interpreta completamente su entorno y suprime al autor o “genio” que firma el trabajo, más común en el campo arte. Es decir, es preciso conocer <strong>la imagen que el mundo tiene de la cosa</strong> que se va a diseñar, es necesario conocer dónde y cómo se inserta, qué connotaciones tiene y cuales son los códigos culturales que la gobiernan, así como las fuerzas culturales que allí la situaron de antemano. Solamente a partir de una mirada conciente de esto (ya sea por medio del descubrimiento o la interpretación justa) el diseñador podrá desplazar esa imagen de su centro –sólo ligeramente, que tiene mayor inercia mientras mayor tradición cultural exista– para originar <em>verdadera innovación</em>. El buen diseño, en ese sentido, corresponde a una buena forma de interpretar el presente e imaginar el futuro desde un <strong>lenguaje propio</strong>, en cuanto apropiable y apropiado.</p>
<p><a href="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image02.jpg" rel="lightbox[1164]"><img class="alignnone size-medium wp-image-1167" title="Diego Rivera, Aztecas en el Mercado de Tlatelolco." src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image02-453x340.jpg" alt="" width="453" height="340" /></a></p>
<p>El caso del movimiento muralista mejicano ofrece un ejemplo de una proposición de imagen de mundo que reconstruye el imaginario colectivo, instaurando con esto un lenguage (o un género) discursivo abundante y rico, con su propia gramática y su propia narrativa, y, además, dando respuesta desde el arte a un movimiento social originado años antes, desde la revolución zapatista.</p>
<p><a href="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image01.jpg" rel="lightbox[1164]"><img class="alignnone size-medium wp-image-1166" title="Diego Rivera, El hombre en el cruce de caminos, 1934." src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image01-453x340.jpg" alt="" width="453" height="340" /></a></p>
<p>El desplazamiento de lo conocido a la desconocido forma un <strong>vector de cambio</strong> que apunta hacia donde el diseño quiere ir. Este “hacia dónde” es definido por la estrategia del modelo de negocios (o nueva imagen de mundo) que tenga el diseñador o su mandante. Este sentido le imprime un profundo carácter ético al trabajo del diseño ya que es responsable –no siempre se toma el peso de esto, ni se piensa– de las consecuencias del mundo que construye. El diseño no solamende debe ser bello; debe ser además verdadero y bueno (además de útil, deseable, usable, apropiable, y un largo etc).</p>
<p>El lenguaje del diseño, entendido como el <strong>modo de ser</strong> constituye lo que se entiende por estética del diseño, ya que vuelve el hecho intelectual en experiencia. Al hablar de estética del diseño, se lo adcribe tácitamente a un determinado <strong>linaje cultural</strong>. Frecuentemente este lenguaje es rebalsado hacia las narrativas que trata, cuando la imágen del mundo que presenta es lo suficientemente consistente y fuerte; de este modo la forma y la narrativa se pueden entender como sucesos intercambiables<sup><a href="http://www.herbertspencer.net/2011/un-buen-diseno/#footnote_0_1164" id="identifier_0_1164" class="footnote-link footnote-identifier-link" title="&amp;#8220;El medio es el mensaje&amp;#8221;, seg&uacute;n M. McLuhan.">1</a></sup>.</p>
<div id="attachment_1165" class="wp-caption alignnone" style="width: 470px">
	<a href="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image00.jpg" rel="lightbox[1164]"><img class="size-medium wp-image-1165" title="Lenguaje de Black-n-Decker" src="http://www.herbertspencer.net/wp/wp-content/uploads/2011/10/image00-470x261.jpg" alt="" width="470" height="261" /></a>
	<p class="wp-caption-text">El caso de Black &amp; Decker constituye un claro ejemplo de la consolidación de una estética como un lenguaje transversal a sus productos industriales.</p>
</div>
<p>&nbsp;</p>
<p>Justamente, es esta comunión entre lenguaje y contenido (forma y palabra / espacio y tiempo) la que permite transversalizar el trabajo para pensar los sistemas. Se requiere de un lenguaje, por ejemplo, para abordar el diseño de una imagen corporativa. No se trata simplemente de la producción de una imagen y tratarla como un patrón que recorra los diversos géneros discursivos en los que la institución habla, sino que es un modo de volver la experiencia de esa organización algo consistente a través de los múltiples puntos de contacto que provee.</p>
<p>Ahora, para responder certeramente la pregunta (¿Qué es buen diseño?), el origen de esta estética alude necesariamente a la visión del mundo “por venir” que propone el régimen corporativo (en este caso) como una forma de estrategia para comunicar un anhelo, encarnados en la cultura interna y sus valores. La estética, aquí entendida como la cualidad de la experiencia proyectada, debe ser un atisbo que insinúa un total mayor, una nueva imagen de mundo.</p>
<p>El buen diseño, entonces, se plantea como un pequeño fragmento de algo mayor, de un propósito que tiene una imagen del hombre, de su cultura y del mundo donde se inscribe. Un buen diseño es un buen propósito materializado en pequeños fragmentos consistentes entre sí.</p>
<ol class="footnotes"><li id="footnote_0_1164" class="footnote">&#8220;El medio es el mensaje&#8221;, según M. McLuhan.</li></ol>]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2011/un-buen-diseno/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mesh Network</title>
		<link>http://www.herbertspencer.net/2010/mesh-network/</link>
		<comments>http://www.herbertspencer.net/2010/mesh-network/#comments</comments>
		<pubDate>Tue, 30 Nov 2010 21:42:19 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[ilustración]]></category>
		<category><![CDATA[mesh]]></category>
		<category><![CDATA[processing.js]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=746</guid>
		<description><![CDATA[Ejemplo ilustrativo en javascript de una configuración enmallada de red. Cada nodo replica y extiende la red; la relación de cliente-servidor se vuelve una relación simétrica de pares iguales.]]></description>
			<content:encoded><![CDATA[<p></p><p><script type="application/processing">

/* Mesh Network, por Herbert Spencer */

boolean OVER;
ArrayList NODES;
int count = 1000;
int numNodes = 40;
float margin = 55.5;
float nodeScope = 80;
Node current;

void keyPressed() {
  if(key == 'a') {
    nodeScope += 5;
    println("node scope = "+nodeScope);
  } 
  if(key == 'z') {
    nodeScope -= 5;
    println("node scope = "+nodeScope);
  } 
  if(key == 'i') {
    for(int i = 0; i < NODES.size(); i++) {
      Node n = (Node)NODES.get(i);
      n.on = !n.on;
    }
  }
  if(key == 'x') {
    setup();
  }
}

void mouseMoved() {
  float d;
  for(int i = 0; i < NODES.size(); i++) {
    Node n = (Node)NODES.get(i);
    d = dist(mouseX, mouseY, n.x, n.y);
    if(n.r > d) {
      OVER = true;
      n.over = true;
      current = n;
    }
    else if(!mousePressed){
      OVER = false;
      n.over = false;
    }
  }
}

void mouseDragged() {
  if(current.over) {
    current.x = mouseX;
    current.y = mouseY;
  }
}

void mouseReleased() {
  if(current.over && mouseButton==RIGHT) {
    current.on = !current.on;
  }
}

class Node {
  int id;           // the ID of this node
  float x, y;       // position
  float r;          // radius
  float signal;     // ammount of signal
  boolean on;       // is it on?
  boolean over;     // is the mouse over this one?
  ArrayList nodes;  // list of nodes that are connected to this one

  Node() {
    count++;
    id = count;
    x = random(margin, width-margin);
    y = random(margin, height-margin);
    signal = 0;
    on = true;
    nodes = new ArrayList();
    r = 7.0;
  }

  void renderNodes() {
    if(over) {
      fill(#FF6D12);
      stroke(#641304);
    }
    else {
      fill(#FFFFFF);
      stroke(0, 100);
    }
    if(on) {
      strokeWeight(3);
    }
    else {
      strokeWeight(0.5);
    }
    ellipse(x,y, r, r);
  }

  void renderLinks() {
    if(on) {
      stroke(0, 80);
      for(int i = 0; i < nodes.size(); i++) {
        Node n = (Node)nodes.get(i);
        float d = dist(x, y, n.x, n.y);
        float sw = map(d, r, nodeScope, 5, 0.1);
        strokeWeight(sw);
        line(x, y, n.x, n.y);
      }
    }
  }

  void calc() {
    nodes.clear();
    for(int i = 0; i < NODES.size(); i++) {
      Node n = (Node)NODES.get(i);
      if (id != n.id) {
        float nodeDist = dist(x, y, n.x, n.y);
        if(nodeDist <= nodeScope && n.on) {
          nodes.add(n);
        }
      }
    }
  }
}

void setup() {

  size(460, 460); 
  NODES = new ArrayList();

  for (int i = 0; i < numNodes; i++) {
    Node n = new Node();
    NODES.add(n);
  }
  smooth();
}

void draw() {
  background(255);
  for(int i = 0; i < NODES.size(); i++) {
    Node n = (Node)NODES.get(i);
    n.calc();
    n.renderLinks();
  }

  for(int i = 0; i < NODES.size(); i++) {
    Node n = (Node)NODES.get(i);
    n.calc();
    n.renderNodes();
  }
}
</script></p>
<h3>Cómo funciona</h3>
<ul>
<li>arrastre nodos para reconfigurar la red</li>
<li>teclas <strong>a</strong> y <strong>z</strong> modifican el alcance de cada nodo</li>
<li>botón derecho sobre el nodo lo enciende o apaga</li>
<li>tecla <strong>i</strong> sirve para invertir encendido/apagado de todos los nodos</li>
<li><strong>x</strong> regenera la distribución de nodos</li>
</ul>
<p>Esta ilustración fue generada para explicar el funcionamiento de una red mesh en cuanto figura de distribución y conexión entre nodos. La aplicación práctica de esta red fue discutida en el <a href="http://www.herbertspencer.net/2010/internet-como-bien-publico/">post anterior</a>.</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2010/mesh-network/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet como Bien Público</title>
		<link>http://www.herbertspencer.net/2010/internet-como-bien-publico/</link>
		<comments>http://www.herbertspencer.net/2010/internet-como-bien-publico/#comments</comments>
		<pubDate>Tue, 12 Oct 2010 05:34:41 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[notas]]></category>
		<category><![CDATA[bien público]]></category>
		<category><![CDATA[free Internet]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[MediaFranca]]></category>
		<category><![CDATA[public good]]></category>
		<category><![CDATA[social capital]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=700</guid>
		<description><![CDATA[La arquitectura de la Red actual se basa en un sistema militar y comercial. La sociedad del futuro requiere una <strong>Red abierta y libre</strong>, que sea patrimonio de todos. Una arquitectura enmallada (mesh network) permite un esquema más convivencial y podría transformar la conectividad en colectividad, en capital social y cohesión cívica.]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2010/internet-como-bien-publico/" title="Permanent link to Internet como Bien Público"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2010/10/mesh-network.jpg" width="695" height="647" alt="Post image for Internet como Bien Público" /></a>
</p><p style="text-align: center;"><a href="http://www.herbertspencer.net/wp/wp-content/uploads/2010/10/mesh-network.jpg" rel="lightbox[700]"><img class="size-medium wp-image-732 aligncenter" title="Mesh Network" src="http://www.herbertspencer.net/wp/wp-content/uploads/2010/10/mesh-network-365x340.jpg" alt="" width="365" height="340" /></a></p>
<p style="text-align: left;">Me parece que la <acronym title="World Wide Web">WWW</acronym> se nos presenta, cada día más, como el medio por el cual se contruye nuestro <strong>espacio público</strong> y nuestra <strong>cotidianidad social</strong>. Para la mayoría de mis amigos, esta afirmación no es solamente obvia sino ya algo añeja. Uno puede constatar cómo nuestra narrativa social se va escribiendo en la Red, en un soporte con memoria que construye el espejo con el que nos miramos. Este medio permite una mayor apertura en comparación con los viejos <em>mass media</em>, facilitando la producción abierta de contenidos y de conversaciones en una cierta libertad de expresión, además de permitir la colaboración masiva en proyectos tan emblemáticos como Wikipedia, entre otros cientos.</p>
<p>Es problemático, sin embargo, que reconociendo este creciente rol cultural y público (estratégico, por cierto), la Red permanezca peligrosamente bajo una arquitectura privada. Es bien sabido que en caso de guerra, el sistema de comunicaciones de una nación pasa a ser un objetivo militar: la estocada hay que darla en el corazón. Cuando desaparece esa delicada capa de comunicación, la sociedad pierde su civilidad y su cordura<sup><a href="http://www.herbertspencer.net/2010/internet-como-bien-publico/#footnote_0_700" id="identifier_0_700" class="footnote-link footnote-identifier-link" title="basta recordar las escenas de saqueo despu&eacute;s del terremoto del 27 de Febrero de 2010.">1</a></sup>. El Estado, sin ir más lejos, capta gran parte de sus ingresos por medio de las ventanillas transaccionales del <a title="Servicio de Impuestos Internos de Chile" href="http://www.sii.cl">SII.cl</a>, así como muchos de sus servicios interactúan con el público por medio de servicios en línea. Pero aquí radica la paradoja: este espacio aparentemente público es enteramente privado.</p>
<p>Las leyes<sup><a href="http://www.herbertspencer.net/2010/internet-como-bien-publico/#footnote_1_700" id="identifier_1_700" class="footnote-link footnote-identifier-link" title="quisiera poder citar con m&aacute;s exactitud, pero desconozco la ley.">2</a></sup> estipulan que para &#8220;redes residenciales&#8221; (osea, casi todas) sólo se puede tener acceso a Internet mediante y mediado por un ISP<sup><a href="http://www.herbertspencer.net/2010/internet-como-bien-publico/#footnote_2_700" id="identifier_2_700" class="footnote-link footnote-identifier-link" title="Internet Service Provider, osea la empresa que provee los servicios de conectividad">3</a></sup>, quien controla y franquea toda conexión con el mundo exterior. Esta arquitectura presenta 3 problemas fundamentales:</p>
<ol>
<li>Se basa en un <strong>esquema comercial</strong> donde las personas somos meros consumidores: consumimos ancho de banda y por esto se nos cobra. Hay que solventar la millonaria infraestructura de conectividad y los costos de mantención que, al parecer, sólo se financian mediante pequeños contratos residenciales. Hay muchos lugares donde no es negocio conectar a la gente<sup><a href="http://www.herbertspencer.net/2010/internet-como-bien-publico/#footnote_3_700" id="identifier_3_700" class="footnote-link footnote-identifier-link" title="Recientemente el Estado de Chile mediante la Subtel lanz&oacute; elProyecto Bicentenario &amp;#8220;Red de Internet Rural: Todo Chile Comunicado&amp;#8221; que beneficia a Entel para controlar toda la conectividad rural.">4</a></sup></li>
<li>Delegamos a los ISP la responsabilidad estratégica de velar por la <a href="http://es.wikipedia.org/wiki/Neutralidad_de_red">neutralidad de la Red</a>. Resulta complejo a veces hacer coincidir los intereses corporativos con los intereses civiles: dictaduras obligan a los ISPs a cerrar puertos y salidas, bloquear sitios problemáticos, etc. Esto <a title="Golden Shield Project o The Great Firewall of Chine" href="http://en.wikipedia.org/wiki/Golden_Shield_Project">sigue pasando</a>, no es ficción.</li>
<li>Es <strong>frágil</strong>, ya que es una red con un punto neurálgico: el proxy. Las arquitecturas más fuertes (o resiltentes) son distribuídas. Una falla del proxy central, deja a todos los clientes asilados. Esto nos pasóen el reciente terremoto.</li>
</ol>
<p>Nuestra Red actual nace de una <a href="http://es.wikipedia.org/wiki/ARPANET">idea militar</a> que avanzó hacia una idea comercial. Pero si pensamos que la conectividad es un bien público, debemos pensarla desde otra perspectiva. Se define bien público como:</p>
<blockquote><p><em>Un bien que está disponible a todos y del cual el uso por una persona no substrae del uso por otros<sup><a href="http://www.herbertspencer.net/2010/internet-como-bien-publico/#footnote_4_700" id="identifier_4_700" class="footnote-link footnote-identifier-link" title="Elinor Ostrom">5</a></sup>.</em></p></blockquote>
<p>Hoy día, con nuestros computadores portátiles, somos capaces de producir una red doméstica o bien de canalizar una red existente (compartir conectividad). Las redes enmalladas (o redes <em>mesh</em>) se basan en el principio de que cada cual contribuye a la red al conectarse a ella: la red crece porque reconoce que cada nueva conexión la hace crecer y construye nuevos caminos entre los nodos existentes. No es una red de clientes y servidores sino un esquema esencialmente igualitario. Este esquema es el que inspira al proyecto de <a href="http://www.laptop.org/en/laptop/hardware/features.shtml">OLPC</a><sup><a href="http://www.herbertspencer.net/2010/internet-como-bien-publico/#footnote_5_700" id="identifier_5_700" class="footnote-link footnote-identifier-link" title="En este enlace hay una demostraci&oacute;n gr&aacute;fica (SWF) del esquema de red enmallada.">6</a></sup> que busca darle acceso a los niños a la tecnología y a Internet en países como el nuestro.</p>
<p>Creo que una arquitectura enmallada puede <strong>convertir la conectividad tecnológica en colectividad social</strong>, en cohesión cívica. La red actual tiende a alienarnos de nuestro entorno físico, una red enmallada en cambio, me vuelve conciente de mis vecinos, ya que vuelve relevante mi proximidad física con ellos; me inserta en una comunidad y me lleva a construir diálogos diferentes, tal vez más arraigados en asuntos locales.</p>
<p>Una Red enmallada no tiene dueño porque todos lo seríamos, nadie la puede controlar porque estaría completamente distribuída y, con algún sistema de independencia energética (como alimentación solar o eólica) sería completamente a prueba de desastres. Sin embargo, las redes enmalladas no despegan por carecer de un modelo de negocio y literalmente hay que hackear los routers comerciales para transformarlos en <em>routers enmallados</em>.</p>
<p>Pero creo que vale la pena intentarlo, construir Redes Abiertas y documentar prototipos caseros en el ánimo de hacer que Internet sea un espacio público de verdad y no un &#8220;espacio público como un mall&#8221;. Sueño con el día en que los routers solares enmallados formen parte del mobiliario urbano de las calles y plazas, y donde &#8220;estar conectado&#8221; no sea el privilegio de unos pocos sino el derecho de todos. ¿Es mucho pedir?</p>
<ol class="footnotes"><li id="footnote_0_700" class="footnote">basta recordar las escenas de saqueo después del terremoto del 27 de Febrero de 2010.</li><li id="footnote_1_700" class="footnote">quisiera poder citar con más exactitud, pero desconozco la ley.</li><li id="footnote_2_700" class="footnote"><em>Internet Service Provider</em>, osea la empresa que provee los servicios de conectividad</li><li id="footnote_3_700" class="footnote">Recientemente el Estado de Chile mediante la <a href="http://www.subtel.cl/prontus_subtel/site/artic/20100819/pags/20100819103226.html">Subtel</a> lanzó elProyecto Bicentenario &#8220;Red de Internet Rural: Todo Chile Comunicado&#8221; que beneficia a Entel para controlar toda la conectividad rural.</li><li id="footnote_4_700" class="footnote"><a href="http://es.wikipedia.org/wiki/Elinor_Ostrom">Elinor Ostrom</a></li><li id="footnote_5_700" class="footnote">En este enlace hay una demostración gráfica (SWF) del esquema de red enmallada.</li></ol>]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2010/internet-como-bien-publico/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Herramienta y Espacio</title>
		<link>http://www.ead.pucv.cl/2010/herramienta-y-espacio/</link>
		<comments>http://www.ead.pucv.cl/2010/herramienta-y-espacio/#comments</comments>
		<pubDate>Wed, 29 Sep 2010 01:46:35 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[escuela]]></category>
		<category><![CDATA[investigación]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[diseño de servicios]]></category>
		<category><![CDATA[Diseño para la Democracia]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[lo abierto]]></category>
		<category><![CDATA[lo público]]></category>
		<category><![CDATA[MediaFranca]]></category>
		<category><![CDATA[Servicio de Salud]]></category>

		<guid isPermaLink="false">http://www.ead.pucv.cl/?p=12103</guid>
		<description><![CDATA[Estos dos proyectos (<a href="http://wiki.ead.pucv.cl/index.php/SNS">SNS</a> y <a href="http://wiki.ead.pucv.cl/index.php/MediaFranca">Mediafranca</a>) si bien abordan temáticas diferentes, comparten un punto de vista, una escala y una utopía común: construir servicios públicos para Internet. La naturaleza material de la red permite ser abordada como el diseño de una herramienta o de un espacio.]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.ead.pucv.cl/2010/herramienta-y-espacio/" title="Permanent link to Herramienta y Espacio"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2010/09/mf-modelo.jpg" width="986" height="750" alt="Post image for Herramienta y Espacio" /></a>
</p><h2 id="internal-source-marker_0.12113987537140081">Herramienta y Espacio</h2>
<p>Estos  dos proyectos, si bien abordan temáticas bastante diferentes,  comparten un punto de vista y una utopía común. La primera y más  evidente semejanza radica en su soporte digital (viven en la nube).  Se trata de proyectos que proponen servicios distribuidos por Internet y  diseñados para actuar simultáneamente en grandes extensiones de  territorio. En este sentido, otro punto de encuentro de estos proyectos  radica en que ambos piensan a escala país.</p>
<p>Esta  naturaleza material (o inmaterial, si se quiere) de la nube trae una  doble lectura, ya que puede pensarse como una herramienta o como un  espacio.</p>
<ol>
<li>Es una herramienta  por cuanto permite y aumenta la comunicación en todos sus formatos,  transacciones de todo tipo, trabajo, etc. Como herramienta nos plantea  el problema de la educación, ya que apela a cierta alfabetización y dibuja barreras de acceso.<br />
La  utopía de la nube en cuanto herramienta canta a la malebilidad, el  poder colectivo de insidir en el registro abierto, en los diálogos  simétricos y en la convivialidad.</li>
<li>También es un espacio,  por cuanto da lugar a la participación colectiva y la interacción  social. Es un espacio porque dibuja proximidades y distancias, con  accesos, encuentros y fugas. Pensar la red como espacio plantea el  problema de la libertad.  Libertad de acceso y libertad de expresión. Plantea la dicotomía  público-privado: la Red se reconoce pública en su ser privado.<br />
La utopía de la Red como espacio es la malla abierta, acumulable y extensible. Internet como bien y memoria pública.</li>
</ol>
<p>Éste  es el punto que distingue a los proyectos: Dámaris plantea el SNS como  una herramienta de servicio público y Cristóbal trabaja en el espacio  público de la participación (en MediaFranca).<br />
Ambos  proyectos, en cuanto obras, abren preguntas a propósito del sentido de  la forma diseñada; preguntándose también por su función, pero más allá:  por su condición social capaz de construir identidad y de inscribirse a  partir de códigos culturales actuales.</p>
<h3>SNS</h3>
<p><a title="SNS: Servicio Nacional de Salud - Esquema" rel="lightbox[12103]" href="http://www.ead.pucv.cl/wp-content/archivos/2010/09/SNS.png"><img class="aligncenter size-medium wp-image-12107" title="SNS: Servicio Nacional de Salud - Esquema" src="http://www.ead.pucv.cl/wp-content/archivos/2010/09/SNS-605x396.png" alt="" width="605" height="396" /></a></p>
<p>El  proyecto de Dámaris Sepúlveda se origina con un estudio abierto, sin  proponerse una obra específica pero asumiendo un campo de diseño: el de  los servicios, y junto con esto, se sumerge en el sistema hospitalario  para abordar la experiencia del paciente en la salud pública.</p>
<p>El  estudio inicial permite definir un modelo general de experiencia en  salud e identifica oportunidades para el desarrollo de servicios  digitales en torno a ésta. Finalmente se propone la plataforma SNS  (Servicio Nacional de Salud) como un servicio Web que unifica la gestión  de atención y comunicaciones de la salud pública en torno a la ficha  digital del paciente. El proyecto concerto que logra finiquitar consiste  en la arquitectura de información y diseño de interfaz de esta  plataforma.</p>
<p>Claramente  nos percatamos que el rol del diseñador, dada la envergadura utópica  del proyecto consiste en asumir la estregia de transformar el proyecto  en un argumento.<br />
Dicho argumento es el siguiente:</p>
<p>Los  centros de salud pública en Chile carecen de un sistema de gestión de  la información centralizado ni interoperable. La comunicación entre el  servicio y el público también es problemática e inside en una muy baja  percepción del servicio, a pesar que la calidad de la atención médica es  buena. Este proyecto propone una forma coherente e interoperable entre  las instituciones, los médicos, el personal administrativo y el público  en general a partir de una mirada centrada en las personas y en los  componentes de interacción del servicios.</p>
<p>Con  este proyecto apuntamos al diseño de una plataforma articuladora de la  información (SNS) cubriendo el vacío institucional actual. Nos damos  cuenta que más allá de reparar una situación local tenemos la  oportunidad de construir los fundamentos para una plataforma abierta que  permita la generación de nuevos servicios públicos digitales en el  sector salud.</p>
<h3>MediaFranca</h3>
<p><a title="MediaFranca: Modelo de Interacción y participación ciudadana" rel="lightbox[12103]" href="http://www.ead.pucv.cl/wp-content/archivos/2010/09/mf-modelo.jpg"><img class="aligncenter size-medium wp-image-12106" title="MediaFranca: Modelo de Interacción y participación ciudadana" src="http://www.ead.pucv.cl/wp-content/archivos/2010/09/mf-modelo-605x460.jpg" alt="" width="605" height="460" /></a></p>
<p>El  trabajo de Cristóbal Severin se inscribe en la línea de Diseño para la  Democracia. En este sentido, la primera materia consistió en catastrar y  estudiar los diversos modelos de interacción democrática como un modo  para acceder a las grandes conversaciones.<br />
El  proyecto MediaFranca propiamente tal, parte con anterioridad#, pero  este año se lleva adelante una investigación para situarlo y  contextualizarlo en el aquí y ahora#. Esta investigación se propuso  generar y validar una interfaz Web capaz de dar cabida al discurso  colectivo de los asuntos sociales, construyendo un espacio público#.</p>
<p>Mediafranca  busca ser un espacio publico donde convergen personas, temas y lugares,  para generar conversaciones relevantes a la ciudadanía. Uno de los  principios fundamentales de MF es favorecer la convergencia de los  discursos cívicos, evitando la disociación de conversaciones similares;  en cierta medida recomponiendo un nuevo “cara a cara” dado en la  intimidad de los temas.</p>
<p>Otro  aspecto fundamental es que  la relación entre los temas y sus lugares  constituyen un mecanismo para generar un volumen de opinión material que  permite fundamentar la relevancia de ciertos temas emergentes, ya que  se valora desde la colectividad, dando una mayor capacidad de  coordinación deliverativa a las personas.</p>
<p>No  menos importante es el registro acumulativo de los aconteceres sociales  que se genera, al modo de una memoria pública. O memoria estratégica,  en el caso que las insituciones (y todo lo demás) fallen.</p>
<p>Este proyecto se encuentra en fase de realización como software abierto.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ead.pucv.cl/2010/herramienta-y-espacio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseñar un Servicio</title>
		<link>http://www.ead.pucv.cl/2010/disenar-un-servicio/</link>
		<comments>http://www.ead.pucv.cl/2010/disenar-un-servicio/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 18:24:47 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[escuela]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[diseño de servicios]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[lenguaje]]></category>
		<category><![CDATA[Modelos Visuales]]></category>
		<category><![CDATA[Observación]]></category>
		<category><![CDATA[Respresentación]]></category>
		<category><![CDATA[Servicio de Salud]]></category>

		<guid isPermaLink="false">http://www.ead.pucv.cl/?p=10819</guid>
		<description><![CDATA[Este taller aborda un campo de diseño llamado “diseño de servicios”. En este campo, la atención se pone en la relación de los objetos de diseño; cómo, siendo reunidos y orquestados a la luz de un servicio, construyen como tiempo y una experiencia para las personas que los viven.]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.ead.pucv.cl/2010/disenar-un-servicio/" title="Permanent link to Diseñar un Servicio"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2010/06/selector.png" width="1055" height="461" alt="Post image for Diseñar un Servicio" /></a>
</p><p style="text-align: left;"><strong>Jueves 10 de Junio de 2010  Exámen de los talleres de 6ª y 7ª Etapa de Diseño Gráfico, Cuarto año.</strong></p>
<p>Este taller aborda un campo de diseño llamado “diseño de servicios”. En este campo, la atención se pone en la relación de los objetos de diseño; cómo, siendo reunidos y orquestados a la luz de un servicio, construyen como tiempo y una experiencia para las personas que los viven. Es decir, trata la misma materia (editorial, señalética, interfaz, etc) pero construye una mirada distinta sobre ella, pues se trata de un diseño de segundo orden. Al enfocarse en el diseño de una sistema es preciso enfocarse en aspectos más inmateriales y emergentes (como la comunicación dentro y fuera de él, la transparencia de sus procesos, la hospitalidad de su lenguaje, el tono de su lenguaje, sus relaciones, las percepciones y lecturas que desde él emergen, etc.), cuidando siempre de construir, directa o indirectamente, la experiencia de las personas que lo viven y padecen cuando lo recorren.</p>
<p style="text-align: left;">Esta ocasión abordamos, junto a Dámaris Sepúlveda (quien trabajó como ayudante del taller), el caso del Sistema Nacional de Servicios de Salud; tema que además ocupa <a href="http://wiki.ead.pucv.cl/index.php/Servicio_de_Salud">su titulación</a>.</p>
<p style="text-align: left;">Decimos que para diseñar un servicio es necesario mirarlo desde afuera, con esto me refiero a ponerse en el lugar de quien lo experimenta y lo vive; para construir una mirada que sirva de contrapunto con la mirada actual de gestión y administración. La dirección de un hospital trabaja desde adentro: debe gestionar recursos físicos, económicos y humanos, definir presupuestos, priorizar necesidades; en fin, debe sostener el servicio como un coloso sostiene al mundo para que no colapse. El servicio de salud pública vive en una permanente amenaza de colapso y su construcción se da en la reparación sucesiva, al modo de un palimpsesto. Con esto está casi demás decir que entrar a un hospital no es una experiencia en plenitud. Es más bien lo contrario.</p>
<p style="text-align: left;">Éste fue el campo que abordamos, desde la dimensión de la imágen que construye un tono de lenguaje, desde la señalética que orienta, desde la infografía que transparenta y desde la interfaz interna que permea y cohesiona todo el servicio. Trabajamos inicialmente en 3 hospitales (Fricke, Van Buren y Quilpué) pero finalmente nos concentramos en el hospital de Quilpué donde se construyeron las proposiciones y nos encontramos con la dirección del hospital como contraparte. Todo esto está expuesto en la sala 21, detrás del globo. No voy a relatar con la crónica del taller ya que redundaría con la exposición y la documentación registrada de la wiki. En vez de eso, quiero exponer la lección del taller que me dejó este taller, los errores, las paradojas y las preguntas abiertas. Creo que compartir esto es más significativo, porque desde el reconocimiento de esto, uno avanza.</p>
<p style="text-align: left;">Lo primero que aparece es que un servicio, en cuanto sistema, es completamente invisible. El croquis de observación requiere de otros modos de notación gráfica para conocer y registrar. Esto nos abrió una materia riquísima y nos obligó a preguntarnos particularmente por el modo de la observación en el diseño. Estudiamos con partituras de interacción o franjas temporales de experiencia como recorridos lineales dentro de la trama compleja del sistema, se anotaron mapas esquemáticos y plantas arquitectónicas para mostrar los circuitos de flujos y los procesos, se realizaron mapas conceptuales y diagramas de afinidad colaborativos para posteriormente llevarlos a modelos y esquemas, también visualizaciones y grillas estructuradas, dispuestas a recibir los “datos de campo”.</p>
<p style="text-align: left;">El croquis del hecho visible que es potente en penetrar la particularidad y permitirnos un nombre, se asoció con estos otros lenguajes, cada uno con su forma particular de registrar y expresar. El croquis no bastaba porque la particularidad y el detenerse no bastaba. Necesitamos herramientas que nos permitieran distanciarnos para ver el total, para construir ese salto al modo de la cartografía. Un sistema es más que la suma de sus partes, por lo tanto, coleccionar partes sólo ilumina parcialmente.<br />
Aquí apareció algo realmente notable. El lenguaje (la palabra) predestina al pensamiento y a la acción. La primera experiencia que tuve de esto fue cuando realicé un postgrado y tuve que estudiar en inglés. Ahí constaté que la articulación de los argumentos (desde sus entelequias) en inglés me llevaban a lugares que no podía llegar en castellano. Y vice-versa. Hay intersticios donde nos es posible llegar desde otra lengua y las acciones tomadas desde allí emergerán en formas necesariamente distintas.</p>
<p style="text-align: left;"><a title="Partitura de Interacción propuesta para el servicio de Urgencia" rel="lightbox[10819]" href="http://www.ead.pucv.cl/wp-content/archivos/2010/06/Partitura-propuesta-para-la-urgencia.png"><img class="aligncenter size-medium wp-image-10891" title="Partitura de Interacción propuesta para el servicio de Urgencia" src="http://www.ead.pucv.cl/wp-content/archivos/2010/06/Partitura-propuesta-para-la-urgencia-605x343.png" alt="" width="605" height="343" /></a></p>
<p style="text-align: left;">Ahí está nuestra relación con la poesía. Ésto se ve claramente al yuxtaponer el croquis de observación por otra notación más sistemática. La observación conduce a un nombre y una medida, un esquema conduce a un diagnóstico y a un juicio, para tomar una decisión. Desde ahí todo cambia, porque se deja de festejar y se comienza a reparar. Este fue un punto crítico, sobre todo en un hospital: reparar es muy fácil, es lo primero (como está todo tan mal, es la primera trampa). Si la palabra que nombra es crítica y analítica el resultado será juicioso y cauto. La pregunta que queda abierta es cómo avanzar en una observación que construya una mirada para ver aquello que no se ve a simple vista, pero no desde una partida sistemática-estructurada sino desde una soltura y libertad poética, que se vaya tejiendo desde su realidad específica. Tal vez esto sea una paradoja, pero es algo que debemos abordar.</p>
<p style="text-align: left;">Esto se hizo difícil dentro del taller porque, como dije, el lenguaje nos predestinó a lo mesurado y convencional, no nos cuestionamos la condición misma de las cosas sino que hicimos propuestas incrementales, mejoras y reparaciones. Ciertamente no queríamos caer en eso pero el modo del ver el total nos alejaba de la particularidad, la aplazaba. Ahora me pregunto si es mejor avanzar desde la parte y ver desde ahí el total para detonar el desconocido</p>
<blockquote style="text-align: left;"><p><em>cada cosa cobija en su fundamento el signo divino de su origen</em></p></blockquote>
<p style="text-align: left;">Tradicionalmente en esta escuela se accede a la poiesis creativa desde la permanencia y persistencia en la particularidad, se irradia desde un centro porque la observación es expansiva. Pero la mirada sistémica (sintética), que también es necesaria, requiere de otro invento, otro temple porque reconoce un soporte de trabajo móvil y difuso. Para un taller es más favorable construirse una mirada desde lo pequeño y particular para poder avanzar desde algo cierto, con ciertas cotas que guíen el trabajo.<br />
Para abordar esta complejidad de un sistema ¿debemos tener mirada del total o la mirada de la particularidad? Cuando Carlos anotaba ayer en el pizarrón:</p>
<blockquote style="text-align: left;"><p><em>El inabarcable horizonte de la realidad</em></p></blockquote>
<p style="text-align: left;">¿nos quería decir desistiéramos del afán iluso de abarcar el horizonte para volvernos a la plenitud de lo próximo y finito? Este es el tipo de dilema donde la respuesta, creo yo, es tomar las dos alternativas simultáneamente, por muy difícil que esto sea. Ciertamente esta mirada sistémica nos aleja de lo inmediato, de lo táctil, de los sentidos; y nos sustrae a un plano abstracto de sintetizaciones y modelos. Lo complejo es que para esto había que inventarse una mirada y quisimos hacerlo desde la máxima transparencia y continuidad desde la palabra que nombra, a la forma que construye: Nos hicimos a la gramática de los mapas de palabras (llamados mapas conceptuales). La sintaxis detrás de estos mapas, dada su simpleza y versatilidad, permite tejer relaciones y extender redes conexas de términos relacionados, es decir, ofrece las leyes para la nodificación visual del lenguaje apelando a nuestra capacidad de distinguir, abstraer y conectar. Pero no arma un total para ser leído como figura; su lectura se da en la conexión de su tejido; uno debe recorrerlo al modo de un hipertexto. Un experimento del taller fue suponer que esta gramática inicial de palabras podría permitir avanzar hacia un modelo visual, construído como total.</p>
<p style="text-align: left;"><a title="Modelo de Javiera Burgos" rel="lightbox[10819]" href="http://www.ead.pucv.cl/wp-content/archivos/2010/06/burgos.png"><img class="alignnone size-thumbnail wp-image-10939" title="Modelo de Javiera Burgos" src="http://www.ead.pucv.cl/wp-content/archivos/2010/06/burgos-260x221.png" alt="" width="121" height="103" /></a> <a title="Modelo de Valeria Cerón" rel="lightbox[10819]" href="http://www.ead.pucv.cl/wp-content/archivos/2010/06/ceron.png"><img class="alignnone size-thumbnail wp-image-10938" title="Modelo de Valeria Cerón" src="http://www.ead.pucv.cl/wp-content/archivos/2010/06/ceron-260x220.png" alt="" width="131" height="111" /></a> <a title="Modelo de Eleonora Aldea" rel="lightbox[10819]" href="http://www.ead.pucv.cl/wp-content/archivos/2010/06/aldea.png"><img class="alignnone size-thumbnail wp-image-10937" title="Modelo de Eleonora Aldea" src="http://www.ead.pucv.cl/wp-content/archivos/2010/06/aldea-260x152.png" alt="" width="164" height="95" /></a> <a title="Modelo de Francisco Vera" rel="lightbox[10819]" href="http://www.ead.pucv.cl/wp-content/archivos/2010/06/vera.png"><img class="alignnone size-thumbnail wp-image-10936" title="Modelo de Francisco Vera" src="http://www.ead.pucv.cl/wp-content/archivos/2010/06/vera-260x227.png" alt="" width="132" height="115" /></a></p>
<p style="text-align: left;">Esta lógica de la parte y el total también tiene que ver con el trabajo en ronda. Creo que debemos construir el camino para que el trabajo pueda darse en ronda, para que la creatividad del grupo puede aflorar desde la diversidad. Esto es crucial para abordar una obra como esta, no sólo por su magnitud y complejidad, sino porque debemos aprender a construir sobre la palabra del otro, debemos aprender cómo la poesía puede ser hecha por todos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ead.pucv.cl/2010/disenar-un-servicio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quadra: Diseño para la Interacción Ciudadana</title>
		<link>http://www.ead.pucv.cl/2010/quadra/</link>
		<comments>http://www.ead.pucv.cl/2010/quadra/#comments</comments>
		<pubDate>Sun, 14 Mar 2010 23:28:45 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[escuela]]></category>
		<category><![CDATA[investigación]]></category>
		<category><![CDATA[ciudad]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[Diseño para la Democracia]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[MediaFranca]]></category>
		<category><![CDATA[Participación Ciudadana]]></category>

		<guid isPermaLink="false">http://www.ead.pucv.cl/?p=8687</guid>
		<description><![CDATA[El proyecto <strong>Quadra</strong> corresponde al <a title="Documentación del Proyecto" href="http://wiki.ead.pucv.cl/index.php/Quadra">estudio realizado</a> por <a href="http://cl.linkedin.com/pub/estefan%C3%ADa-su%C3%A1rez/15/518/824">Estefanía Suarez</a>, diseñadora gráfica, como proyecto de titulación. Este proyecto se inscribe en la línea de <em>Diseño para la Democracia</em> y propone una plataforma móbil de publicación que busca fortalecer la conexión entre personas de una misma localidad.]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.ead.pucv.cl/2010/quadra/" title="Permanent link to Quadra: Diseño para la Interacción Ciudadana"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2010/03/quadraThumbs.png" width="349" height="145" alt="Post image for Quadra: Diseño para la Interacción Ciudadana" /></a>
</p><blockquote><p>&#8220;El territorio ya no precede al mapa, ni lo sobrevive. De aquí en  adelante, es el mapa el que precede al territorio, es el mapa el que  engendra el territorio”.</p>
</blockquote>
<p>El proyecto <strong>Quadra</strong> corresponde al <a title="Documentación del Proyecto" href="http://wiki.ead.pucv.cl/index.php/Quadra">estudio realizado</a> como proyecto de titulación por <a href="http://cl.linkedin.com/pub/estefan%C3%ADa-su%C3%A1rez/15/518/824">Estefanía Suarez</a>, diseñadora gráfica. Este proyecto avanza en la línea de investigación que llamamos <em>Diseño para  la Democracia</em> y se pregunta específicamente por la ocación que abre  el diseño de interacción para pensar las plataformas y servicios de  colaboración ciudadana. El encargo original de este proyecto fue  identificar oportunidades para el diseño de un servicio web móbil que  fortaleciera los lazos entre vecinos, favoreciendo la participación  inclusiva y fortaleciendo el capital social mediante la incorporación de las personas a los asuntos ciudadanos.</p>
<p>Las preguntas que aborda  este proyecto son: ¿podemos efectivamente cruzar conversaciones (que  naturalmente transcurren en el tiempo) con sus lugares (naturalmente espaciales  y cartográficos)? Si el sentido que buscamos es integrar a las  personas y a las ideas ¿cómo podemos favorecer la equidad y la  democracia de los discursos sin desintegrar y disgregar la atención sobre ellos? Durante el estudio, nos damos cuenta que operamos sobre un modo de comunicación (o sistema) altamente  complejo y debemos diseñar para favorecer lo que llamamos <em>conversaciones de valor</em>. Las preguntas que quedan abiertas son innumerables, por ejemplo: ¿Son las ciudades y sus paisajes de  información susceptibles de ser pensadas como una construcción colectiva  y democrática? o ¿cómo se modela visualmente la relevancia de un determinado argumento?</p>
<p>Lo que alimenta a este proyecto es la búsqueda —tal vez  utópica— de la polis original, aquella gobernada sin representantes, en una democracia directa; con ciudadanos libres y con espacios públicos (normalmente al aire libre) para la discusión y la deliberación. Era una democracia desintermediada,  medida y acotada por el espacio del ágora. Y este espacio estaba medido,  a su vez, por el alcance la la voz. Era a partir de esta medida humana  que la polis cobraba su tamaño y su gobernabilidad.</p>
<p>Cabe hoy  preguntarnos por nuestra relación con el espacio negociable de nuestras ciudades, con nuestros  vecinos, con nuestro territorio urbano. Son curiosamente el diseño y la tecnología lo que viene a cuestionar (si no a desmantelar) es el actual paradigma de gobernabilidad, abriendo la posibilidad de la nueva voz pública interconectada que busca su propia y justa medida. Este proyecto avanza en proponer una medida para esta voz nueva.</p>
<p><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.34.23.png" title="Quadra - Mapa de publicaciones" rel="lightbox[8687]"><img class="alignnone size-thumbnail wp-image-8688" title="Quadra - Mapa de publicaciones" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.34.23-260x483.png" alt="" width="70" height="130" /></a><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.47.24.png" title="Quadra - Buscador con etiquetas de toponimia" rel="lightbox[8687]"><img class="alignnone size-thumbnail wp-image-8691" title="Quadra - Buscador con etiquetas de toponimia" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.47.24-260x483.png" alt="" width="70" height="130" /></a><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.47.49.png" title="Quadra - Mapa y detalle de una publicación" rel="lightbox[8687]"><img class="alignnone size-thumbnail wp-image-8693" title="Quadra - Mapa y detalle de una publicación" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.47.49-260x483.png" alt="" width="70" height="130" /></a><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.52.03.png" title="Quadra - Discusión de publicación" rel="lightbox[8687]"><img class="alignnone size-thumbnail wp-image-8696" title="Quadra - Discusión de publicación" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.52.03-260x483.png" alt="" width="70" height="130" /></a><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.47.39.png" title="Quadra - Valorar publicación" rel="lightbox[8687]"><img class="alignnone size-thumbnail wp-image-8692" title="Quadra - Valorar publicación" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.47.39-260x483.png" alt="" width="70" height="130" /></a><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.47.53.png" title="Quadra - Comentar publicación" rel="lightbox[8687]"><img class="alignnone size-thumbnail wp-image-8694" title="Quadra - Comentar publicación" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.47.53-260x483.png" alt="" width="70" height="130" /></a><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.34.30.png" title="Quadra - Escribir una nueva publicación o asunto" rel="lightbox[8687]"><img class="alignnone size-thumbnail wp-image-8689" title="Quadra - Escribir una nueva publicación o asunto" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.34.30-260x483.png" alt="" width="70" height="130" /></a><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.34.34.png" title="Quadra - Elección de microformatos para publicación" rel="lightbox[8687]"><img class="alignnone size-thumbnail wp-image-8690" title="Quadra - Elección de microformatos para publicación" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/Screenshot-2010-03-11-a-las-17.34.34-260x483.png" alt="" width="70" height="130" /></a></p>
<hr />
<blockquote><p><a href="http://www.ead.pucv.cl/wp-content/archivos/2010/03/perfectMap.jpg" title="The Perfect Map - An Absolute Blank!" rel="lightbox[8687]"><img class="alignright  size-thumbnail wp-image-8705" title="The Perfect Map - An Absolute Blank!" src="http://www.ead.pucv.cl/wp-content/archivos/2010/03/perfectMap-260x435.jpg" alt="" width="226" height="378" /></a><br />
He had bought a  large map representing the sea,<br />
Without the least vestige of land:<br />
And  the crew were much pleased when they<br />
found it to be<br />
A  map they could all understand.<br />
&#8220;What&#8217;s the good of Mercator&#8217;s North  Poles and<br />
Equators,<br />
Tropics, Zones, and  Meridian Lines?&#8221;<br />
So the Bellman would cry: and the crew  would<br />
reply<br />
&#8220;They are merely  conventional signs!<br />
&#8220;Other maps are such shapes, with their  islands<br />
and capes!<br />
But  we&#8217;ve got our brave Captain to thank:<br />
(So the crew would  protest) &#8220;that he&#8217;s bought us<br />
the best—<br />
A perfect and absolute blank!&#8221;</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.ead.pucv.cl/2010/quadra/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Viendo en la Transparencia</title>
		<link>http://www.herbertspencer.net/2010/viendo-en-la-transparencia/</link>
		<comments>http://www.herbertspencer.net/2010/viendo-en-la-transparencia/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 20:29:14 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[investigación]]></category>
		<category><![CDATA[transparencia]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=185</guid>
		<description><![CDATA[A comienzos del 2007 tuve el inmenso privilegio de asistir a un curso único: Visualización de Información enseñado por Ben Fry (creador de Processing) y Golan Levin, reconocido artista digital. Este curso (único e irrepetible en su especie), se centró en el proceso de generar visualizaciones a partir de grandes cuerpos de datos. El énfasis [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>A comienzos del 2007 tuve el inmenso privilegio de asistir a un curso único: Visualización de Información enseñado por <a title="Página personal de Ben Fry" href="http://www.benfry.com/">Ben Fry</a> (creador de Processing) y <a title="Página personal de Golan Levin" href="http://www.flong.com/">Golan Levin</a>, reconocido artista digital. Este curso (único e irrepetible en su especie), se centró en el proceso de generar visualizaciones a partir de grandes cuerpos de datos. El énfasis no estaba puesto en el despliegue técnico —o la proeza del código— sino la capacidad de poder <em>urdir narrativas interesantes</em> a partir de un montón amorfo de data.</p>
<p>La metodología de trabajo fue la siguiente, siguiendo la propuesta por Ben Fry en su <a title="Tesis completa en PDF" href="http://benfry.com/phd/dissertation-050312b-acrobat.pdf">tesis doctoral</a>, <em>Computational Information Design</em>.</p>
<ol>
<li> <strong>Adquisición de datos</strong>: Recolección y catastro de datos dinámicos y cambiantes</li>
<li> <strong>Análisis de datos</strong>:  (eng: <em>Parsing</em>) Formateo de datos de acuerdo al uso, conexión de la data a la aplicación propia.</li>
<li> <strong>Filtración de datos</strong>: Automatización de procesos manuales que tienden a ser altamente tediosos</li>
<li> <em><strong>Data mining</strong></em>: Estracción de datos significativos</li>
<li> <strong>Representación</strong>: Elección y diseño del lenguaje visual, prototipado</li>
<li> <strong>Refinación</strong>: Cambio o ajuste de las leyes de representación</li>
<li> <strong>Interacción</strong>: Transición contínua entre los diversos estados o puntos de vista alternativos, navegación y adaptación por parte del usuario.</li>
</ol>
<p>Claramente la parte más sucia del proceso es la adquisición de datos porque generalmente hay que sacarlos de lugares donde no los quieren prestar. Hay que construir robots que roben sistemáticamente los datos de determinado sitio web (pero no tan sistemáticamente, para que no te pillen y bloqueen tu IP) buscar y escarbar en tablas HTML, lipiar tags inútiles, etc.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2010/viendo-en-la-transparencia/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>La Continuidad de la Experiencia</title>
		<link>http://www.herbertspencer.net/2010/la-continuidad-de-la-experiencia/</link>
		<comments>http://www.herbertspencer.net/2010/la-continuidad-de-la-experiencia/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 03:21:50 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[investigación]]></category>
		<category><![CDATA[notas]]></category>
		<category><![CDATA[continuidad]]></category>
		<category><![CDATA[experiencia]]></category>
		<category><![CDATA[grafos]]></category>
		<category><![CDATA[lenguajes]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=251</guid>
		<description><![CDATA[En un proyecto de diseño para un sistema o servicio hay que diseñar su ser y su tiempo. Tenemos todas las herramientas para diseñar su ser en cuanto estructura de grafo: cajas y flechas, mapas de navegación, jerarquías y niveles; pero muy pocas para pensar la cadencia del tiempo, la cadencia de los momentos, la lógica y los comportamientos de los elementos.]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2010/la-continuidad-de-la-experiencia/" title="Permanent link to La Continuidad de la Experiencia"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2010/01/grafo-bike.png" width="300" height="190" alt="Post image for La Continuidad de la Experiencia" /></a>
</p><h2>Ser y Tiempo</h2>
<p>Quisiera hablar del <em>diseño para la experiencia</em><sup><a href="http://www.herbertspencer.net/2010/la-continuidad-de-la-experiencia/#footnote_0_251" id="identifier_0_251" class="footnote-link footnote-identifier-link" title="Quiero evitar la pol&eacute;mica del concepto Dise&ntilde;o de Experiencia por tratarse, en t&eacute;rminos estrictos, de un error: es imposible, si no pretencioso, dise&ntilde;ar una experiencia para alguien. Lo que hacemos es dise&ntilde;ador las formas y comportamientos de aquellos elementos que indirectamente condicionar&aacute;n la experiencia del lector o usuario. En ingl&eacute;s tambi&eacute;n existe esta pol&eacute;mica, pero se ha nombrado Design for Experience o simplemente UX.">1</a></sup> en general, desde la pregunta <em>qué es aquello que debemos que diseñar</em> para cuidar la experiencia dentro de un sistema o servicio.</p>
<p>Ante cualquier proyecto, sabemos que debemos diseñar la <strong>forma</strong>, tanto estructural como visual y sabemos que debemos diseñar su <strong>tiempo</strong>, tanto la información como comportamiento; esto, para todo sistema o servicio. Es decir, debemos<strong> diseñar su ser y su tiempo</strong>, si me permiten esas dos categorías fundamentales que tomo prestadas de Heidegger. Creo que es buena esa división porque definitivamente no dejamos nada afuera y nos permite entender el proceso de diseño desde esta dualidad.</p>
<p>En general, y no sé por qué motivo, en casi todas las instancias de un proyecto, las herramientas y los lenguajes que tenemos a disposición dentro del proceso se centran en definir el <em>ser</em> y muy pocas herramientas y lenguajes nos ayudan a definir el <em>tiempo</em>. Me explico: hacemos diagramas de afinidad<sup><a href="http://www.herbertspencer.net/2010/la-continuidad-de-la-experiencia/#footnote_1_251" id="identifier_1_251" class="footnote-link footnote-identifier-link" title="o Card Sorting">2</a></sup> para generar los mapas de navegación, establecemos jerarquías y estructuras, hacemos esquemas y configuraciones de pantalla, etc. pero muy pocas veces nos centramos en los comportamientos y flujos individuales. Este punto es crítico ya que, si nos centramos en la experiencia como fin, es fundamental tener un lenguaje que nos permita diseñar la cadencia de los elementos para la construcción de su demora. No tenemos cabeza de partitura o de flujo; tenemos cabeza de grafos, de nodos y conectivas, cajas y flechas; que sólo nos permiten comprender el tiempo como momentos discretos.</p>
<h2>Los Grafos</h2>
<p>Pareciera que la metáfora visual de <a href="http://es.wikipedia.org/wiki/Teor%C3%ADa_de_grafos">los grafos</a> se ha instalado como una suerte de <a href="http://es.wikipedia.org/wiki/Meme">meme</a> imperialista que sirve para explicar todo; relaciones entre entidades reales o abstractas, mapas conceptuales, esquemas semánticos, sociogramas, gestión de recursos y/o proyectos, redes neuronales, computacionales, hipertextos, etc. Cualquier objeto puede tratarse como nodo y cualquier relación como vínculo. No deja de ser sospechosa una metáfora visual que pueda representar tantas cosas, pero sin duda la simpleza de su gramática es la que le da su fuerza. En resumen, creo que vivimos en el tiempo de las redes y, por lo tanto, pensamos con grafos.</p>
<p><img class="aligncenter size-full wp-image-254" title="Grafo de una red cualquiera o un esquema estructural de una bicicleta" src="http://www.herbertspencer.net/wp/wp-content/uploads/2010/01/grafo-bike.png" alt="" width="300" height="190" />Por ejemplo, el grafo de la figura podría representar la estructura de un hipertexto cualquiera, con nodos y vínculos. Una vez trabajaba en un grafo similar y lo vio un amigo, algo mayor, y me preguntó por qué estaba yo diseñando una bicicleta. Él vió en el grafo una bicileta. Lo que yo llamaba nodos, él llamaba vínculos y vice-versa. Era el choque de dos visiones culturales distintas: para él la sustancia son los fierros y las uniones son las soldaduras; yo, por mi parte, con mi cabeza de hipertexto veía la sustancia en los nodos y las líneas como saltos inmateriales. Si uno mira el marco de bicicleta es porque entiende que los protagonistas son los tubos y las uniones son la forma de construir una estructura ad-hoc.</p>
<p>Para avanzar en una cabeza centrada en la experiencia que cuida la forma en que las personas que usan, activan, recorren nuestros servicios y sistemas, debemos comenzar por mirar la bicicleta, entender los tipos de tubos, sus largos, sus materiales, etc.</p>
<p>Hoy en día esta realidad es cada vez más concreta, ya que los modelos tradicionales basados en &#8220;la filosofía nodo&#8221; no sirven para proyectos complejos de alta interacción. Es decir, los mapas de navegación son una guía preliminar, pero que no sirve para comenzar a documentar y planear el diseño de experiencia: no hay espacio para &#8220;los tubos&#8221;, que son demasiados.</p>
<table border="0" align="center">
<tbody>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"><span style="color: #cc0000;"><strong>1</strong></span></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">2</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"><span style="color: #cc0000;"><strong>3</strong></span></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">3</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">4</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"><span style="color: #cc0000;"><strong>6</strong></span></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">4</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">5</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">10</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"><span style="color: #cc0000;"><strong>10</strong></span></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">5</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">6</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">15</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">20</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"><span style="color: #cc0000;"><strong>15</strong></span></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">6</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">7</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">21</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">35</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">35</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"><span style="color: #cc0000;"><strong>21</strong></span></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">7</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">8</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">28</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">56</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">70</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">56</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"><span style="color: #cc0000;"><strong>28</strong></span></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">8</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
</tr>
<tr style="text-align: center;" align="center" valign="middle">
<td style="width: 20px;" align="center" valign="middle">1</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">9</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">36</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">84</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">126</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">126</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">84</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle"><span style="color: #cc0000;"><strong>36</strong></span></td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">9</td>
<td style="width: 20px;" align="center" valign="middle"></td>
<td style="width: 20px;" align="center" valign="middle">1</td>
</tr>
</tbody>
</table>
<p>A cada <em>n</em> cantidad de nodos, los máximos vínculos posibles serán <em>(n * (n-1))/2, </em>que corresponde a la tercera fila del triángulo de Pascal.  Ésto si los consideramos sólo como conexiones reversibles, pero ocurre en realidad que son el doble: <em>n * (n-1)</em> ya que <em>ir y venir no da lo mismo</em> si seguimos pensando en diseñar experiencias. Éso es comenzar a mirar la bicicleta.</p>
<h2>¿Y el Tiempo?</h2>
<p>La bicicleta no resuelve el problema fundamental del tiempo, es sólo el primer paso para entender <em>el material con el que está hecha</em> la experiencia en un sistema. Así como las conversaciones, las experiencias tienen un comienzo, un desarrollo y un final. Esta obviedad debe cumplirse y diseñarse pero suele ser pasada por alto la mayoría de las veces. Por eso diseñamos <a href="http://www.herbertspencer.net/2008/partituras-de-interaccion/">las partituras de interacción</a>: para poder formalizar el modo del diálogo entre la persona y el sistema. Este lenguaje es heredado del llamado <em>service blueprinting</em> que permite dibujar el recorrido de una persona a través de un sistema.</p>
<div id="attachment_435" class="wp-caption alignnone" style="width: 470px">
	<a href="http://www.herbertspencer.net/wp/wp-content/uploads/2010/02/Blueprint-unidad-emergencia-adulto.jpg" rel="lightbox[251]"><img class="size-medium wp-image-435" title="Blueprint: Unidad de Emergencia Adulto, Hospital de Quilpué" src="http://www.herbertspencer.net/wp/wp-content/uploads/2010/02/Blueprint-unidad-emergencia-adulto-470x193.jpg" alt="" width="470" height="193" /></a>
	<p class="wp-caption-text">Paritura realizada por Dámaris Sepúlveda para el diseño del servicio de atención primaria de Quilpué. http://blogs.ead.pucv.cl/servicios/</p>
</div>
<p>Nótese que esta mirada permite literalmente <em>curvar el sistema en torno de la experiencia del usuario</em>. Acá no importa la complejidad completa del hospital, sino que solamente ilustramos el recorrido de la persona a través de él. Ló único del &#8220;sistema&#8221; son las capas que nos permiten distinguir qué clases de procesos están involucrados. En el caso de las <a href="../../2008/partituras-de-interaccion/">las partituras de interacción</a> esta situación está simplificada para poder construir un lenguaje más elemental que permita comunicarse tanto al cliente como a los desarrolladores: se trata de un lenguaje que intenta ser transversal a todo el proceso ya que la experiencia, en su sutil delicadeza, es lo más frájil del diseño y lo primero que suele sucumbir al proceso mismo. Este tema da para mucho más porque estamos recién partiendo seriamente con esto.</p>
<ol class="footnotes"><li id="footnote_0_251" class="footnote">Quiero evitar la polémica del concepto <em>Diseño de Experiencia</em> por tratarse, en términos estrictos, de un error: es imposible, si no pretencioso, diseñar una experiencia para alguien. Lo que hacemos es diseñador las formas y comportamientos de aquellos elementos que indirectamente condicionarán la experiencia del lector o usuario. En inglés también existe esta polémica, pero se ha nombrado <em>Design for Experience</em> o simplemente <em>UX</em>.</li><li id="footnote_1_251" class="footnote">o <em>Card Sorting</em></li></ol>]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2010/la-continuidad-de-la-experiencia/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

