crowds/es-MX.html

1705 lines
54 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--
THE WISDOM AND/OR MADNESS OF CROWDS
by Nicky Case | apr 2018
- - - - - - - - - - -
FAN TRANSLATION GUIDE:
https://github.com/ncase/crowds#how-to-translate-this-thing
Hello fan-translaters! Thank you so, so much for your help.
I hope you know what you've gotten yourself into.
There's about 3600+ WORDS to translate, including
the Bonus Boxes and References.
To make things easier (or less painful, anyway) I've marked
what needs to be translated and how with big "TRANSLATE" comments.
Ctrl+F for "TRANSLATE" in uppercase to see what needs to be translated!
BUT BEFORE YOU TRANSLATE ANYTHING, DO THIS:
1) Look up the two-letter code of the language you're translating to:
https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
2) *COPY* index.html, and name the copy [two-letter-code].html
For example: de.html, ar.html, zh.html, etc...
3) Translate *THAT* page. Do NOT modify the original index.html!
And once you're done, go to "translations.txt", and follow the
instructions there to let this game "know" your translation exists.
Good luck, and thanks again!
<3,
~ Nicky Case
-->
<!DOCTYPE html>
<html>
<head>
<!-- Meta Info -->
<title>La Sabiduría y/o Locura de las Masas</title> <!-- <title>(TRANSLATE this part only)</title> -->
<meta name="description" content="una guía interactiva a las redes humanas"/> <!-- content="(TRANSLATE this part only)" -->
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta charset="utf-8">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="alternate" href="http://ncase.me/crowds/" hreflang="en">
<link rel="alternate" href="http://ncase.me/crowds/cs.html" hreflang="cs">
<link rel="alternate" href="http://ncase.me/crowds/es.html" hreflang="es-ES">
<link rel="alternate" href="http://ncase.me/crowds/es-MX.html" hreflang="es-MX">
<link rel="alternate" href="http://ncase.me/crowds/fr.html" hreflang="fr">
<link rel="alternate" href="http://ncase.me/crowds/it.html" hreflang="it">
<link rel="alternate" href="http://ncase.me/crowds/ja.html" hreflang="ja">
<link rel="alternate" href="http://ncase.me/crowds/pt.html" hreflang="pt">
<link rel="alternate" href="http://ncase.me/crowds/ru.html" hreflang="ru">
<link rel="alternate" href="http://ncase.me/crowds/uk.html" hreflang="uk">
<link rel="alternate" href="http://ncase.me/crowds/vi.html" hreflang="vi">
<link rel="alternate" href="http://ncase.me/crowds/zh-CN.html" hreflang="zh-CN">
<link rel="alternate" href="http://ncase.me/crowds/zh-TW.html" hreflang="zh-TW">
<!-- Sharing -->
<meta itemprop="name" content="La Sabiduría y/o Locura de las Masas"> <!-- content="(TRANSLATE this part only)" -->
<meta itemprop="description" content="una guía interactiva a las redes humanas"> <!-- content="(TRANSLATE this part only)" -->
<meta itemprop="image" content="http://ncase.me/crowds/social/thumb.png">
<meta name="twitter:title" content="La Sabiduría y/o Locura de las Masas"> <!-- content="(TRANSLATE this part only)" -->
<meta name="twitter:description" content="una guía interactiva a las redes humanas"> <!-- content="(TRANSLATE this part only)" -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ncasenmare">
<meta name="twitter:creator" content="@ncasenmare">
<meta name="twitter:image" content="http://ncase.me/crowds/social/thumb.png">
<meta property="og:title" content="La Sabiduría y/o Locura de las Masas"> <!-- content="(TRANSLATE this part only)" -->
<meta property="og:description" content="una guía interactiva a las redes humanas"> <!-- content="(TRANSLATE this part only)" -->
<meta property="og:type" content="website">
<meta property="og:url" content="http://ncase.me/crowds/es-MX.html">
<meta property="og:image" content="http://ncase.me/crowds/social/thumb.png">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/index.css?v=7">
</head>
<body>
<!-- THE SLIDESHOW -->
<div id="container">
<!-- Simulation(s) in background -->
<div id="simulations_container">
<div id="simulations"></div>
</div>
<!-- Slideshow: words & buttons -->
<div id="slideshow_container">
<div id="slideshow"></div>
</div>
<!-- Scratch Transition -->
<canvas id="scratch" width="711" height="400"></canvas>
<!-- Skip -->
<div id="skip">saltar &gt;</div> <!-- TRANSLATE -->
<!-- Modal -->
<div id="modal_container">
<div id="modal_bg"></div>
<div id="modal">
<div id="modal_close"></div>
<div id="modal_content_container">
<div id="modal_content"></div>
</div>
</div>
</div>
</div>
<!-- Navigation: Audio, Contents, Share, Translations -->
<div id="navigation_container">
<div id="sound" mute="no">
<div id="sound_icon"></div>
<span id="sound_on">ENCENDIDO</span> <!-- TRANSLATE -->
<span id="sound_off">APAGADO</span> <!-- TRANSLATE -->
</div>
<div id="sharing">
<a id="fb" target="_blank" href="TODO"></a>
<a id="tw" target="_blank" href="TODO"></a>
<a id="em" target="_blank" href="TODO"></a>
<span id="share_title">
La Sabiduría y/o Locura de las Masas <!-- TRANSLATE -->
</span>
<span id="share_desc">
<!-- TRANSLATOR: keep this on ONE LINE or the social sharing will break! -->
¿Por qué los grupos de personas actúan de forma inteligente, tonta, amable o cruel? Una guía interactiva a las redes humanas: <!-- TRANSLATE -->
</span>
</div>
<div id="navigation">
<!-- The chapters -->
<!-- TRANSLATE all the Chapter names! -->
<div chapter="Introduction">
<span>0</span>
<span>0. Introducción</span>
</div>
<div chapter="Networks">
<span>1</span>
<span>1. Redes</span>
</div>
<div chapter="Simple">
<span>2</span>
<span>2. Contagios</span>
</div>
<div chapter="Complex">
<span>3</span>
<span>3. Contagios Complejos</span>
</div>
<div chapter="BB">
<span>4</span>
<span>4. Vínculos y Puentes</span> <!-- note: &amp; is html for the "and" sign -->
</div>
<div chapter="SmallWorld">
<span>5</span>
<span>5. Es un Mundo Pequeño</span>
</div>
<div chapter="Conclusion">
<span>6</span>
<span>6. En Conclusión...</span>
</div>
<div chapter="Credits">
<span>7</span>
<span>7. Créditos</span>
</div>
<div chapter="Sandbox">
<span></span>
<span>★ ¡Modo Sandbox! ★</span>
</div>
<!-- A divider -->
<span class="nav_divider"></span>
<!-- Bonus Notes & References -->
<div modal="bonus">
<span>?</span>
<span>¡Notas Extras!</span> <!-- TRANSLATE -->
</div>
<div modal="references">
<span style="margin-top: 7px; font-size: 35px;">*</span>
<span>Enlaces y Referencias</span> <!-- TRANSLATE -->
</div>
<div modal="translations">
<span style="margin-top:5px; position:relative;"><span style="
position: absolute;
top: -8px;
left: 6px;
">A</span><span style="
position: absolute;
font-size: 16px;
top: -1px;
left: 16px;
"></span></span>
<span>Traducciones</span> <!-- TRANSLATE -->
</div>
<!-- The hover bubble -->
<span id="nav_bubble"></span>
</div>
<div id="translations"></div>
<div id="social"></div>
</div>
<!-- The Pencil -->
<div id="pencil_container">
<canvas id="pencil"></canvas>
</div>
<!-- Preloader -->
<div id="pre_preloader">
<div>cargando...</div> <!-- TRANSLATE -->
</div>
</body>
</html>
<!-- - - - - -->
<!-- SCRIPTS -->
<!-- - - - - -->
<script src="js/lib/helpers.js"></script>
<script src="js/lib/inobounce.js"></script>
<script src="js/lib/minpubsub.src.js"></script>
<script src="js/lib/howler.min.js"></script>
<script src="js/lib/Key.js"></script>
<script src="js/lib/Mouse.js"></script>
<script src="js/lib/Sprite.js"></script>
<script src="js/slideshow/Slideshow.js"></script>
<script src="js/slideshow/Pencil.js"></script>
<script src="js/slideshow/Boxes.js"></script>
<script src="js/slideshow/Scratch.js"></script>
<script src="js/slideshow/Navigation.js"></script>
<script src="js/slideshow/SimUI.js"></script>
<script src="js/slideshow/SandboxUI.js"></script>
<script src="js/slideshow/Modal.js"></script>
<script src="js/slideshow/Preloader.js"></script>
<script src="js/slideshow/Translations.js?v=4"></script>
<script src="js/sim/Peep.js?v=2"></script>
<script src="js/sim/Connection.js"></script>
<script src="js/sim/ConnectorCutter.js"></script>
<script src="js/sim/Simulations.js"></script>
<script src="js/chapters/A_Preloader.js"></script>
<script src="js/chapters/B_Introduction.js"></script>
<script src="js/chapters/C_Networks.js"></script>
<script src="js/chapters/D_Simple_Contagion.js"></script>
<script src="js/chapters/E_Complex_Contagion.js"></script>
<script src="js/chapters/F_Bonding_And_Bridging.js"></script>
<script src="js/chapters/G_Small_World.js"></script>
<script src="js/chapters/H_Conclusion.js"></script>
<script src="js/chapters/I_Credits.js"></script>
<script src="js/chapters/J_Sandbox.js?v=2"></script>
<script src="js/main.js"></script>
<!-- - - - - - - - - - - - -->
<!-- THE SLIDESHOW'S WORDS -->
<!-- - - - - - - - - - - - -->
<!--
This is the bulk of what you need to TRANSLATE!
Translate just the text that's within the <tag></tags>
If you're using a code editor (like Sublime Text https://www.sublimetext.com/),
it should automatically highlight what the text is (usually in white).
-->
<span style="display:none">
<!-- Preloader -->
<words id="preloader_title">
<div style="font-size: 30px;">
<span>la</span>
<br>
<span style="font-size: 60px;letter-spacing: 4px;">SABIDURIA</span>
<span style="position:relative;top: -10px;">y/o la</span>
<span style="font-size: 60px;">LOCURA</span>
<br>
<span style="position: relative;top: -11px;">de las</span>
<br>
<span style="font-size: 100px;line-height: 80px;position: relative;top: -15px; display:block;">MASAS</span>
</div>
<div style="color:#999">
<!-- TRANSLATE note: comment out the line below... -->
<!-- playing time: 30 min • by nicky case, april 2018 -->
<!-- ...and UN-comment + TRANSLATE this line! -->
por nicky case • traducido por <a href='https://github.com/gemga'>Gilberto Guerra</a><a href='.'>original in English</a>
</div>
</words>
<words id="preloader_button">
<next></next>
</words>
<words id="preloader_loading">
cargando...
</words>
<words id="preloader_play">
¡comencemos! <div class="rarr"></div>
</words>
<!-- Introduction -->
<!--
TRANSLATE note: to make the text stay in a circle, I added lots of <br> breaks.
You may have to re-arrange the <br>'s in order to do your translation.
It shouldn't look too bad if they're slightly off, though!
Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
-->
<words id="intro">
<br><br>
Isaac Newton estaba bastante seguro de que era
<br>
una persona muy lista. Quiero decir, después de
<br>
inventar el cálculo y una teoría de la gravedad, él debería
<br>
de ser lo suficientemente listo como para hacer algunas inversiones
<br>
financieras, ¿cierto?
<br><br>
Sin embargo, él perdió $4,600,000 dólares (dólares actuales)
<br>
en la burbuja de los mares del sur, en 1720.
<br><br>
Es por esto que Newton dijo: <i>“Puedo calcular el movimiento de los
<br>
cuerpos celestes, pero no la locura de la gente.”</i>
<next>pobre Newton :( <div class="rarr"></div> </next>
</words>
<words id="intro_2">
<div style="height:0.5em"></div>
Por supuesto, aquella no es la única
<br>
ocasión en la que mercados, instituciones,
<br>
o democracias enteras se volvieron locas &mdash; la <i>locura</i> de las
<br>
masas. Pero aún así, justo cuando pierdes la fé en la humanidad,
<br>
vez a ciudadanos coordinandose para rescatar a sus prójimos en
<br>
huracanes, comunidades creando soluciones a problemas,
<br>
gente luchando por un mundo mejor &mdash; ¡la <i>sabiduría</i> de las masas!
<div style="height:0.9em"></div>
<b>Pero, ¿<i>por qué</i> algunas multitudes recurren a la locura, o a la sabiduría?</b>
<br>
No existe una teoría que pueda explicarlo todo, pero creo que un nuevo
<br>
campo de estudio, <b>análisis de redes</b>, puede guiarnos! Su idea principal
<br>
es esta: para entender a las masas, en lugar de observar
<br>
a las personas de forma <i>individual</i>, deberíamos observar...
<next>...a sus <i>relaciones</i>. <div class="rarr"></div> </next>
</words>
<!-- Networks -->
<words id="networks_tutorial_start">
<b>¡Dibujemos una red!</b>
Cada conexión representa una amistad entre dos personas:
</words>
<words id="networks_tutorial_connect">
traza una línea para conectarlas
</words>
<words id="networks_tutorial_disconnect">
cruzala para&nbsp;&nbsp;&nbsp;desconectarlas
</words>
<words id="networks_tutorial_end">
cuando termines de hacer garabatos y jugar,
<next wiggle>continuemos <div class="rarr"></div> </next>
</words>
<words id="networks_threshold">
Las redes sociales no solamente sirven para tener fotos bonitas.
La gente <i>recurre</i> a sus redes sociales para entender su alrededor.
Por ejemplo, las personas recurren a su red de amistades para
saber <b>qué porcentaje de sus amigos</b> (sin contarse a ellos mismos) son,
digamos, borrachines. <icon name="yellow"></icon>
</words>
<words id="networks_threshold_instruction">
<b>¡Crea y elimina conexiones para ver lo que sucede!<div class="rarr"></div> </b>
</words>
<words id="networks_threshold_end">
<next>¡entendido!</next>
</words>
<words id="networks_pre_puzzle">
Sin embargo, las redes pueden <i>engañar a la gente</i>.
Así como la tierra puede parecer plana desde su superficie,
la sociedad puede parecer disparatada desde su <i>interior</i>.
</words>
<words id="optional_reading">
<div style="position:absolute; top:5px;">
<i>opcional</i> ¡notas extras! &uarr;
</div>
<div style="position:absolute; left:216px; top:10px;">
&darr; enlaces y referencias
</div>
</words>
<words id="networks_pre_puzzle_2">
<bon id="books"></bon>
<br>
Por ejemplo, un estudio de 1991<ref id="drunk"></ref> encontró que
“prácticamente, todos los estudiantes [de universidad] reportaron que sus amigos consumían más alcohol que ellos.”
¡Pero eso es imposible!
¿Cómo puede ser eso?
Bueno, estás a punto de descubrir la respuesta, creando una red.
Es hora de...
<next>¡ENGAÑAR A TODOS! <div class="rarr"></div> </next>
</words>
<words id="networks_puzzle">
<b style="font-size:2em">¡AHORA UN RETO!</b>
<br>
Engaña <i>a todos</i> haciéndoles creer
que la mayoría de sus amigos (al menos el 50%) son borrachines <icon name="yellow"></icon>
(¡observa que hay mas sobrios que ebrios!)
</words>
<words id="networks_puzzle_metric">
<b>ENGAÑADO A:</b>
</words>
<words id="networks_puzzle_metric_2">
de 9 personas
</words>
<words id="networks_puzzle_end">
¡Felicidades! Manipulaste a un grupo de estudiantes para que crean
en la prevalencia de una norma social sumamente dañina. ¡Bien hecho!
<next wiggle>...ehm. ¿Gracias?</next>
</words>
<words id="networks_post_puzzle">
Lo que acabas de crear se llama la Ilusión de la Mayoría<ref id="majority"></ref>,
la cual también explica por qué la gente piensa que sus puntos de vista política son un consenso,
o por qué el extremismo aparenta ser más común de lo que realmente es.
<i>Eso es una locura.</i>
<bon id="connections"></bon>
Pero las personas no solamente <i>observan</i> pasivamente las ideas y los comportamientos de otros,
también los <i>imitan</i> activamente.
Ahora, veamos algo que los científicos llaman...
<next>¡"contagios"! <div class="rarr"></div> </next>
</words>
<!-- Simple Contagions -->
<words id="simple_simple">
Hagamos a un lado la botella por ahora.
Abajo: está una persona <icon name="red"></icon> con información sobre algo.
<i>Des</i>información. "Fake news", como le dicen los chicos en onda.
Cada día, esa persona esparce el rumor, como un virus, a sus amigos.
Y ellos lo esparcen a <i>sus</i> amigos, y así sucesivamente.
<br>
<b>
¡Comienza la simulación! <div class="darr"></div>
(p.d.: no puedes dibujar <i>mientras</i> el simulador se está ejecutando)
</b>
</words>
<words id="simple_simple_2">
Nota: A pesar de la connotación negativa, los "contagios" pueden ser buenos o malos (o neutrales, o ambíguos).
Existe fuerte evidencia estadística<ref id="contagion"></ref> que indica que
el fumar, la salud, la felicidad, los patrones de voto, y la disposición a la cooperación
son todos "contagiosos" --
y hay incluso evidencia de que los suicidios<ref id="suicides"></ref> y los tiroteos<ref id="shootings"></ref> también lo son.
</words>
<words id="simple_simple_end">
<next wiggle>pero qué deprimente <div class="rarr"></div> </next>
</words>
<words id="simple_cascade">
Sí que lo es...
Pero bueno, <b>¡ES HORA DE OTRO RETO!</b>
<br>
Dibuja una red y corre la simulación,
para que <i>todos</i> se infecten con el "contagio".
<br>
(Nueva regla: no puedes cortar las conexiones <i>gruesas</i>)
</words>
<words id="simple_cascade_end">
<next wiggle>¡excelente! <div class="rarr"></div> </next>
</words>
<words id="simple_post_cascade">
Esta propagación de desinformación se llama <b>"cascada informativa"</b>.
Newton fue víctima de ella en 1720.
Las instituciones financieras del mundo fueron víctimas de ella en el 2008.<ref id="subprime"></ref>
<br><br>
Sin embargo: <i>esta simulación es incorrecta.</i>
La mayoría de las ideas <i>no</i> se esparcen como lo hacen los virus.
Para muchas creencias y comportamientos, necesitas estar "expuesto" al contagio más de una vez
para que seas "infectado".
Es por eso que los científicos han desarrollado una nueva y mejor forma de
describir cómo las ideas y los comportamientos se esparcen, y le llaman...
<next wiggle>¡"Contagios <i>Complejos</i>"! <div class="rarr"></div> </next>
</words>
<!-- Complex Contagions -->
<words id="complex_complex">
¡Traigamos de vuelta el ejemplo con los borrachines! <icon name="yellow"></icon>
Cuando jugaste con esto la primera vez, las personas no cambiaron su comportamiento.
<br><br>
Ahora veamos lo que pasaría si la gente comenzara a tomar,
<i>¡cuando al menos el 50% de sus amigos lo hacen!</i>
<b>Antes de que empieces la simulación, piensa en lo que <i>debería</i> de pasar.</b>
<br><br>
<b>¡Ahora corre la simulación y observa lo que pasa en realidad! <div class="rarr"></div> </b>
</words>
<words id="complex_complex_2">
<span style="line-height:1.3em; display:block;">
A diferencia del contagio de "fake news" <icon name="red"></icon> anterior,
¡este contagio <icon name="yellow"></icon> <i>no</i> afecta a todos!
Las personas que se "infectan" primero lo hacen porque a pesar de que solamente están expuestas a un
borrachín, ese borrachín es el 50% de sus amigos (sí, son muy solitarios).
En contraste, la persona cerca del final de la cadena <i>no</i> fue "infectada",
porque mientras que fue expuesto a un amigo que es un borrachín,
no se excedió el límite del 50%.
<div style="height:0.75em"></div>
El porcentaje <i>relativo</i> de amigos "infectados" importa.
<i>Esta</i> es la diferencia entre la teoría de <b>contagios complejos</b> <ref id="complex"></ref>,
y nuestra teoría reduccionista de <b>contagios simples</b> que se transmiten como un virus
(podrías decir que los "contagios simples" son contagios en donde no hay resistencia a la infección).
<div style="height:0.75em"></div>
Sin embargo, los contagios no son necesariamente malos &mdash;
así que basta de la <i>locura</i> de las masas, ¿qué hay de...
<next>...la <i>sabiduría</i> de las masas?</next>
</span>
</words>
<words id="complex_complex_3">
En este caso tenemos a una persona <icon name="blue"></icon> que es voluntaria para... no lo sé,
rescatar personas en huracanes, o dar clases a niños de bajos recursos en su comunidad, o algo genial como eso.
El punto es que es un contagio complejo "bueno".
Esta vez, digamos, hay un umbral del 25% &mdash;
las personas están dispuestas a ayudar, pero solo si más del 25% de sus amigos también lo hacen.
<br>
Hey, es más sencillo hacer buenas acciones en conjunto.
<br><br>
<b>&larr; ¡"Infecta" a todos con buenas vibras!</b>
</words>
<words id="complex_complex_3_end">
<span style="line-height:1.3em; display:block;">
<b>NOTA</b>: ¡El voluntareado es solo <i>uno</i> de muchos contagios complejos!
Otros incluyen: participación electoral, hábitos,
cuestionar tus creencias,
tomar tiempo para entender un tema complejo &mdash; cualquier cosa
que necesite más de una "exposición".
Los contagios complejos no son <i>necesariamente</i> sabios,
pero ser sabio es un contagio complejo.
<div style="height:0.75em"></div>
(Así que, ¿cuáles son ejemplos reales de contagio <i>simple</i>?
Usualmente trivia como "la zarigueya tiene 13 pezones"<ref id="possum"></ref>)
<bon id="contagions"></bon>
Ahora, para <i>realmente</i> mostrar el poder y la extrañeza de los contagios complejos, regresemos...
<next>...a un reto anterior <div class="rarr"></div> </next>
</span>
</words>
<words id="complex_cascade">
¿Recuerdas esto? Esta vez con un contagio <i>complejo</i> <icon name="blue"></icon> será un poco más difícil...
<br>
<b>¡Intenta "infectar" a todos con sabiduría compleja! <div class="darr"></div></b>
</words>
<words id="complex_cascade_feel_free">
(puedes presionar "iniciar simulación" e <i>intentar</i> encontrar cuantas soluciones quieras)
</words>
<words id="complex_cascade_end">
<next wiggle>¡PERO MIRA NADA MAS! <div class="rarr"></div> </next>
</words>
<words id="complex_post_cascade">
Puedes pensar que solamente necesitas seguir añadiendo conexiones para propagar cualquier contagio,
sea "complejo" o "simple", bueno o malo, sabio o loco.
¿Pero es eso cierto? Veámoslo...
</words>
<words id="complex_post_cascade_end">
<next wiggle>...con un reto pasado <div class="rarr"></div> </next>
</words>
<words id="complex_prevent">
Si presionas "iniciar", el contagio complejo <icon name="blue"></icon> llegará a todos.
Esto no es nada nuevo.
Pero ahora, hagamos lo <i>opuesto</i> a lo que hemos hecho hasta ahora:
<b>¡crear una red para <i>prevenir</i> que el contagio infecte a todos! <div class="darr"></div></b>
</words>
<words id="complex_prevent_2">
¿Lo vez?
Mientras que más interacciones siempre ayudan a esparcir ideas <i>simples</i>,
<b>¡más conexiones pueden perjudicar el esparcimiento de ideas <i>complejas</i>!</b>
(¿no te hace esto pensar sobre el Internet? sí, incluyendo los memes).
Y no es solo un problema teorético. Puede ser un caso de vida...
</words>
<words id="complex_prevent_end">
<next wiggle>... o muerte. <div class="rarr"></div> </next>
</words>
<words id="complex_groupthink">
Los empleados de la NASA son muy inteligentes;
usaron las teorías de Newton para llevarnos a la luna.
Pero bueno, en resumen, en 1986,
<i>a pesar de las advertencias de los ingenieros</i>,
el transbordador <i>Challenger</i> fue lanzado,
y poco tiempo después, explotó, causando la muerte de 7 personas.
La causa inmediata:
Hacía mucho frío aquella mañana.
<div style="height:0.9em"></div>
La causa secundaria: los gerentes ignoraron las advertencias de los ingenieros.
¿Por qué? Debido al <b>pensamiento de grupo (groupthink)</b><ref id="groupthink"></ref>.
Cuando un grupo es <i>muy</i> cerrado (como lo son los grupos de altos ejecutivos)
los integrantes se oponen a ideas complejas que van en contra de sus opiniones o egos.
<div style="height:0.9em"></div>
Así es como las instituciones son víctimas de la locura de las masas.
Pero entonces, ¿cómo podemos "diseñar" para fomentar la <i>sabiduría</i> de las masas?
Dos palabras:
<next>Vínculos y Puentes <div class="rarr"></div> </next>
</words>
<!-- Bonding & Bridging -->
<words id="bonding_1">
&larr; Si hay pocas conexiones, una idea no se puede esparcir.
<br>
Si hay muchas conexiones, existe pensamiento de grupo. <div class="rarr"></div>
</words>
<words id="bonding_2">
<b>
Crea un grupo que llegue al punto óptimo:
¡lo suficientemente conectado como para esparcir una idea compleja!
<div class="darr"></div>
</b>
</words>
<words id="bonding_end">
Sencillo, ¿verdad?
Al número de conexiones <i>dentro</i> de un grupo se le llama <b>capital social vínculo</b><ref id="social_capital"></ref> (bonding social capital).
¿Pero qué hay de las conexiones...
<next wiggle>...<i>entre</i> grupos?</next>
</words>
<words id="bridging_1">
Como ya te habrás imaginado,
al número de conexiones <i>entre</i> grupos se le llama
<b>capital social puente</b> (bridging social capital).
¡Esto es importante, porque ayuda a los grupos a salir de sus cajas de resonancia!
<br>
<b>Construye un puente para "infectar" a todos con sabiduría compleja:</b>
</words>
<words id="bridging_end">
Para los puentes, también hay un punto óptimo.<ref id="bridge"></ref>
(reto extra: ¡intenta dibujar tantos puentes que los contagios complejos
<i>no</i> se puedan esparcir!)
Ahora que ya sabemos como "diseñar" conexiones <i>dentro</i> y <i>entre grupos</i>...
<next wiggle>¡diseñemos AMBOS a la vez!</next>
</words>
<words id="bb_1">
<b style="font-size:2em">¡RETO FINAL!</b>
<br>
Dibuja conexiones dentro de grupos (vínculos) y entre grupos (puentes)
para que la sabiduría se esparza a todos:
</words>
<words id="bb_2">
¡Felicidades, acabas de crear tu propio tipo especial de red!
Las redes con la mezcla adecuada de vínculos y puentes
son sumamente importantes, y se les llaman...
<next wiggle>"redes de mundo pequeño"<div class="rarr"></div> </next>
</words>
<words id="bb_small_world_1">
<i>"Unidad sin uniformidad". "Diversidad sin división". "E Pluribus Unum: de muchos, uno".</i>
<br>
No importa cómo sea dicho,
las personas a través de distintos tiempos y culturas llegan a la misma conclusión:
<b>
una sociedad saludable necesita el número correcto de vínculos <i>dentro</i> de grupos
y de puentes <i>entre</i> grupos.
</b>
Es decir:
</words>
<words id="bb_small_world_2">
No así...
<br>
(porque las ideas no pueden extenderse)
</words>
<words id="bb_small_world_3">
ni así...
<br>
(porque tendrás pensamiento de grupo)
</words>
<words id="bb_small_world_4">
...pero <i>¡ASI!</i>
</words>
<words id="bb_small_world_5">
Los científicos ahora tienen una definición matemática para esta sabiduría milenaria:
las <b>redes de mundo pequeño</b><ref id="small_world"></ref>.
Esta mezcla óptima de vínculos y puentes describe como
están conectadas nuestras neuronas<ref id="swn_neurons"></ref>,
promueven la creatividad colectiva<ref id="swn_creativity"></ref>
y la resolución de problemas,<ref id="swn_social_physics"></ref>,
¡e incluso ayudaron al presidente de los EE.UU. John F. Kennedy a evitar (por un pelo) una guerra nuclear!<ref id="swn_jfk"></ref>
Las redes de mundo pequeño son muy importantes.
</words>
<words id="bb_small_world_end">
<next>de acuerdo, terminemos... <div class="rarr"></div> </next>
</words>
<!-- Sandbox -->
<words id="sandbox_caption">
(pst...¿quieres saber un secreto?<ref id="sandbox"></ref>)
</words>
<words id="sandbox_contagion">
Contagio:
</words>
<words id="sandbox_contagion_simple">
simple
</words>
<words id="sandbox_contagion_complex">
complejo
</words>
<words id="sandbox_color_chooser">
Color del Contagio:
</words>
<words id="sandbox_tool_chooser">
Elige una herramienta...
</words>
<words id="sandbox_tool_pencil">
Dibujar Red
</words>
<words id="sandbox_tool_add">
Agregar Persona
</words>
<words id="sandbox_tool_add_infected">
Agregar "Infectado"
</words>
<words id="sandbox_tool_move">
Mover Persona
</words>
<words id="sandbox_tool_delete">
Borrar Persona
</words>
<words id="sandbox_tool_clear">
<b>BORRAR TODO</b>
</words>
<words id="sandbox_shortcuts_label">
(...o, ¡usa los atajos de teclado!)
</words>
<words id="sandbox_shortcuts">
[1]: Persona [2]: "Infectado"
<br>
[Espacio]: Mover [Retroceso]: Borrar
</words>
<!-- Conclusion -->
<words id="conclusion_1">
<div style="font-size: 30px;">
EN CONCLUSION: todo esto es sobre...
</div>
<div style="
width: 100%;
position: absolute;
font-size: 88px;
top: 20px;
line-height: 100px; display:block;
">
Contagios y Conexiones
</div>
<div style="
width: 720px;
position: absolute;
top: 125px;
left: 250px;
">
<b>Contagios:</b>
Así como las neuronas pasan señales en el cerebro,
la gente pasa creencias y comportamientos en una sociedad.
No solo influenciamos a nuestros amigos,
también influenciamos a los amigos de nuestros amigos, ¡y a los amigos de los amigos de nuestros amigos!<ref id="three_degrees"></ref>
("sé el cambio que quieres ver en el mundo", etc, etc)
Pero, como las neuronas, no solo son las señales lo que importa, también importan las...
</div>
<div style="
width: 720px;
position: absolute;
top: 295px;
left: 250px;
">
<b>Conexiones:</b>
Muy pocas conexiones y las ideas complejas no pueden esparcirse.
<i>Muchas</i> conexiones y las ideas complejas son aplastadas por el pensamiento de grupo.
El truco es construir una red de mundo pequeño; la mezcla óptima de
vínculos y puentes: <i>e pluribus unum.</i>
</div>
<div style="
width: 350px;
position: absolute;
top: 430px;
left: 220px;
text-align: center;
color: #999;
">
(¿quieres crear tus propias simulaciones?
dale un vistazo al Modo Sandbox, presionando el botón con la (★)!)
</div>
<div style="
width: 420px;
position: absolute;
top: 405px;
right: 0px;
text-align: right;
">
Entonces, ¿qué hay sobre nuestra pregunta inicial?
¿Por qué algunas multitudes <i>recurren</i> a...
</div>
<div style="
width: 300px;
position: absolute;
top: 470px;
right: 0px;
">
<next>...la sabiduría y/o la locura?</next>
</div>
</words>
<words id="conclusion_2">
<span style="line-height:1.4em; display:block;">
<div style="height:0.5em"></div>
De Newton a la NASA hasta
<br>
al análisis de redes, hemos cubierto mucho
<br>
el día de hoy. En resúmen, la locura de las masas
<br>
no es necesariamente a causa de <i>personas individuales</i>,
<br>
pero sí debido a cómo estamos atrapados en una pegajosa red
<br>
de vínculos y puentes.
<div style="height:0.9em"></div>
Aquello <i>NO</i> quiere decir que hay que abandonar la responsabilidad
<br>
personal, puesto que también somos <i>tejedores</i> de esa red. Así que
<br>
mejora tus contagios: sé escéptico de las ideas que halagan<ref id="flatter"></ref>, y tómate
<br>
el tiempo de entender ideas complejas. También mejora tus relaciones:
<br>
vincúlate con personas similares a ti, pero también construye
<br>
puentes a través de divisiones políticas y culturales.
<div style="height:0.9em"></div>
Podemos tejer una red de sabiduría. Es es más difícil
<br>
que dibujar lineas en una pantalla...
<next>... pero sí que lo vale.</next>
</span>
</words>
<words id="conclusion_3">
<i>
"La mayoría de los grandes triunfos y grandes catástrofes de la historia
no se deben a que las personas son buenas en esencia o malas en esencia,
sino a que las personas son en esencia personas."
</i>
<br>
<span style="position:relative; top:5px">~</span> Neil Gaiman &amp; Terry Pratchett
<div style="height:0.8em"></div>
<next small>&lt;3</next>
</words>
<!-- Credits -->
<words id="credits">
<div style="text-align:center; color:#fff; letter-spacing: 1px; font-size: 24px; line-height: 27px;">
<span style="color:#777; position:relative; top:5px;">
creado por</span>
<div style="font-size: 3em; line-height: 1.0em;">
NICKY CASE</div>
<a target="_blank" href="http://ncase.me" style="text-decoration:none">
jugar mis otras kwosas</a> ·
<a target="_blank" href="https://twitter.com/ncasenmare" style="text-decoration:none">
sígueme en twitter</a>
<br><br>
<span style="color:#777; position:relative; top:5px; display: inline-block; margin-top: 15px;">
mucho amor y agradecimientos a</span>
<div style="font-size: 3em; line-height: 1.0em;">
MIS COLABORADORES DE PATREON</div>
<a target="_blank" href="https://www.patreon.com/ncase" style="text-decoration:none">
¡ayúdame a crear más cosas como esta! &lt;3</a>
<br>
<a onclick='publish("reference/show", ["supporters"]);'>
ver mis colaboradores</a> ·
<a onclick='publish("reference/show", ["playtesters"]);'>
ver mis playtesters</a>
<br><br>
<span style="display: inline-block; margin-top: 15px;">
♫ la música es
<a target="_blank" href="http://freemusicarchive.org/music/Komiku/Tale_on_the_Late/" style="text-decoration:none">
"Friends 2018" y "Friends 2068"</a>
de Komiku
<br>
&lt;/&gt; <i>Crowds</i> es
<a target="_blank" href="https://github.com/ncase/crowds" style="text-decoration:none">
completamente <i>open source</i></a>
</span>
<br>
<bon id="further_reading"></bon>
</div>
</words>
<!-- x. misc -->
<words id="WIN">
¡VICTORIA!
</words>
<words id="sim_start">
iniciar simulación
</words>
<words id="sim_stop">
reiniciar y redibujar
</words>
<words id="translations_exist">
Traducciones por fans:
</words>
<words id="translations_do_not_exist">
<!-- There's no need to TRANSLATE this line since, well, -->
<!-- it'll only show up if no translations exist -->
What the, no fan-made translations exist yet?!
</words>
<words id="translations_add">
(add your own!)
</words>
<words id="translations_original">
<!-- No need to translate this, because, I assume, -->
<!-- if someone wants to play the game in English, they can read English -->
(original in English)
</words>
<!-- - - - - - - -->
<!-- BONUS BOXES -->
<!-- - - - - - - -->
<!--
Sorry, not done yet! These Bonus Boxes need you to TRANSLATE, too:
(And then afterwards, the final thing, translate the References)
-->
<bonus id="books">
<h3>
Una rápida respuesta al libro <i>La Sabiduría de los Grupos</i> de James Surowiecki
</h3>
<div>
<img src="sprites/bonus/surowieki.jpg" width="200" height="300" style="float:left; margin-right:1em"/>
Primero que nada, no estoy insultando
<a target="_blank" href="https://es.wikipedia.org/wiki/Sabidur%C3%ADa_de_los_grupos">
el libro.</a>
Es un buen libro, y Surowiecki trataba de resolver el mismo problema que yo:
<b>"¿por qué algunas multitudes recurren a la locura, o a la sabiduría?"</b>
<br><br>
Surowiecki dice: las masas toman buenas decisiones cuando todos son tan independientes como es posible.
El nos cuenta una historia de una feria del condado,
en la que los habitantes son invitados a estimar el peso de un buey.
Sorprendentemente, el promedio de <i>todas</i> las estimaciones fue más acertada que cualquier estimación <i>individual</i>.
Pero aquí está el truco: las personas necesitan estimar de forma <i>independiente</i>.
De otra manera, serían influenciadas por las estimaciones anteriores,
y la respuesta promedio estaría bastante sesgada.
<br><br>
Pero... no creo que "hacer todos tan independientes como sea posible" sea la respuesta completa.
Incluso los genios, a quienes mal caracterizamos como los pensadores más independientes,
están fuertemente influenciados por otros. El mismo Isaac Newton lo dijo con su frase,
<i>"Si he logrado ver más lejos, ha sido porque he subido a hombros de gigantes".</i>
<br><br>
Entonces, ¿cuál es la respuesta correcta?
¿La sabidura viene de pensar por uno mismo, o de pensar con otros?
La respuesta es: "sí".
<br><br>
Eso es lo que trataré de explicar a continuación:
cómo llegar al punto adecuado entre independencia e interdependencia &mdash;
es decir, cómo tener una multitud sabia.
</div>
</bonus>
<bonus id="connections">
<h3>
¿Qué otros tipos de conexiones existen?
</h3>
<div>
En aras de la simplicidad,
mis simulaciones pretenden que las personas solo pueden estar conectadas a través de amistades,
y que todas las amistades son iguales.
Pero los científicos consideran <i>otras</i> maneras en las que podemos estar conectados, tales como:
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/connection1.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Conexiones direccionales.</b> Alicia es la jefa de Roberto, pero Roberto no es el jefe de Alicia.
Carolina es la madre de David, pero David no es el padre de Carolina.
"Jefe" y "padre/madre" son relaciones <i>direccionales</i>:
la relación solo va en una dirección.
En contraste, la amistad es una relación <i>bidireccional</i>:
la relación va en ambas direcciones (bueno, ojalá).
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/connection2.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Conexiones ponderadas.</b> Eleonor y Francisca son conocidas.
Jorge y Harry son mejores amigos por siempre.
A pesar de que hay una conexión de "amistad" en ambos casos, la segunda es más fuerte.
Decimos que estas dos conexiones tienen diferente "peso".
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/map.png" width="200" height="200" style="float:left; margin-right:1em"/>
Solo recuerda: <b>todas estas simulaciones son incorrectas.</b> De la misma manera que un mapa está "incorrecto".
¿Ves el mapa de la izquierda? ¡Los edificios no son bloques grises sin chiste!
¡Tampoco hay palabras flotantes sobre la ciudad! Sin embargo, los mapas no son útiles <i>a pesar</i> de estar simplicados,
son útiles <i>debido</i> a que están simplificados. Lo mismo va para las simulaciones, o para cualquier teoría científica.
<i>Claro</i> que son "incorrectas" &mdash; eso es lo que las hace <i>útiles</i>.
</div>
</bonus>
<bonus id="contagions">
<h3>
¿Qué otros tipos de contagios existen?
</h3>
<div>
¡Existen muchas maneras en las que un científico puede simular "contagios"!
Escogí la más sencilla, para fines pedagógicos.
Pero aquí hay otras maneras de simularlos:
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion1.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Contagios con aleatoriedad</b>.
El haber sido "expuesto" a un contagio no <i>garantiza</i> que serás infectado;
solo <i>eleva la probabilidad</i>.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion2.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Diferente umbral de contagio</b> .
Mis simulaciones suponen que todos tienen el mismo umbral para ser un borrachín (50%), o
para el voluntariado (25%), o para la desinformación (0%).
Claro que eso no es verdad, y podrías hacer que tu simulación refleje algo más exacto.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion3.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Una ecología de contagios</b>.
¿Qué pasaría si existiesen <i>distintos</i> contagios, cada uno con <i>diferentes</i> umbrales?
Por ejemplo, un contagio simple de "locura" y un contagio "complejo" de sabiduría.
Si alguien se infectara con locura, ¿se podría aún infectar con sabiduría?
¿O al revés?
¿Podría alguien estar infectado con ambos?
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/contagion4.png" width="250" height="150" style="float:left; margin-right:1em"/>
<b>Contagios que mutan y evolucionan.</b>
Las ideas no se transmiten de una persona a otra de la misma manera que un virus.
Como un juego de teléfono descompuesto, el mensaje muta con cada repetición de mensaje &mdash;
y algunas veces, ¡la versión mutada es más infecciosa que la original!
Así que con el paso del tiempo, las ideas "evolucionan" para ser más pegajosas. Copiables. <i>Contagiosas</i>.
<div style="clear:both"></div>
</div>
</bonus>
<bonus id="further_reading">
<h3>
¡Quiero aprender más! ¿Qué más puedo leer y/o jugar?
</h3>
<div>
Esta explicación solo fue un trampolín para tu curiosidad,
¡por lo que puedes sumergirte más profundamente en un enorme océano de conocimiento!
Aquí hay más información sobre redes o sistemas sociales:
<br><br>
<img src="sprites/bonus/connected.png" width="200" height="200" style="float:left; margin-right:1em"/>
<b>Libro:</b>
<a target="_blank" href="http://www.connectedthebook.com/">
Connected</a>
por Nicholas Christakis y James Fowler (2009) (en inglés).
Un tour accesible de cómo nuestras redes afectan nuestras vidas, para bien o para mal.
<a target="_blank" href="http://www.connectedthebook.com/pdf/excerpt.pdf">
Aquí hay un extracto (en inglés): Prefacio y Capítulo 1
</a>
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/trust.png" width="200" height="200" style="float:left; margin-right:1em"/>
<b>Interactivo:</b>
<a target="_blank" href="https://maeriens.github.io/trust/">
La Evolución de la Confianza</a> por Nicky Case (yo) (2017) (¡en español!).
Un juego sobre la teoría de juegos, y cómo la cooperación es hecha... o deshecha.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/polygons.png" width="200" height="200" style="float:left; margin-right:1em"/>
<b>Interactivo:</b>
<a target="_blank" href="http://ncase.me/polygons-es/">
Parábola de los Polígonos</a> por Vi Hart y Nicky Case (¡ese soy yo!) (2014) (¡también en español!).
Una historia sobre cómo las acciones inofensivas pueden crear un ambiente nocivo.
<div style="clear:both"></div>
<br>
<img src="sprites/bonus/ee.png" width="200" height="200" style="float:left; margin-right:1em"/>
O, si solo quieres ver una galería entera de material educativo e interactivo, existe (en inglés)
<a target="_blank" href="http://explorabl.es/">
Explorable Explanations</a>,
¡una página para aprender jugando!
<div style="clear:both"></div>
</div>
</bonus>
<!-- - - - - - - -->
<!-- REFERENCES -->
<!-- - - - - - - -->
<!--
Final thing! These references also need you to TRANSLATE:
-->
<reference id="drunk">
<h3>
“prácticamente, todos los estudiantes [de universidad] reportaron que sus amigos consumían más alcohol que ellos.”
</h3>
<div>
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/1758185">
“Biases in the perception of drinking norms among college students”</a> de Baer et al. (1991) (en inglés).
</div>
</reference>
<reference id="majority">
<h3>
"La Ilusión de la Mayoría"
</h3>
<div>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0147617">
“The Majority Illusion in Social Networks”</a> de Lerman et al. (2016) (en inglés).
<br>
Relacionado: <a target="_blank" href="https://en.wikipedia.org/wiki/Friendship_paradox">
The Friendship Paradox</a> (en inglés).
</div>
</reference>
<reference id="contagion">
<h3>
"fuerte evidencia estadística que indica que
el fumar, la salud, la felicidad, los patrones de voto, y la disposición a la cooperación
son todos contagiosos"
</h3>
<div>
Del muy accesible y maravillosamente escrito libro,
<a target="_blank" href="http://www.connectedthebook.com/">
Connected</a> (2009), de Nicholas Christakis y James Fowler (en inglés).
</div>
</reference>
<reference id="suicides">
<h3>
"evidencia de que los suicidios también son contagiosos"
</h3>
<div>
<a target="_blank" href="http://www.jstor.org/stable/42000514?seq=4#page_scan_tab_contents">
“Suicide Contagion and the Reporting of Suicide: Recommendations from a National Workshop”</a>
de O'Carroll et al (1994) (en inglés), respaldado por los Centros para el Control y la Prevención de Enfermedades (CCPEEU).
</div>
</reference>
<reference id="shootings">
<h3>
"evidencia de que los tiroteos también son contagiosos"
</h3>
<div>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0117259">
“Contagion in Mass Killings and School Shootings”</a> de Towers et al (2015) (en inglés).
<br><br>
También dale un vistazo a la campaña:
<a target="_blank" href="http://www.dontnamethem.org/">
Don't Name Them</a> (en inglés),
que incita a los noticieros a <i>NO PUBLICAR</i> los nombres de los homicidas, sus manifestos ni sus redes sociales.
Publicar esas cosas propaga el contagio.
En vez de eso, los noticieros deberían enfocarse en las víctimas, servicios de emergencia, héroes ciudadanos,
y la comunidad.
</div>
</reference>
<reference id="subprime">
<h3>
"Las instituciones financieras del mundo fueron víctimas de ella en el 2008."
</h3>
<div>
<a target="_blank" href="https://newrepublic.com/article/63023/wall-streets-lemmings">
“Lemmings of Wall Street”</a> de Cass Sunstein (en inglés), es una lectura rápida y sin tecnicismos.
Publicado en octubre del 2008, justo cuando el colapso iniciaba.
</div>
</reference>
<reference id="complex">
<h3>
“la teoría de contagios complejos”
</h3>
<div>
<a target="_blank" href="https://www.unc.edu/~fbaum/teaching/articles/Granovetter_AJS_1978.pdf">
“Threshold Models of Collective Behavior”</a> de Granovetter (1978) (en inglés)
fue la primera vez, hasta donde yo sé, que alguien describió un modelo de "contagio complejo"
(aunque no usó ese término en específico).
<br><br>
<a target="_blank" href="http://www.jstor.org/stable/10.1086/521848?seq=1#page_scan_tab_contents">
“Complex Contagions and the Weakness of Long Ties”</a> de Centola &amp; Macy (2007) (en inglés)
acuñó la frase "contagio complejo" y
mostró las diferencias entre este y el "contagio simple".
<br><br>
<a target="_blank" href="http://journals.plos.org/plosone/article?id=10.1371/journal.pone.0180802">
“Evidence for complex contagion models of social contagion from observational data”</a>
de Sprague &amp; House (2017) (en inglés)
demuestra empíricamente que los contagios complejos existen (al menos de acuerdo a los datos de redes sociales que analizaron).
<br><br>
Finalmente,
<a target="_blank" href="https://arxiv.org/pdf/cond-mat/0403699.pdf">
“Universal behavior in a generalized model of contagion”</a> de Dodds &amp; Watts (2004) (en inglés)
propone un modelo que unifica a <i>todos</i> los tipos de contagios:
¡simples, complejos, biológicos y sociales!
</div>
</reference>
<reference id="possum">
<h3>
"la zarigueya tiene 13 pezones"
</h3>
<div>
con 12 de ellos formando un círculo, y el último en el centro
</div>
</reference>
<reference id="groupthink">
<h3>
“pensamiento de grupo” (groupthink)
</h3>
<div>
Esta frase inspirada en Orwell fue acuñada por Irving L. Janis, en 1971.
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
En su artículo original</a> (en inglés),
Janis investiga posibles casos de pensamiento de grupo, enlista sus causas y &mdash; afortunadamente &mdash;
posibles soluciones.
</div>
</reference>
<reference id="social_capital">
<h3>
"capital social vínculo y capital social puente"
</h3>
<div>
Estos dos tipos de capital social &mdash; "vínculo" y "puente" &mdash;
fueron acuñados por Robert Putnam en su perspicaz libro,
<a target="_blank" href="http://bowlingalone.com/">
Bowling Alone</a> (en inglés), publicado en el 2000. Su descubrimiento:
en casi <i>todas</i> las medidas empíricas de conectividad social,
los ciudadanos americanos están más solitarios que nunca.
Caramba.
</div>
</reference>
<reference id="bridge">
<h3>
"el capital social puente tiene un punto óptimo"
</h3>
<div>
<a target="_blank" href="https://sociology.stanford.edu/sites/default/files/publications/the_strength_of_weak_ties_and_exch_w-gans.pdf">
“The Strength of Weak Ties”</a> de Granovetter (1973) (en inglés)
demostró que las conexiones entre grupos ayudan a esparcir contagios simples (como información),
pero
<a target="_blank" href="http://www.jstor.org/stable/10.1086/521848?seq=1#page_scan_tab_contents">
“Complex Contagions and the Weakness of Long Ties”</a> de Centola &amp; Macy (2007) (en inglés)
demostró que las conexiones entre grupos podrían no ayudar a los contagios complejos.
Es más, ¡includo podrían amortiguar su propagación!
</div>
</reference>
<reference id="small_world">
<h3>
“las redes de mundo pequeño”
</h3>
<div>
La idea del "mundo pequeño" fue popularizada por el
<a target="_blank" href="http://www.jstor.org/stable/2786545">experimento de Travers &amp; Milgram's de 1969</a> (en inglés),
el cual demostró que, en promedio, dos personas cualquiera en los Estados Unidos
están a solo seis amistades de distancia &mdash; ¡"seis grados de separación"!
<br><br>
La red de mundo pequeño ganó más peso matemático con el estudio
<a target="_blank" href="http://leonidzhukov.net/hse/2014/socialnetworks/papers/watts-collective_dynamics-nature_1998.pdf">
“Collective dynamics of small-world networks”</a> de Watts &amp; Strogatz (1998) (en inglés),
quienes propusieron un algoritmo para crear redes
con una longitud pequeña en promedio (pocos grados de separación)
y una alta densidad (amigos con muchos amigos en común) &mdash;
es decir, ¡la red más óptima!
<br><br>
También puedes jugar con
<a target="_blank" href="http://worrydream.com/ScientificCommunicationAsSequentialArt/">
la adaptación interactiva de ese estudio</a>, hecha por Bret Victor (2011) (en inglés).
</div>
</reference>
<reference id="swn_neurons">
<h3>
"[las redes de mundo pequeño] describen cómo nuestras neuronas están conectadas"
</h3>
<div>
<a target="_blank" href="https://www.ncbi.nlm.nih.gov/pubmed/17079517">
“Small-world brain networks”</a> de Bassett &amp; Bullmore (2006) (en inglés).
</div>
</reference>
<reference id="swn_creativity">
<h3>
"[las redes de mundo pequeño] dan lugar a nuestra creatividad colectiva"
</h3>
<div>
<a target="_blank" href="http://www.jstor.org/stable/10.1086/432782?seq=1#page_scan_tab_contents">
“Collaboration and Creativity: The Small World Problem”</a> de Uzzi &amp; Spiro (2005) (en inglés).
Este estudio analizó por un tiempo las redes sociales que existían en Broadway,
y descubrió que, efectivamente, ¡la red es más creativa cuando es una red de "mundo pequeño"!
</div>
</reference>
<reference id="swn_social_physics">
<h3>
"[las redes de mundo pequeño] dan lugar a la resolución colectiva de problemas"
</h3>
<div>
Ver
<a target="_blank" href="http://socialphysics.media.mit.edu/">
“Social Physics”</a> del profesor del MIT, Alex "Sandy" Pentland (2014) (en inglés),
para un enfoque de la inteligencia colectiva basado en datos.
</div>
</reference>
<reference id="swn_jfk">
<h3>
"¡[las redes de mundo pequeño] ayudaron a John F. Kennedy a evitar (por un pelo) una guerra nuclear!"
</h3>
<div>
Aparte de la explosión del transbordador Challenger, el ejemplo más notorio de "pensamiendo de grupo"
fue el fiasco de la Bahía de Cochinos.
En 1961, el aquel entonces presidente de los EE.UU, John F. Kennedy, junto con su equipo de asesores, concluyeron
&mdash; por alguna razón &mdash;
que sería buena idea invadir secretamente a Cuba y derrocar a Fidel Castro.
Fracasaron.
Es más, lograron empeorar todo: La invasión condujo a Crisis de los misiles en Cuba, en 1962.
<i>Lo más cercano que el mundo ha estado a una guerra nuclear mundial.</i>
<br><br>
Sí... JFK realmente metió la pata.
<br><br>
Pero habiendo aprendido algunas lecciones muy duras del fiasco de la Bahía de Cochinos,
JFK reorganizó a su equipo para evitar "pensamiento de grupo" (groupthink).
Entre algunas cosas, él:
1) motivó a las personas a expresar sus opiniones libremente,
disminuyendo el "umbral de contagio" de ideas alternativas.
Y
2) separó a su equipo en grupos más pequeños,
¡dandole una estructura similar a una "red de mundo pequeño"!
Así, este arreglo permitió una sana diversidad de opiniones &mdash; una sabiduría de masas.
<br><br>
Y de esa manera, los mismos <i>individuos</i> que provocaron el fiasco de la Bahía de Cochinos,
pero reorganizados <i>colectivamente</i> para dialogar sobre la Crisis de los misiles en Cuba...
lograron llegar a un acuerdo pacífico con el lider soviético Nikita Khrushchev.
Los soviéticos retirarían sus misiles de Cuba, y a cambio,
los EE.UU. prometerían no invadir a Cuba de nuevo
(también prometieron, en secreto, retirar sus misiles de Turquía).
<br><br>
Esa es solo otra historia de cómo casi se extingue toda la humanidad.
¡Pero una red de mundo pequeño salvó el día! Más o menos.
<br><br>
Puedes leer más sobre esto
<a target="_blank" href="https://hbr.org/2013/11/how-john-f-kennedy-changed-decision-making">
en el Harvard Business Review</a> (en inglés),
o en
<a target="_blank" href="https://web.archive.org/web/20100401033524/http://apps.olin.wustl.edu/faculty/macdonald/GroupThink.pdf">
el artículo original sobre pensamiento de grupo</a> (en inglés).
</div>
</reference>
<reference id="three_degrees">
<h3>
"¡influenciamos [...] a los amigos de los amigos de nuestros amigos!"
</h3>
<div>
Nuevamente, tomado del maravilloso libro de Nicholas Christakis y James Fowler,
<a target="_blank" href="http://www.connectedthebook.com/">
Connected</a> (2009) (en inglés).
</div>
</reference>
<reference id="flatter">
<h3>
"sé escéptico de las ideas que halagan"
</h3>
<div>
¡sí, incluyendo a las ideas de <i>esta explicación interactiva</i>!
</div>
</reference>
<reference id="sandbox">
<h3>
★ Modo Sandbox ★
</h3>
<div>
Los atajos de teclado (1, 2, espacio, retroceso)
funcionan en <i>todos</i> los retos, ¡no solo en el modo Sandbox!
En serio, puedes regresar a un capítulo anterior,
y modificar la simulación ahí mismo.
De hecho, así es como construí todos esos retos. ¡Diviértete!
</div>
</reference>
<reference id="supporters" hidden=yes large=yes>
<div>
A
<a target="_blank" href="https://www.patreon.com/ncase">mis patrocinadores de Patreon</a>:
Estoy profundamente agradecido.
Su generosidad <i>literalmente</i> me alimenta y paga mi renta,
y me da la libertad creativa para hacer estos curiosos juegos de matemáticas y ciencias sociales.
¡Desde el fondo de mi corazón, gracias!
</div>
</reference>
<reference id="playtesters" hidden=yes large=yes>
<div>
¡Gracias a todos los que retroalimentaron a <i>Crowds</i>
en sus diferenes etapas!
<br><br>
<b>Prototipo:</b>
<br>
Maria ·
Monica Srivastava
<br><br>
<b>Versión Alpha:</b>
<br>
Glen Chiacchieri ·
Kalli Repzeti ·
Mali Akmanalp ·
Toph Tucker
<br><br>
<b>Versión Beta:</b>
<br>
Alex Dytrych ·
Amit Patel ·
Cassandra McClure ·
Catherine Ray ·
Josh Comeau ·
Kayle Sawyer ·
Matthew Conlen ·
Srini Kadamati ·
Vanessa Shen ·
Wick Perry
</div>
</reference>
</span>
<!--
And that's it! That's the last of what needed to a TRANSLATE
Thank you so, so much for doing this again, wow.
Finally, go to "translations.txt" and follow the instructions there,
in order to let this game "know" your translation exists.
-->