<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head><meta name="viewport" content="width=device-width,initial-scale=1.0" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Concreta Capacitación</title>
</head>
<body bgcolor="#FFFFFF" style="cursor: auto;margin: 0 auto;padding: 0;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; line-height: 1.65; "><!-- HEADER --><!--header-->
<table style="margin:0 auto" width="100%">
<tbody>
<tr>
<td> </td>
<td align="left" style="border-bottom: solid #FFA73B 1px;" width="600"><img alt="Concreta Capacitación" height="64" src="http://concreta.uy/image/pepe.jpg?id=c0d32f5d82818e43d4a500a8107fa945" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Autosimilitud en Diseño" style="color: #2BA6CB;"> </a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="center" style="padding:10px;" width="600">
<p>En 2023 subí un escalón en el conocimiento de tu profesión<br />
<a href="https://concreta.uy/calendario-cursos-2023/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Autosimilitud en Diseño"><strong>Calendario de cursos 2023</strong></a><br />
Para conocer más sobre las distintas opciones, <span style="font-size: 16px; margin-top: 24px"><a href="https://concreta.uy/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Autosimilitud en Diseño#contactenos">contactá a un docente</a></span></p>
</td>
<td> </td>
</tr>
</tbody>
</table>
<!--contendio-->
<p style="margin-bottom: 10px;font-weight: normal;font-size: 18px;line-height: 0.2;"> </p>
<table style="margin:0 auto" width="100%">
<tbody>
<tr>
<td> </td>
<td align="left" width="600"><div class="newsletters_content"><h1 class="Landing-title" style="font-size: 36px;margin-top: .25rem;margin-bottom: .25em;line-height: 1.15;letter-spacing: -1px;font-weight: 500;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-transform: none;text-align: center">Autosimilitud en diseño</h1>
<p class="Landing-description" style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 1.5rem;line-height: 1.5;font-weight: 400;color: #333;text-align: center">Hay una variedad de interfaces muy particular: aquellas donde el todo es similar a cada una de sus partes, como un mapa, un dibujo o un cuadro de mando. </p>
<p><a href="https://concreta.uy/biblioteca/autosimilitud-en-diseno/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO2023&utm_content=Autosimilitud en Diseño"><img src="https://concreta.uy/wp-content/uploads/arbolFractal600.png" alt="arbol fractal" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Lamentablemente, cuando el celular se nos cae al piso y se parte en dos no nos quedan dos celulares, sino un par de paquetes de basura electrónica. Sin embargo, al partir una rama sí obtendremos dos ramas. Lo mismo sucede con una pastilla de jabón, un trozo de chocolate, una gota de agua y un segmento de recta, entre una lista infinita de objetos. Esta propiedad por la que el objeto es similar a cada una de sus partes se denomina <strong>autosimilitud</strong> y es la base de la <a href="https://es.wikipedia.org/wiki/Fractal">teoría fractal</a>, desarrollada por el matemático francés <a href="https://es.wikipedia.org/wiki/Beno%C3%AEt_Mandelbrot">Benoit Mandelbrot</a>. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En diseño también podemos encontrar la idea de autosimilitud. Cuando interactuamos con un mapa, un dibujo o un cuadro de mando tipo <em>dashboard</em> estamos ante una interfaz autosimilar. Las partes que lo integran son en sí de la misma naturaleza que el todo. Esto no sucede, por ejemplo, con la estructura canónica del sitio Web: documentos y carpetas. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">La mayoría de los sitios Web tienen páginas que constituyen un documento que reúne información que el autor consideró relevante sobre un tema. Cuando se agrupan o listan esos documentos se forma una carpeta. La naturaleza del documento y la carpeta son sustancialmente distintas y la interacción con una y con otra son por tanto también distintas. (Vale acotar que la carpeta en sí misma si tiene una estructura autosimilar, lo que permite paginarla y aplicar otras técnicas de interacción)</p>
<p><img src="https://concreta.uy/wp-content/uploads/documentoPortalTimbo600-1.png" alt="Formato Documento en Medium.com" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></p>
<p class="has-small-font-size has-text-align-center" style="font-size: 16px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px;text-align: center">Formato Documento en Medium.com</p>
<p><img src="https://concreta.uy/wp-content/uploads/carpetaPortalTimbo600-1.png" alt="Formato Carpeta en Medium.com" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></p>
<p class="has-small-font-size has-text-align-center" style="font-size: 16px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px;text-align: center">Formato Carpeta en Medium.com</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Pero cuando estamos ante un cuadro de mando, por ejemplo el que muestra ventas y gastos de una empresa, las ventas y gastos de cada área será un cuadro de mando y las de cada división dentro del área también y así sucesivamente, hasta llegar al átomo de medición. </p>
<h2 style="font-size: 30px;margin-top: 1.625em;margin-bottom: .25em;line-height: 1.25;font-weight: 500;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif">Interfaces Autosimilares</h2>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Sería genial que hubiera una receta para resolver interfaces autosimilares: una lista taxativa de acciones y actividades que nos dieran la clave para generar una buena interfaz. Todo lo contrario: las interfaces autosimilares tienden a ser más complejas, ya que las fronteras entre el todo y sus componentes son más borrosas, a lo que se suma que en muchos casos, como por ejemplo en un mapa, la arquitectura de la información es muy profunda. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Podemos sí describir algunas características que suelen ser típicas de una interfaz autosimilar. </p>
<ul>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>La profundidad de la Arqutiectura de la Información es clave</strong>: además de que al partirla lo que obtengamos sea de la misma naturaleza que el todo, tiene que haber a la vez y sin contradicción cambios a medida que descendemos por el árbol de la información. Al partir una planilla electrónica obtenemos una planilla electrónica, pero no hay ningún otro cambio significativo, por lo que su autosimilitud resulta poco relevante para la interfaz.</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Zoom</strong>: es habitual que el zoom resulte una herramienta básica de navegación en una interfaz autosimilar. No en todas: por ejemplo en una planilla electrónica tipo Excel el zoom no es siquiera una herramienta de navegación, tal vez como se mencionó más arriba por lo “chato” de su arquitectura de información.<br />A veces el zoom no se expresa en la pantalla como zoom, la cantidad de items en el paginado o el scroll infinito de una carpeta pueden verse como manifestaciones del zoom. </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Un solo set de herramientas</strong>: es muy probable que las herramientas de la interfaz sean las mismas para cualquier nivel de detalle de la información. Se puede pensar en una herramienta de dibujo como Figma o PhotoShop, que independientemente de que este viendo toda la imagen o una pequeña porción son esencialmente las mismas. </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>A medida que hacemos zoom, la interfaz muta manteniéndose igual</strong>:<strong> </strong>como el río de Heráclito, que siempre es el mismo y siempre es distinto, la misma interfaz se mantiene estable pero muta al hacer zoom. El ejemplo tal vez más significativo sea el del mapa: siempre es un mapa, pero un mapamundi es distinto que el mapa de un país, que el plano de una ciudad y que una ruta dentro de un barrio, ¡a pesar de que todos son mapas el mismo mapa!</li>
</ul>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Como corolario un atributo interesante de las interfaces autosimilares es que las <a href="https://concreta.uy/biblioteca/las-10-reglas-heuristicas/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO2023&utm_content=Autosimilitud en Diseño">Reglas Heurísticas</a> siguen aplicando sin restricciones, mientras que las listas de checkeo de Usabilidad tienden a fallar desde el arranque. Cuando leo “¿Tiene un título claro y prominente? . . . . . . 2 puntos” siempre me divierte pensar en Google Maps.</p>
</div></td>
<td> </td>
</tr>
</tbody>
</table>
<!--inscripcion-->
<p style="margin-bottom: 10px;font-weight: normal;font-size: 18px;line-height: 1.6;"> </p>
<table style="margin:0 auto" width="100%">
<tbody>
<tr>
<td> </td>
<td align="left" width="600">
<table align="left" class="column" style="background-color: #ebebeb; float: left;min-width: 279px;">
<tbody>
<tr>
<td style="padding: 15px;">
<h3 style="font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height: 1.1;margin-bottom: 8px;margin-top: 18px;color: #000;font-weight: 400;font-size: 27px;"><a href="https://concreta.uy/calendario-cursos-2023/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Autosimilitud en Diseño">Calendario de cursos 2023 </a></h3>
<p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Ya están las fechas de los cursos para el próximo año:</p>
<ul>
<li style="margin-bottom: 8px; font-weight: normal; font-size: 18px; line-height: 1.6;"><a href="https://concreta.uy/curso-psicologia-cognitiva-y-experiencia-de-usuario/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Autosimilitud en Diseño">Psicología Cognitiva y Experiencia de Usuario</a></li>
<li style="margin-bottom: 8px; font-weight: normal; font-size: 18px; line-height: 1.6;"><a href="https://concreta.uy/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Autosimilitud en Diseño">Taller Intensivo de Diseño de la Interacción</a></li>
<li style="margin-bottom: 8px; font-weight: normal; font-size: 18px; line-height: 1.6;"><a href="https://concreta.uy/curso-accesibilidad-herramientas-de-evaluacion-wcag-2-2/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Autosimilitud en Diseño">Accesibilidad: Herramientas de evaluación WCAG 2.1</a></li>
</ul>
<p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Si querés conocer más detalles, o hablar con los docentes, <a href="https://concreta.uy/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Autosimilitud en Diseño#contactenos">no dudes en contactarnos</a>.</p>
<p style="margin-bottom: 20px;font-weight: normal;font-size: 18px;line-height: 1.6;"><span style="font-size:14px;">(Ahora pagos en pesos argentinos para Argentina)</span></p>
</td>
</tr>
</tbody>
</table>
<table cellpadding="10" cellspacing="20" style="background-color: #ebebeb; width: 100%;">
<tbody>
<tr>
<td align="center" bgcolor="#1947a1" height="27" style="padding:10px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; color: #1947a1; display: block;" width="250"><a class="concreta" href="https://concreta.uy/calendario-cursos-2023/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Autosimilitud en Diseño" style="color: #FFFFFF;font-size: 18px;font-weight: bold;font-family: sans-serif;text-decoration: none;line-height: 27px;width: 100%;display: inline-block;background-color: #1947a1!important;">Calendario 2023</a></td>
</tr>
</tbody>
</table>
</td>
<td> </td>
</tr>
</tbody>
</table>
<!--desuscribirse-->
<p style="margin-bottom: 10px;font-weight: normal;font-size: 18px;line-height: 1.6;"> </p>
<table style="margin:0 auto" width="100%">
<tbody>
<tr>
<td> </td>
<td align="center" width="600">
<p style="margin-bottom: 10px;font-weight: normal;font-size: 14px;line-height: 1.25;"><a href="http://tracking.concreta.uy/tracking/unsubscribe?d=RsdZkWcc-4z4_1k9-rqFgvdNACQUZA3cAmsnu9E5anu7p99YMI1yCdzxEWHAFU3s3zlYP-4jLXFTsa2yEoxS4h3MIicWPTbq58Ie6WiCohDOROsis52bMIK0M1EdkjMmxXPzSa1bNdXPYNef_jAFCaSpZR86UF_NPLrKrTOtc5iPLzz5ge7fcdj_CsnazSquRT7QKs4fHEKggf9edpTVgUxndsKGpE0mFHuZaf3l_hY2mnAM-bUN5LZ_muR-fbvlrlZYCe4s8XPMAdRbkawgJhBG0T2FxA9Nm4EIPu31AKJtLIWoKdbzeUR1MJA8dndI8Vn29unRz_2iujC-DP-OzovpTIOosBxuCstxmun32uH7b9t3M5d_gQW2J2OroccsQtA9tJO_AqggiclZakIUEhw1" style="color:#666666;">No quiero recibir información sobre cursos de Concreta<br />
<img alt="" src="https://www.google-analytics.com/collect?v=1&tid=UA-88473526-1&cid=698082699.1439951579&t=event&ec=ElasticEmail&ea=Autosimilitud+en+Dise%C3%B1o&el=698082699.1434050727&cs=newsletter&cm=email&cn=062413&cm1=1" style="width: 1px; height: 1px;" /></a></p>
</td>
<td> </td>
</tr>
</tbody>
</table>
<p style="margin-bottom: 10px;font-weight: normal;font-size: 18px;line-height: 1.6;"> </p>
<div style="text-align:center; background-color:#fff;padding-top:10px;padding-bottom:10px;font-size:8pt;font-family:sans-serif;"><p style="text-align:center;text-decoration:none;color:#666;">Concreta, Soriano 903 of 501, Montevideo, Montevideo, 11100, Uruguay, concreta.com.uy</p></div></body>
</html>