<!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=2c763d6dd7fc5ad21ced350b132c0d8e" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo" style="color: #2BA6CB;"> </a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="center" style="padding:10px;" width="600">Vuelve un clásico:<br />
<strong><a href="https://concreta.uy/curso-psicologia-cognitiva-y-experiencia-de-usuario/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo">Psicología Cognitiva y Experiencia de Usuario</a></strong><br />
Próximo Comienzo: 26 de enero<strong> </strong>- <span style="font-size: 16px; margin-top: 24px"><a href="https://concreta.uy/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo#contactenos">Hablá con un docente</a></span></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">Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo</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">Un jefe no-diseñador tiene que tener una noción básica de la diferencia entre percibir e interactuar: un afiche se percibe, con una interfaz se interactúa. Una forma sencilla de abordarlo es la tríada "miro, leo, pienso", que es además una ayuda para recordarlo fácilmente.</p>
<p><a href="https://concreta.uy/biblioteca/miro-y-entiendo-leo-y-entiendo-pienso-y-entiendo/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo"><img src="https://concreta.uy/wp-content/uploads/foto-flecha-del-tránsito600.png" alt="foto flecha del tránsito que es tapa del libro Miro y Entiendo" 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">Para diseñar experiencias de usuario de calidad, con interfaces fáciles de comprender y usar es importante pasar al otro lado del mostrador y entender cómo los usuarios interactúan con esas interfaces, en particular cómo las perciben y decodifican. De alguna manera, maximizar la facilidad de uso es sinónimo de optimizar la interfaz para que las estrategias de interacción de los visitantes funcionen lo mejor posible.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">La interacción de los visitantes con una interfaz se desarrolla en tres niveles: mirar, leer y pensar. Cada uno de ellos requiere un nivel de atención particular, un esfuerzo consciente particular, y un nivel de razonamiento particular. Cada uno de ellos retorna al visitante un nivel de resultados particular. La interacción se desarrolla simultáneamente en los tres niveles, éstos se combinan e interrelacionan permanentemente entre sí y el visitante obtiene su experiencia como un todo, sin necesidad de tener conciencia alguna sobre qué nivel fue el que le aportó qué dato.</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">Miro y Entiendo</h2>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">El nivel más básico de interacción es el que llamaremos <strong>Miro y Entiendo</strong>. Se trata de un nivel de interacción inconsciente y en algunos casos semiconsciente, donde el visitante requiere de esfuerzo casi nulo para hacerse de información y conocimiento. La percepción de comprensión inmediata y sin esfuerzo es el nivel máximo de Usabilidad, y genera gran satisfacción.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Cuando un visitante se enfrenta a la interfaz, lo hace con un bagaje de experiencias y aprendizajes previamente adquiridos que intentará utilizar para reconocer patrones, relaciones causa-efecto y en general todo aquello que le ayude a generar un contexto que le permita manejarse de forma óptima en el diálogo de la interacción. En este bagaje de experiencias tiene una particularísima importancia la experiencia previa de navegación en la Web, que en un usuario del siglo XXI es extensísima.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Los patrones a reconocer son en general tan sencillos como poderosa es su influencia en nuestra comprensión. La Figura 1 muestra uno de los más primitivos y elementales, pero a la vez más útiles: la agrupación visual. A pesar de que los cuadrados no tienen contenido alguno, es obvio y natural que los dos de arriba y los dos de abajo tienen alguna relación entre sí más fuerte que la que tienen los de la izquierda o los de la derecha. ¡Y no hay que pensar para darse cuenta!</p>
<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img src="https://concreta.uy/wp-content/uploads/cuadrados-agrupados-a-nivel-miro-y-entiendo600.png" alt="cuadrados agrupados a nivel miro y entiendo" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></figure>
<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">Figura 1</p>
</div>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Si el diseño tuvo en cuenta el nivel <strong>Miro y entiendo</strong> entonces la agrupación visual y la jerarquía creadas a partir de los efectos cromáticos, los espacios, la ubicación, los tamaños, entre otros elementos, permiten al visitante comprender múltiples aspectos de la página que ve sin esfuerzo alguno y de forma prácticamente inmediata, aumentando enormemente la facilidad de uso.</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">Agrupación y jerarquía</h2>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Cuando un usuario se enfrenta a una pantalla, o para ser más exactos a un conjunto de estímulos, lo primero que hace su cerebro es organizar lo que está viendo. Este es un fenómeno inconsciente y casi instantáneo, imposible de detener, que demora en el entorno de una décima a un cuarto de segundo, lo que algunos psicólogos cognitivos denominan el espacio pre-perceptivo.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En el momento en que el usuario percibe conscientemente la interfaz, una o dos décimas de segundo después de haber recibido en sus sensores el impacto de los estímulos, la información ya está organizada, sobre la base de generar un frente con lo considerado relevante, aquello a lo que se debe prestar atención y un fondo con aquello que es irrelevante y puede ser descartado.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">El proceso mental por el que el usuario organiza lo que percibe y genera el frente y el fondo no se puede ni detener ni evitar, es un mecanismo que se generó en la evolución y que nos permite a los humanos lidiar eficientemente con el entorno complejo que nos rodea. En la naturaleza de hace 25.000 años, el mecanismo funcionaba a la perfección: lo grande, lo ruidoso, lo que se mueve, lo estridente, lo que destaca en cualquier forma va al frente. Por eso nuestros depredadores intentan siempre ser silenciosos y mimetizarse con los colores del fondo.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En las interfaces que diseñamos no ocurre lo mismo que en la naturaleza, nosotros tenemos que crear artificialmente las pistas visuales para que lo más relevante quede en el frente y lo intrascendente en el fondo. <strong>Las herramientas centrales para conseguirlo son la agrupación y la jerarquía</strong>.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En esa décima de segundo nuestro inconsciente va a intentar agrupar lo que ve en la menor cantidad de grupos posible, prefiriendo hacerlo en uno solo y sin pasarse de 4, excepcionalmente 5, pero nunca más de eso. Si no consigue agruparlos va a pasar la tarea al nivel pienso y entiendo para que lo resuelva. En el caso de una interfaz, cuando sucede esto es porque el diseño es pobre.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Luego de agrupar, el cerebro construye el frente con los grupos que formó, y el fondo con el resto. La tarea siguiente es jerarquizar entre los grupos, para determinar cuál es el más importante. Recién en este momento, si todo sucedió sin inconvenientes, el cerebro pasa el control a nuestra conciencia, a nuestra percepción. El mecanismo es tan sofisticado que el cerebro arregla esos saltos en el tiempo, esconde esas décimas de segundo de demora para que nuestra percepción se sienta continua. </p>
<figure class="wp-block-image size-full"><img src="https://concreta.uy/wp-content/uploads/pagina-de-inicio-del-ministerio-de-desarrollo-social-de-Chile600.png" alt="Página de inicio del Ministerio de Desarrollo Social de Chile" 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">Página de inicio del Ministerio de Desarrollo Social de Chile</p>
</figure>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En el sitio del ministerio de Desarrollo Social de Chile, las imágenes de fondo compiten con las del frente en jerarquía, impidiendo tanto generar un frente y un fondo como agrupar a nivel miro y entiendo</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Como último comentario vale la pena resaltar para que no pase desapercibido el hecho de que en ningún momento hay una interpretación del contenido. La organización por agrupación y jerarquía en frente y fondo es un fenómeno tan eficaz como primitivo, en el que no hay más interpretación que algunos patrones elementales e instintivos que el cerebro está preparado para reconocer: cuerpo humano, rostros, serpientes y otros depredadores, y poco más, a los que se suman los patrones que se reconocen intuitivamente. En definitiva, no es el sentido del contenido lo que agrupa, sino al revés, es la forma lo que agrupa al contenido antes siquiera de que le demos sentido.</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">Tips:</h3>
<ul>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Si miramos “de súbito”, ¿cuántos grupos de contenido se forman?</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Defina el objetivo de la pantalla o diálogo. ¿Está en el grupo más prominente de los que se formaron?</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">¿Hay elementos decorativos que compitan con el contenido relevante?</li>
</ul>
<p></p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En la próxima nota abordaremos un tema complementario que siempre despierta interés y comentarios: la intuición</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-2022/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo">Calendario de cursos 2022 </a></h3>
<p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Ya están disponibles las fechas de los <strong>cursos de Experiencia de Usuario y Accesibilidad de 2022</strong>, para que puedas planificar con tiempo tu formación. Podés <a href="https://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo">consultar las características y programas</a> de cada curso y elegir el que más se adapte a tus necesidades. Y si querés saber más, o hablar con los docentes, <a href="https://concreta.uy/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo#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-2022/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Miro y Entiendo, Leo y Entiendo, Pienso y Entiendo" 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;">IR AL CALENDARIO </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=uSqUTx9n4N743ViptdRDE6VUsZyPTjcMZz3usw7-JERRsIkdyIhcevVA2BtMwWuWkDgpL7z-Qf-8kBV3EBxmJR4zEf74Pl2fhTrd7LbDHKeCGWeNjs9P17uVj1yrh10F9xaYPbVKk6sKZScdrkZpeqQdoFFdHTfusn0_AGRmaJ8p-VY2XOJeMRTsUjVZi-5VnMUO8NwcJ9mJ53sht_uxUZ1O9XgPPD56N_SpQDhu1A9b9uuYyUbeCnD3GJWrXB3vRarayHDDJjQ6o3KOO5o0ZhD2hbtqNTm7xV_l3_1gLXQDOpHfYdapV1p6IM06WiWYBKRpSBpQrSgucxnIRIw-qO-cfBBssM2qxg7WpakuhxMmN_8XDbKTyh7EVxMjXpL-F2UvEMLILJaBQ_J1uC5Dy481" 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.1437723096&t=event&ec=ElasticEmail&ea=Miro+y+Entiendo%2C+Leo+y+Entiendo%2C+Pienso+y+Entiendo&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>