<?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 &#187; investigación</title>
	<atom:link href="http://www.herbertspencer.net/paginas/research/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>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>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>
		<item>
		<title>Partituras de Interacción</title>
		<link>http://www.herbertspencer.net/2008/partituras-de-interaccion/</link>
		<comments>http://www.herbertspencer.net/2008/partituras-de-interaccion/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 22:24:15 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[escuela]]></category>
		<category><![CDATA[imagen]]></category>
		<category><![CDATA[investigación]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[graphic notation]]></category>
		<category><![CDATA[notación gráfica]]></category>
		<category><![CDATA[visual language]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=149</guid>
		<description><![CDATA[Este lenguaje visual propone un sistema de notación gráfica para formalizar los flujos de interacción en una plataforma o servicio digital. Descargar Plantilla para Omnigraffle Plantilla Omnigraffle 2, versión correjida y aumentada (nueva) Archivo Illustrator CS3 Estos archivos están bajo licencia Creative Commons Atribución-Licenciar Igual 2.0 Chile desarrollado en la e[ad] Escuela de Arquitectura y [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2008/partituras-de-interaccion/" title="Permanent link to Partituras de Interacción"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/11/partitura.png" width="979" height="825" alt="Post image for Partituras de Interacción" /></a>
</p><p>Este lenguaje visual propone un sistema de notación gráfica para formalizar los flujos de interacción en una plataforma o servicio digital.</p>
<div style="background-color: #fffbcc; padding: 1em; margin: 1em;">
<h3>Descargar</h3>
<ul>
<li><a href="http://wiki.ead.pucv.cl/images/c/c1/Alfa_2.0.stencil.zip">Plantilla para Omnigraffle</a></li>
<li><a href="http://www.herbertspencer.net/archivo/interaction-score.gstencil.zip"><strong>Plantilla Omnigraffle 2</strong></a>, versión correjida y aumentada (nueva)</li>
<li><a href="http://wiki.ead.pucv.cl/images/8/83/Alfa_2.0.ait.zip">Archivo Illustrator CS3<br />
</a></li>
</ul>
<p><small>Estos archivos están bajo licencia <a title="Licencia del trabajo" href="http://creativecommons.org/licenses/by-sa/2.0/cl/">Creative Commons Atribución-Licenciar Igual 2.0 Chile</a> desarrollado en la <strong>e[ad] Escuela de Arquitectura y Diseño</strong> por <strong>Katherine Exss</strong> (2007-2008) y <strong>Nicole Dupré</strong> (2008) como proyecto de título de Diseño Gráfico.</small></p>
</div>
<h3>Introducción</h3>
<p>La complejidad de un proyecto de desarrollo Web requiere de una metodología escalonada que normalmente es abordada por un equipo multidisciplinario. Dentro de este proceso podemos distinguir:</p>
<ol>
<li>Estrategia</li>
<li>Investigación de usuarios</li>
<li>Definición de arquitectura de información</li>
<li>Definición de interacción</li>
<li>Diseño de interfaz</li>
<li>Producción</li>
<li>Testeo</li>
</ol>
<p>A lo largo de este proceso, los lenguajes de representación y formalización (mapas de navegación, wireframes, esquemas de datos, diagramas de flujo, etc.) van marcando cada etapa pero carecemos de un sistema que permita transversalizar el producto final: la experiencia del usuario.</p>
<p>Este lenguaje propone un sistema de notación que pueda acompañar el proyecto desde la etapa de estrategia (alto grado de abstracción) hasta la etapa final de implementación en código (alto grado de especificidad), permitiendo a cada actor del proyecto (estrategas, diseñadores y programadores) comprender el total y cuidar el cumplimiento de la visión original. Se trata de un sistema que permite coreografiar y orquestar cuidadamente el díagolo en continuidad entre la persona y el servicio.</p>
<h3>Cómo funciona</h3>
<p>Las partituras de interacción descomponen el diálogo entre la persona y el servicio en 3 distintas capas horizontales:</p>
<ol>
<li><strong>Acciones del usuario</strong>: la intensionalidad del usuario expresada en sus acciones concretas<br />
<em><span style="color: #999999;">———————— línea de interacción ————————</span></em></li>
<li><strong>Contacto directo</strong>: los elementos de interfaz que permiten al usuario ejecutar tales acciones<br />
<em><span style="color: #999999;">———————— línea de visibilidad ————————</span></em></li>
<li><strong>Proceso</strong>: las funciones que permiten al sistema (servidor) dar respuesta en el diálogo con el usuario</li>
</ol>
<p>Cada módulo de interacción se compone como un compás en esta partitura. Estos compases (o patrones de interacción) permiten ensamblarse para verificar la lógica y la calidad de la experiencia en determinados escenarios de uso, así como detectar incosistencias o puntos críticos en el servicio.</p>
<p>Esperamos que esta herramienta se constituya como una ayuda para el desarrollo de aplicaciones y servicios para Internet, así como un facilitador del diálogo dentro de los equipos de diseño.</p>
<p>Este proyecto se encuentra en fase de evaluación, por lo tanto, para poder avanzar en su afinación es de vital contar con tus comentarios.</p>
<h4>Links</h4>
<ul>
<li><a title="en Wiki Casiopea" href="http://wiki.ead.pucv.cl/index.php/Lenguajes_Visuales_para_la_Interacci%C3%B3n">Documentación de Katherine Exss</a></li>
<li><a title="en Wiki Casiopea" href="http://wiki.ead.pucv.cl/index.php/Partituras_de_Interacci%C3%B3n">Documentación de Nicole Dupré</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2008/partituras-de-interaccion/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Partituras de Interacción</title>
		<link>http://www.ead.pucv.cl/2008/partituras-de-interaccion/</link>
		<comments>http://www.ead.pucv.cl/2008/partituras-de-interaccion/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 22:04:15 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[escuela]]></category>
		<category><![CDATA[investigación]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[lenguaje visual]]></category>
		<category><![CDATA[notación gráfica]]></category>

		<guid isPermaLink="false">http://www.ead.pucv.cl/?p=2935</guid>
		<description><![CDATA[Este lenguaje visual propone un sistema de notación gráfica para formalizar los flujos de interacción en una plataforma o servicio digital.]]></description>
			<content:encoded><![CDATA[<p></p><p>Este lenguaje visual propone un sistema de notación gráfica para formalizar los flujos de interacción en una plataforma o servicio digital.</p>
<div style="background-color: #FFFBCC; padding: 1em; margin: 1em;">
<h3>Descargar</h3>
<ul>
<li><a href="http://wiki.ead.pucv.cl/images/c/c1/Alfa_2.0.stencil.zip">Plantilla para Omnigraffle</a></li>
<li><a href="http://wiki.ead.pucv.cl/images/8/83/Alfa_2.0.ait.zip">Archivo Illustrator CS3<br />
</a></li>
</ul>
<p><small>Estos archivos están bajo licencia <a title="Licencia del trabajo" href="http://creativecommons.org/licenses/by-sa/2.0/cl/">Creative Commons Atribución-Licenciar Igual 2.0 Chile</a> desarrollado en la <strong>e[ad] Escuela de Arquitectura y Diseño</strong> por <strong>Katherine Exss</strong> (2007-2008) y <strong>Nicole Dupré</strong> (2008) como proyecto de título de Diseño Gráfico.</small></p>
</div>
<h3>Introducción</h3>
<p>La complejidad de un proyecto de desarrollo Web requiere de una metodología escalonada que normalmente es abordada por un equipo multidisciplinario. Dentro de este proceso podemos distinguir:</p>
<ol>
<li>Estrategia</li>
<li>Investigación de usuarios</li>
<li>Definición de arquitectura de información</li>
<li>Definición de interacción</li>
<li>Diseño de interfaz</li>
<li>Producción</li>
<li>Testeo</li>
</ol>
<p>A lo largo de este proceso, los lenguajes de representación y formalización (mapas de navegación, wireframes, esquemas de datos, diagramas de flujo, etc.) van marcando cada etapa pero carecemos de un sistema que permita transversalizar el producto final: la experiencia del usuario.</p>
<p>Este lenguaje propone un sistema de notación que pueda acompañar el proyecto desde la etapa de estrategia (alto grado de abstracción) hasta la etapa final de implementación en código (alto grado de especificidad), permitiendo a cada actor del proyecto (estrategas, diseñadores y programadores) comprender el total y cuidar el cumplimiento de la visión original. Se trata de un sistema que permite coreografiar y orquestar cuidadamente el díagolo en continuidad entre la persona y el servicio.</p>
<h3>Cómo funciona</h3>
<p>Las partituras de interacción descomponen el diálogo entre la persona y el servicio en 3 distintas capas horizontales:</p>
<ol>
<li><strong>Acciones del usuario</strong>: la intensionalidad del usuario expresada en sus acciones concretas<br />
<em><span style="color: #999999;">———————— línea de interacción ————————</span></em></li>
<li><strong>Contacto directo</strong>: los elementos de interfaz que permiten al usuario ejecutar tales acciones<br />
<em><span style="color: #999999;">———————— línea de visibilidad ————————</span></em></li>
<li><strong>Proceso</strong>: las funciones que permiten al sistema (servidor) dar respuesta en el diálogo con el usuario</li>
</ol>
<p>Cada módulo de interacción se compone como un compás en esta partitura. Estos compases (o patrones de interacción) permiten ensamblarse para verificar la lógica y la calidad de la experiencia en determinados escenarios de uso, así como detectar incosistencias o puntos críticos en el servicio.</p>
<p>Esperamos que esta herramienta se constituya como una ayuda para el desarrollo de aplicaciones y servicios para Internet, así como un facilitador del diálogo dentro de los equipos de diseño.</p>
<p>Este proyecto se encuentra en fase de evaluación, por lo tanto, para poder avanzar en su afinación es de vital contar con tus comentarios.</p>
<h4>Links</h4>
<ul>
<li><a title="en Wiki Casiopea" href="http://wiki.ead.pucv.cl/index.php/Lenguajes_Visuales_para_la_Interacci%C3%B3n">Documentación de Katherine Exss</a></li>
<li><a title="en Wiki Casiopea" href="http://wiki.ead.pucv.cl/index.php/Partituras_de_Interacci%C3%B3n">Documentación de Nicole Dupré</a></li>
</ul>
<p><a href="http://www.ead.pucv.cl/wp-content/archivos/2008/11/02_explora.jpg" title="Módulo &quot;Explora&quot; del sitio de Travesías" rel="lightbox[2935]"><img class="aligncenter size-medium wp-image-2947" title="Módulo &quot;Explora&quot; del sitio de Travesías" src="http://www.ead.pucv.cl/wp-content/archivos/2008/11/02_explora-605x227.jpg" alt="" width="605" height="227" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ead.pucv.cl/2008/partituras-de-interaccion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo diseñar democracia en la red</title>
		<link>http://www.herbertspencer.net/2008/como-disenar-democracia-en-la-red/</link>
		<comments>http://www.herbertspencer.net/2008/como-disenar-democracia-en-la-red/#comments</comments>
		<pubDate>Thu, 23 Oct 2008 13:30:54 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[investigación]]></category>
		<category><![CDATA[notas]]></category>
		<category><![CDATA[democracia]]></category>
		<category><![CDATA[design for democracy]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[metadesign]]></category>
		<category><![CDATA[network]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/?p=55</guid>
		<description><![CDATA[Escribo este post porque veo que ya están ocurriendo cosas en este ámbito y hablar de esto ahora deja de ser sólo teoría. Mi amigo Jorge planteó esta pregunta en políticaestero.tv (una nueva plataforma para la conversación política en Chile), respecto de cómo la política chilena puede recibir al espacio digital y veo con bastante [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.herbertspencer.net/2008/como-disenar-democracia-en-la-red/" title="Permanent link to Cómo diseñar democracia en la red"><img class="post_image alignnone" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/10/reversibilidad.png" width="342" height="201" alt="¿Cuales son los principios y cuidados que debemos observar para diseñar y construir plataformas democráticas en internet? " /></a>
</p><p style="text-align: left;">Escribo este post porque veo que ya están ocurriendo cosas en este ámbito y hablar de esto ahora deja de ser sólo teoría. Mi amigo <a title="Debates de Política Stereo" href="http://www.politicastereo.tv/debates.php">Jorge planteó esta pregunta en políticaestero.tv</a> (una nueva plataforma para la conversación política en Chile), respecto de cómo la política chilena puede recibir al espacio digital y veo con bastante expectación cómo comienza a configurarse una mirada más propositiva y constructiva en torno a la potencia de este medio como soporte para la democracia.</p>
<p style="text-align: left;">A continuación me quiero referir a ciertos puntos que considero críticos para abordar el diseño de plataformas de conversación política en la red fortaleciendo el poder de la participación.</p>
<p style="text-align: center;"><img class="size-full wp-image-134 aligncenter" title="Conversación en red" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/10/conversacion-en-red.png" alt="" /></p>
<h3 style="text-align: left;">La Infraestructura</h3>
<p style="text-align: left;">La democracia parte de una la base: lo &#8220;en común&#8221;, aquello que es patrimonio público. La discusión política también ha de ser pública y ha de desarrollarse en un espacio público.</p>
<blockquote style="text-align: left;"><p>&#8220;It is a fundamental rule of their government, that no conclusion can be made in anything that relates to the public till it has been first debated three several days in their council. It is death for any to meet and consult concerning the State, unless it be either in their ordinary council, or in the assembly of the whole body of the people.&#8221;<sup><a href="http://www.herbertspencer.net/2008/como-disenar-democracia-en-la-red/#footnote_0_55" id="identifier_0_55" class="footnote-link footnote-identifier-link" title="Sir Thomas More. Of their Magistrates, Utopia">1</a></sup></p></blockquote>
<p style="text-align: left;">El distingo público-privado en la red es difuso y se debe principalmente al origen de la inversión de la infraestructura que posibilita la existencia de ese espacio (o servicio). Los proveedores del servicio de conexión a Internet —o <acronym title="Internet Service Provider">ISP</acronym>s— son los que delinean y configuran el aspecto de la red, es decir, las proximidades y distancias en este espacio.</p>
<p style="text-align: left;">Entonces, una de las principales barreras para la validación de los discursos verdaderamente democráticos es que toda la discusión ocurre sobre infraestructura es privada. A pesar de tener principios basados en la apertura, los soportes siguen siendo corporativos. Es como un mall, que está abierto al público pero no es público.</p>
<p style="text-align: left;">Una posible vía para revertir esta situación es promover otra arquitectura para la red, por ejemplo, la propuesta por la iniciativa <acronym title="One Laptop per Child">OLPC</acronym> que aboga por la <a title="Topología de Malla en Wikipedia" href="http://es.wikipedia.org/wiki/Topolog%C3%ADa_en_malla">topología de malla</a>, donde cada computador es un nodo replicador, es decir, cada participante se contituye como el medio mismo.</p>
<p style="text-align: center;"><img class="size-full wp-image-135 alignnone" title="Construyendo relevancia" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/10/relevancia.png" alt="" /></p>
<h3 style="text-align: left;">La Relevancia</h3>
<p style="text-align: left;">Temas semejantes deben tender a confluir y no a disgregarse. Todos sabemos que en una economía de la información el bien más escaso es la atención. Justamente esta es la labor que cumplen los buscadores: presentar en orden de relevancia los recursos relacionados a nuestro concepto (o tema) de búsqueda; siempre la idea es concentrar la información en <em>clusters</em> semánticos.</p>
<p style="text-align: left;">Así como existen foros, donde uno puede crear nuevos temas o seguir la conversación en temas ya creados, <strong>una arquitectura centrada en la relevancia</strong> debe proponer un diálogo que evite las ebras paralelas, los temas replicados y la información redundante y dispersa. Para lograr relevancia se debe centralizar la conversación y re-enebrar las ebras similares.</p>
<p style="text-align: left;">En cierta medida, se trata de centralizar los temas para constituirlos como espacio: <strong>espaciar los temas</strong>. Porque son precisamente los temas (<em>issues</em>) los que desencadenan los públicos a su alrededor<sup><a href="http://www.herbertspencer.net/2008/como-disenar-democracia-en-la-red/#footnote_1_55" id="identifier_1_55" class="footnote-link footnote-identifier-link" title="J&uuml;rgen Habermas sostiene que el concepto de &amp;#8220;esfera p&uacute;blica&amp;#8221; emerge desde el acto de comunicaci&oacute;n &mdash;o conversaci&oacute;n social&mdash; pero John Dewey sostiene que son precisamente los temas los que se instalan para construir p&uacute;blicos en torno a ellos.">2</a></sup>.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-136" title="Diálogos reversibles" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/10/reversibilidad.png" alt="" /></p>
<h3 style="text-align: left;">La Reversibilidad</h3>
<p style="text-align: left;">Las reglas que definen los formatos de conversación deben basarse en principios simétricos de diálogo. Básicamente permitir la réplica como un argumento equivalente. Se trata de construir un espacio <strong>maleable por todos</strong> y que permita la emergencia de un discurso validado desde la participación.<sup><a href="http://www.herbertspencer.net/2008/como-disenar-democracia-en-la-red/#footnote_2_55" id="identifier_2_55" class="footnote-link footnote-identifier-link" title="Es lo que Iv&aacute;n Illich denomina convivial.">3</a></sup></p>
<p style="text-align: left;">La dificultad que ofrece la validación de estos discursos emergentes es que &#8220;la gente&#8221; como institución no existe: siempre el discurso comenzará como una iniciativa &#8220;privada&#8221; que sólo podrá validarse mediante la masividad de la participación que convoque (las firmas que junte). Es en este sentido que la barrera de acceso a la creación de las temáticas debe ser mínima (ya basta con la barrera del acceso a la tecnología, a Internet y a la educación necesaria para desenvolverse en una plataforma semejante).</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-137" title="Conclusiones" src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/10/conclusiones.png" alt="" /></p>
<ol class="footnotes"><li id="footnote_0_55" class="footnote">Sir Thomas More. Of their Magistrates, Utopia</li><li id="footnote_1_55" class="footnote">Jürgen Habermas sostiene que el concepto de &#8220;esfera pública&#8221; emerge desde el acto de comunicación —o conversación social— pero John Dewey sostiene que son precisamente los temas los que se instalan para construir públicos en torno a ellos.</li><li id="footnote_2_55" class="footnote">Es lo que <a title="Tools for Conviviality" href="http://www.davidbourguignon.net/writings/tools-for-conviviality.html">Iván Illich</a> denomina <strong>convivial</strong>.</li></ol>]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2008/como-disenar-democracia-en-la-red/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Historias Dirigidas: Interpretando Experiencias</title>
		<link>http://www.herbertspencer.net/2008/historias-dirigidas/</link>
		<comments>http://www.herbertspencer.net/2008/historias-dirigidas/#comments</comments>
		<pubDate>Thu, 06 Mar 2008 01:17:17 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[investigación]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[métodos]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/2008/historias-dirigidas/</guid>
		<description><![CDATA[El diseño se ocupa de la construcción del significado. Pero más específicamente, los diseñadores proveemos a las personas de los elementos para construir sus propios significados. Pero ¿cómo los diseñadores podemos distinguir los elementos y artefactos detonantes de significado para otra persona? ¿cómo y a partir de qué discriminamos para cada caso? En la historia [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>El diseño se ocupa de la construcción del significado. Pero más específicamente, los diseñadores proveemos a las personas de los elementos para construir sus propios significados. Pero ¿cómo los diseñadores podemos distinguir los elementos y artefactos detonantes de significado para otra persona? ¿cómo y a partir de qué discriminamos para cada caso?</p>
<p>En la historia del diseño la respuesta a esta interrogante siempre ha venido de dos vertientes aparentemente opuestas: desde la <strong>investigación</strong> dura o desde la <strong>intuición</strong> basada en la experiencia personal.  En este último caso, el diseñador funciona como una especie de caja negra (genial, por lo demás) capaz discriminar los elementos, el lenguaje y tono precisos. El problema surge cuando el encargo nos lleva a un campo en el que no estamos familiarizados y no tenemos experiencia previa. En este caso la mera intuición carece de respaldo para actuar.</p>
<p>Si reconocemos a nuestro oficio como aquel capaz de construir puentes de comunicación (como dice <a title="cuando habla de Tufte" href="http://www.jbarahona.com/2007/04/17/celestial-mechanics/">Jorge</a>) en un contexto en el cual somos foráneos, requeriremos —necesariamente— de herramientas que nos permitan distinguir los códigos y los artefactos más significantes para el contexto específico; algo que nos permita comprender los <a title="lo que dice Darcy al respecto" href="http://www.darcy.cl/usabilidad/%c2%bfque-son-los-modelos-mentales/">modelos mentales</a> de los usuarios.</p>
<p><a title="Shelley Evenson, School of Design, CMU" href="http://www.design.cmu.edu/show_person.php?t=f&amp;id=ShelleyEvenson">Shelley Evenson</a> adaptó algunas metodologías de investigación etnográfica a un contexto de diseño, inventando el concepto de “<strong>historias dirigidas</strong>” (o <em>directed storytelling</em>) como una herramienta de indagación para estos escenarios.</p>
<p>Esta metodología corresponde a un tipo de entrevista en la cual se les pide a los participantes que reconstruyan una tarea específica, idealmente la central en su trabajo y que sea aquella que estemos re-diseñando o modificando a partir de un nuevo sistema. Este recorrido a lo largo de una tarea debe realizarse en el mismo espacio donde ocurre y utilizando las mismas herramientas. Puesto que el objetivo es comprender el acto en un nivel más íntimo (emocional) este método es muy suelto e informal. Dentro de las consideraciones para la documentación del proceso están:</p>
<ul>
<li>Un levantamiento completo del espacio físico, identificando circulaciones, lugares de detención, lugares de colisión o colaboración entre compañeros, lugares privados y de retiro</li>
<li>Levantamiento del entorno inmediato de trabajo (p. ej: escritorio, cubículo)</li>
<li>Identificación de las herramientas de trabajo</li>
<li>Identificación de los artefactos emocionales, aparentemente inútiles (fotos, adornos, etc.)</li>
<li>Dentro del proceso, identificar las prácticas “fuera de protocolo” pero necesarias para que las cosas funcionen</li>
<li>Identificar los puntos críticos que requieren de la destreza del usuario</li>
<li>Identificar fuerzas culturales y factores del entorno que incentiva o desincentivan su trabajo</li>
</ul>
<p>Este método es ideal para proyectos cortos con presupuestos reducidos, ya que en un tiempo muy breve, el equipo de diseño puede quedar informado de la intimidad y sutilezas implícitas en las tareas a rediseñar desde el punto de vista del usuario. Desde este “ponerse en los zapatos” del usuario de un modo empático, podremos capturar su modelo mental en el contexto de la tarea específica.</p>
<p>Una vez realizado este estudio, los entregables (si el equipo de diseño difiere de los entrevistadores) son:</p>
<ul>
<li>planos del espacio</li>
<li>historias (texto) y fotografías de las herramientas (idealmente 3 o 4)</li>
<li>síntesis gráfica de representación del modelo mental del proceso (agregando a los distintos usuarios)
<ul>
<li>p. ej. diagrama Ven como mapa de afinidad entre conceptos</li>
<li>p. ej. secuencia (cronograma) con puntos de decisión, circularidades</li>
<li>etc.</li>
</ul>
</li>
</ul>
<p>Se necesita: 1 entrevistador y 1 documentador.<br />
Para seguir en el tema recomiendo: &#8220;<a title="Ficha del libro en Google Books" href="http://books.google.cl/books?id=Zu00m04mba4C">Design Studies: Theory and Research in Graphic Design</a>&#8221; de <span class="addmd">Audrey Bennett</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2008/historias-dirigidas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Para qué investigamos con usuarios</title>
		<link>http://www.herbertspencer.net/2008/para-que-investigamos-con-usuarios/</link>
		<comments>http://www.herbertspencer.net/2008/para-que-investigamos-con-usuarios/#comments</comments>
		<pubDate>Thu, 28 Feb 2008 03:41:38 +0000</pubDate>
		<dc:creator>Herbert Spencer</dc:creator>
				<category><![CDATA[investigación]]></category>
		<category><![CDATA[diseño de interacción]]></category>
		<category><![CDATA[user research]]></category>

		<guid isPermaLink="false">http://www.herbertspencer.net/2008/02/27/para-que-investigamos-con-usuarios/</guid>
		<description><![CDATA[En términos generales, en todo proceso de diseño podemos distinguir 3 momentos o fases características: la fase exploratoria, donde se conocen a los usuarios y se define el territorio en juego la fase generativa, donde se plantean las ideas y conceptos a desarrollar y la fase evaluativa, donde se mide el producto o servicio respecto [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>En términos generales, en todo proceso de diseño podemos distinguir 3 momentos o fases características:</p>
<ol>
<li><span style="font-weight: bold" class="Apple-style-span">la fase exploratoria</span>, donde se conocen a los usuarios y se define el territorio en juego</li>
<li><span style="font-weight: bold" class="Apple-style-span">la fase generativa</span>, donde se plantean las ideas y conceptos a desarrollar</li>
<li><span style="font-weight: bold" class="Apple-style-span">y la fase evaluativa</span>, donde se mide el producto o servicio respecto de los usuarios</li>
</ol>
<p>Está claro que la transición entre una y otra no se da de manera nítida y existen traslapes y dependencias conocidas. Sin embargo, lo que resulta determinante en el proceso, es la solidez de la fase exploratoria pues es desde ella que se fundamenta todo el proyecto hacia adelante.</p>
<p><img src="http://www.herbertspencer.net/wp/wp-content/uploads/2008/02/fases.jpg" alt="Las 3 fases en el proceso de diseño" /></p>
<p>O dicho de otro modo, mientras mejor esté abordada la fase exploratoria, mejor y más consistentes serán los conceptos generados en la fase propositiva. También es importante hacer notar que la investigación con usuarios puede (y a mi juicio, debe) estar presente en cada una de las fases, aquí nombro sólo algunos:</p>
<h3>Fase Exploratoria</h3>
<ul>
<li>Observación</li>
<li>Entrevistas</li>
<li>Narrativas Dirigidas (prometo escribir un post acerca de esto más adelante)</li>
<li>Encuestas</li>
<li>Investigación Bibliográfica (¿para qué inventar la pólvora denuevo?)</li>
</ul>
<h3>Fase Generativa</h3>
<ul>
<li>Cuadernillos, bitácoras y diarios con cámaras desechables</li>
<li>Sessiones participativas de co-diseño con usuarios (<a href="http://www.maketools.com/" title="MakeTools, metodología de diseño participativo ideada por Liz Sanders">makeTools</a>)</li>
<li>Sesiones de validación de conceptos</li>
</ul>
<h3>Fase Evaluativa</h3>
<ul>
<li>Sesiones de validación de <em>escenarios</em></li>
<li>Test con prototipos de papel (wireframes funcionales &#8220;a mano&#8221;)</li>
<li>Eyetracking</li>
<li>Análisis Heurístico</li>
</ul>
<p>En Chile estamos <a href="http://www.eyetracking.cl/" title="Eyetracking en Chile">comenzando a evangelizar</a> para tomar seriamente estas metodologías, pero recién estamos entendiendo la investigación como evaluación. ¿Que pasa con las fases más fundamentales y tempranas del proceso?</p>
<p>Un buen diseño es aquel que comprende el secreto del usuario, que es capaz de interpretarlo. Para lograr ese grado de empatía, la fase exploratoria busca acceder y construir los <strong>modelos mentales</strong> que enmarcan el comportamiento del usuario. Si el diseño del producto final interpreta correctamente el modelo mental del usuario, no existirá colisión entre espectativas y respuesta del sistema, la curva de aprendizaje será menor y el producto será altamente &#8220;apropiable&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.herbertspencer.net/2008/para-que-investigamos-con-usuarios/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

