<!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/logoG4.jpg?id=10752eaab4aaa81698a93ca27e12b11b" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Navegación y contenido: Carpetas, documentos y tarjetas" style="color: #2BA6CB;"> </a></td>
                        <td> </td>
                </tr>
                <tr>
                        <td> </td>
                        <td align="center" style="padding:10px;" width="600">
                        <p>Taller de Diseño de la Interacción<br />
                        <a href="https://concreta.uy/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Navegación y contenido: Carpetas, documentos y tarjetas"><strong>Último comienzo del año: 27 de agosto de 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/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Navegación y contenido: Carpetas, documentos y tarjetas#wpcf7-f1248-p2072-o1">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">Navegación y contenido II: Carpetas, documentos y tarjetas</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">Una carpeta es una página que reúne un conjunto de documentos de un tema o categoría. Además de permitir acceder a ellos, una buena carpeta debe generar un resumen del contenido en general y de cada documento.</p>
<p><a href="https://concreta.uy/biblioteca/carpetas-documentos-y-tarjetas/"><img src="https://concreta.uy/wp-content/uploads/carpeta.png" alt="carpeta y documento" 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">Una carpeta es un tipo de página o formato que reúne y organiza los documentos de un espacio de información de un sitio Web o aplicación. Es el lugar típico al que se aterriza cuando se clickea la opción <em>cortinados</em>, <em>descargas</em>, o <em>novedades </em>en un sitio Web. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Una carpeta tiene implícita algunas características relevantes: </p>
<ul>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Es completa</strong>: abarca todos los documentos de la categoría o espacio de contenido que cubre. A veces pueden ser decenas o cientos de miles de documentos. </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Es automática</strong>: cuando se crea un documento o pieza de contenido, el software administrador de contenidos lo colocará en la carpeta o carpetas correspondientes, a partir de las etiquetas, categorías y otros datos que contenga el documento. </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Tiene un orden preestablecido</strong>: si bien los usuarios lo pueden alterar, inclusive de forma permanente, una carpeta tiene un criterio para ordenar el contenido que despliega. </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Es navegable</strong>: es un estándar que las carpetas tengan sistemas de navegación que incluyen menús locales, filtrado y búsqueda en diferentes combinaciones. </li>
</ul>
<p><img src="https://concreta.uy/wp-content/uploads/carpeta-descargas-mac.png" alt="Carpeta descargas Mac" 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">La carpeta de descargas del sitio de Apple tiene un menú local y un buscador especializado, distinto del buscador del sitio. Ordena los contenidos de más reciente a más antiguo.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Desde el punto de vista de la relación entre navegación y contenido, la carpeta es un formato clave, porque está exactamente en el medio de ambos: 50 y 50. La representación de cada contenido, a la que llamaremos <strong>tarjeta</strong>, permite acceder a cada documento o contenido, mientras que las herramientas de navegación de que disponga permite buscar y desplazarse entre los contenidos hasta llegar al que necesitamos. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Simultáneamente, cada tarjeta resume el contenido y funcionalidad que representa, permitiendo no solo elegir, sino también conocer los aspectos más importantes del contenido sin necesidad de acceder a la versión completa. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Esto se hace evidente en los sitios de comercio electrónico y clasificados, como se ve en los ejemplos que se muestran a continuación. </p>
<h3 style="font-size: 24px;margin-top: 1.525em;margin-bottom: .20em;line-height: 1.20;font-weight: 500;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif">Tarjetas de clasificados</h3>
<p><img src="https://concreta.uy/wp-content/uploads/soloautos-mx.png" alt="tarjeta de clasificados en SoloAutos México" 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">SoloAutos – México</p>
<p><img src="https://concreta.uy/wp-content/uploads/el-pais-colombia.png" alt="tarjeta de clasificados en El País Colombia" 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">El País – Colombia</p>
<p><img src="https://concreta.uy/wp-content/uploads/mercado-libre.png" alt="tarjeta de clasificados en Mercado Libre" 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">MercadoLibre</p>
<p><img src="https://concreta.uy/wp-content/uploads/carros.com-brasil.png" alt="tarjeta de clasificados en carros.com Brasil" 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">Carros.com – Brasil</p>
<p><img src="https://concreta.uy/wp-content/uploads/gallito-.png" alt="tarjeta de clasificados en gallito.com Uruguay" 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">Gallito.com – Uruguay</p>
<p><img src="https://concreta.uy/wp-content/uploads/autocosmos-ar.png" alt="" 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">Autocosmos – Argentina</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Si miramos la estructura general de las tarjetas, todas tienen arriba una imagen que abarca todo el ancho, el modelo, el precio y algún tipo de descripción. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Si miramos más en detalle podemos observar: </p>
<ul>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Imágenes</strong>: es casi un estándar poder recorrer todas las imágenes sin necesidad de ingresar a la ficha completa y una muestra central de la idea de “subir” contenido del documento a la tarjeta. SoloAutos de México informa que tiene 17 fotos de un auto y 15 del siguiente, pero hay que ingresar a cada ficha para verlas, lo que aumenta sensiblemente el costo de interacción.</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Información</strong>: Si bien todas las tarjetas tienen la marca, el modelo, el kilometraje (o si es nuevo) y el precio, es interesante observar cómo algunos diseñadores se las ingenian para empaquetar una cantidad significativa de información útil en el mismo espacio en el que otros no incluyen casi nada, como salta a la vista si comparamos Carros.com de Brasil con El País de Colombia o El Gallito de Uruguay.</li>
</ul>
<ul class="sinBullet">
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Es interesante señalar que MercadoLibre, líder indiscutido en el rubro en América Latina, es de los que menos información brindan: ni siquiera están la marca y el modelo.</li>
</ul>
<ul>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Agrupación</strong>: es importante que el contenido de las tarjetas se agrupe visualmente, para que quede completamente claro qué elementos están relacionados con qué otros elementos a nivel miro y entiendo, evitando el <a href="https://concreta.uy/biblioteca/el-mal-de-lucas/" data-type="URL" data-id="https://concreta.uy/biblioteca/el-mal-de-lucas/">Mal de Lucas</a>. El uso del espacio en blanco y de bordes, pero sobre todo de fondo y sutiles sombras son fundamentales para cumplir este objetivo</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Funcionalidad</strong>: además del contenido gráfico y textual, la tarjeta puede (debe) incluir funcionalidad disponible en la ficha o documento. Ya hablamos de la posibilidad de ver todas las imágenes, toca aquí contactar, marcar como favorito, compartir y otras. </li>
</ul>
<h3 style="font-size: 24px;margin-top: 1.525em;margin-bottom: .20em;line-height: 1.20;font-weight: 500;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif">Tarjetas de comercio electrónico</h3>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">El problema del comercio electrónico es similar al de los clasificados. Elegimos para la comparación un producto en el otro extremo de la complejidad de compra que un auto: un mix de verduras para una ensalada o una sopa. </p>
<p><img src="https://concreta.uy/wp-content/uploads/disco-Argentina.png" alt="Tarjeta en listado de productos. Disco Argentina" 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">Disco – Argentina</p>
<p><img src="https://concreta.uy/wp-content/uploads/libertad-Cordoba.png" alt="Tarjeta en listado de productos. Libertad - Argentina" 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">Libertad – Argentina</p>
<p><img src="https://concreta.uy/wp-content/uploads/tienda-inglesa.png" alt="Tarjeta en listado de productos. Tienda Inglesa - Uruguay" 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">Tienda Inglesa – Uruguay</p>
<p><img src="https://concreta.uy/wp-content/uploads/exito-Colombia.png" alt="Tarjeta en listado de productos. Supermercados Exito - Colombia" 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">Éxito – Colombia</p>
<p><img src="https://concreta.uy/wp-content/uploads/Disco-Uruguay.png" alt="Tarjeta en listado de productos. Disco Uruguay" 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">Disco – Uruguay</p>
<p><img src="https://concreta.uy/wp-content/uploads/covabra-Brasil.png" alt="Tarjeta en listado de productos. Covabra - Brasil" 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">Covabra – Brasil</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En el caso del comercio electrónico las necesidades del usuario tienen una naturaleza distinta que las de los clasificados de autos, pero se contestan con las mismas herramientas.</p>
<ul>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Imágenes</strong>: en todos los casos hay una sola imagen y muchas veces muy pobre: pequeña y poco clara. Inclusive en el caso de Tienda Inglesa hay un producto con una foto promocional, que no llega a describir el producto que recibiremos. </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Información</strong>: la información parece también más escueta de lo que debería, inclusive cuando quedan grandes espacios libres como en Disco – Argentina. Tienda Inglesa es un caso particular, porque un producto tiene la mejor información, con el listado de vegetales que incluye la bolsa y el de al lado se limita a dos palabras.</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Agrupación</strong>: los sitios de comercio electrónico han mejorado sensiblemente la agrupación visual de sus tarjetas, con respecto por ejemplo a lo que vimos cuando publicamos el artículo sobre el <a href="https://concreta.uy/biblioteca/el-mal-de-lucas/" data-type="URL" data-id="https://concreta.uy/biblioteca/el-mal-de-lucas/">Mal de Lucas</a>. Si bien hay espacio para mejorar, todos califican como aceptable hacia arriba. </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Funcionalidad</strong>: Todos permiten agregar al carrito de compras desde el producto. Esto es un gran avance, porque hace 5 años era frecuente encontrar sitios de supermercados que requerían ir a la tarjeta del producto para comprarlo. Sin embargo, el resto de la funcionalidad se limita a listas y favoritos. Ninguno permite compartir, comparar, guardar para después u otras funcionalidades que son casi imprescindibles en una compra que va a abarcar decenas de productos. </li>
</ul>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">No pretendemos en una nota abarcar todo el problema de la relación de la navegación y contenido en las carpetas y sus tarjetas. Mucho menos creemos que sea posible encontrar el ejemplo de lo que hay que hacer exactamente: diseñar siempre es un problema de equilibrios, y cada equipo de diseño decide qué ganar y qué perder en cada caso. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Pero sí queremos mostrar que diseñar buenas carpetas implica bastante más que poner un título, una foto para cada documento, precedidos de un botón de filtrar y uno de ordenar.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">
<p class="destacado" style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px;font-weight: 600;padding: 1.5em;background-color: #E9E9E9">Entrega anterior:<br />– <a href="https://concreta.uy/biblioteca/navegacion-y-contenido/" data-type="post" data-id="8201">Navegación y contenido I: Mega-menús</a><br />Próxima entrega:<br />– El menú de Windows a lo largo de sus versiones.</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/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Navegación y contenido: Carpetas, documentos y tarjetas">Taller de Diseño de la Interacción</a></h3>

                                                <p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Un entrenamiento práctico con tutoría para desarrollar y/o profundizar tus habilidades como diseñador, a través del análisis del proceso del Diseño.</p>

                                                <p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Último comienzo del año: <strong>29 de agosto</strong></p>

                                                <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/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Navegación y contenido: Carpetas, documentos y tarjetas#wpcf7-f1248-p2072-o1">no dudes en contactarnos</a>.</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/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Navegación y contenido: Carpetas, documentos y tarjetas#inscripciones" 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;">Inscripciones</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="https://tracking.concreta.uy/tracking/unsubscribe?d=302-IDR0TKmPrOjr_ZF4NjwPxax3Uu9KX0TzXB6LFfNmiB-yYDmREJ20udJyxus5Dl-qR-zgG7_Vf3-1DpBzQk0aj348ZWu2L4z4ul_pGvM0t5S5viWdUW5Vh_NElKfV3FMqO0J7uDxg0hQbeOymF82bvERI6C-zHN9j_ajBTLrVaIk109n_4ZauHdb6fyFdBhjZI3f0gJJL_qSvb8p8pw1HmMMlmrECLnqYJ6WpDpOIWbg8xO7sDRRxGFkSXFO_uH28UIWrcB8ifxXehLVwNOiWx_UYpXQABCmGGNvi9lQh4pLJlVjT9ibrx5FqUFtYLV9DW9YRLb4kBzASjjR6yHqgRKsf1nqowkf6bR7wIUwH1yd751ZirSzX0RX1TUy8oecxXUtn7cLW5SygT_mqZ-2csttBFwP63afWsUqCEd3VJfD4Tyl6QYbdxfjAr8p0EApGkfYtgvIoDgZ_ProeaSy0gwotzNeZ5TniXbFuQ9ufVzVJwPqiN6vGtCEpQrPDLcaqjcXHOsBnkhNEfAWT2H4rYAWjtbesFOGI3bZana_MLbLP-QADlu7r-x6RYq1DPUJ6GOc9JqGYPtS34umT_Is1" style="color:#666666;">No quiero recibir información sobre cursos de Concreta</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>