<!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=30e2cf842a332586e686eac2b8cf29d4" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Página de salto = oportunidad de mejora" style="color: #2BA6CB;"> </a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="center" style="padding:10px;" width="600">
<p>Viví una experiencia de diseño profesional y enriquecedora<br />
<strong><a href="https://concreta.uy/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Página de salto = oportunidad de mejora">Taller Intensivo de Diseño de la Interacción </a></strong><br />
Próximo Comienzo: <strong>6 de setiembre </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=Página de salto = oportunidad de mejora#contactenos">Hablá con 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"><br />
<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">Pagina de salto = oportunidad de mejora</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 página es de salto cuando su contenido se reduce a opciones de navegación: links a otros lugares del sitio o aplicación. Una página de salto casi siempre supone una oportunidad de mejora. </p>
<p><a href="https://concreta.uy/biblioteca/pagina-de-salto-oportunidad-de-mejora/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Página de salto = oportunidad de mejora"><img src="https://concreta.uy/wp-content/uploads/salto-de-clavadista-en-Acapulco600.png" alt="salto de clavadista en Acapulco" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></p>
<p class="has-text-align-center pieDeImagenDestacada has-small-font-size" style="font-size: 16px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px;text-align: center">Clavadista en la Quebrada de Acapulco, un salto desde 45 metros de altura</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Cuando un usuario elije el próximo contenido, siempre hay una tensión entre opciones de navegación e información. Por un lado la interfaz debe proveer los elementos para poder seguir adelante: botones, vínculos, formularios o menús que hagan desaparecer el contenido actual y traigan el nuevo. Por otro información que le permita al usuario tomar esa decisión.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">La tarea de diseño supone dar una solución a esta tensión: decidir cuánta información debe acompañar a cada vínculo. Siempre debe haber información, porque de otro modo sería una elección al azar, como en el siguiente ejemplo: </p>
<ul class="has-text-color" style="color:#005b90">
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><span style="text-decoration: underline">Opción 1</span></li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><span style="text-decoration: underline">Otra opción distinta</span></li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><span style="text-decoration: underline">Opción número 3</span></li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><span style="text-decoration: underline">Puedo elegir la cuarta</span></li>
</ul>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Sin información el usuario no tiene ninguna herramienta para predecir qué pasará al clickear cada una de las opciones. Es por eso que los vínculos siempre deben describir el contenido en el que aterrizarán:</p>
<ul class="has-text-color" style="color:#005b90">
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><span style="text-decoration: underline">Celulares</span></li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><span style="text-decoration: underline">Audio</span></li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><span style="text-decoration: underline">TV</span></li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><span style="text-decoration: underline">Domótica</span></li>
</ul>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Ahora hay información que permite predecir que encontraré al hacer click, y por tanto puedo tomar una decisión informada. Pero hay una beneficio adicional, que no debe pasar inadvertido para el diseñador: la información en su conjunto tiene un valor descriptivo mayor que el que provee cada vínculo en particular: ahora, por ejemplo, sé que estas opciones pertenecen al mundo de la electrónica. La tarea es definir cuánto puedo utilizar en esta propiedad para mejorar la interacció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">Subiendo información</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 recorre el sistema de navegación desde la raíz hasta un contenido, los diseñadores tenemos a nuestra disposición herramientas para hacer que la información que transmiten los vínculos sea valiosa como conjunto, más allá de su rol de navegación. Si “subimos” información de la página de aterrizaje a la que contiene el vínculo, daremos al usuario un panorama más valioso del contexto e información relevante de cada posible destino de navegación.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Un ejemplo muy difundido es el de las páginas de los medios en la Web. Sus portadas, tanto principal como temáticas, “suben” contenido desde cada noticia para brindar un panorama. La función de la portada de un tema va mucho más allá de la navegación. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Pero no solo información se puede subir desde las páginas, también la funcionalidad. Estos dos medios encaran distintos sus tarjetas de resumen: mientras uno solo muestra información, el otro agrega funcionalidad permitiendo compartir la noticia sin necesidad de ingresar a ella. </p>
<p><img src="https://concreta.uy/wp-content/uploads/snippet-el-pais600.png" alt="tarjeta de noticia en la portada del diario El País" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"><br />
<img src="https://concreta.uy/wp-content/uploads/snippet-180600.png" alt="tarjeta de noticia en la portada de 180.com.uy" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></p>
<p class="has-text-align-center pieDeImagenDestacada has-small-font-size" style="font-size: 16px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px;text-align: center">Mientras que en el elpais.com.uy (arriba) la tarjeta de una noticia solo incluye información, en la de 180.com.uy incluye además funcionalidad (abajo)</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">Las páginas de salto</h2>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Es frecuente, sobre todo cuando nos enfrentamos a interfaces que se apoyan en arquitecturas de la información voluminosas, que terminemos lidiando con una página cuyo único fin es permitir al usuario elegir la próxima página. Eso es precisamente una página de salto. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En ese caso siempre debemos preguntarnos si no podemos subir contenido, si entre las opciones que estamos mostrando, además de su nombre o etiqueta, no hay información y funcionalidad que no merezcan estar disponibles sin más trámite. Seguramente mejoraremos la interfaz. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Este problema es sensiblemente más agudo en una app móvil, donde no hay espacio para mostrar contenido y navegación juntos, por lo que aceptar las páginas de salto deriva en la recorrida de tediosos caminos de clicks entre opciones que deben recorrerse como pago antes de obtener alguna pieza de información útil. </p>
<div class="wp-block-image">
<figure class="aligncenter size-full"><img src="https://concreta.uy/wp-content/uploads/app-mi-argentina-home600.png" alt="app Mi Argentina - home" 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">La app Mi argentina tiene como inicio una página de salto, que podría ser mejorada reemplazando “Mis documentos” por la colección de mis documentos, y así sucesivamente.</p>
</div>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En una app móvil es habitual que contemos con otras herramientas que nos permitan ajustar el contenido que subimos para aumentar su utilidad, con el contenido propio del usuario, personalización masiva y otras técnicas. Por eso, siempre que te enfrentes a una página de salto, prendé el bit de la oportunidad de mejora. </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=Página de salto = oportunidad de mejora">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=Página de salto = oportunidad de mejora">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=Página de salto = oportunidad de mejora#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=Página de salto = oportunidad de mejora" 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=RsdZkWcc-4z4_1k9-rqFgvdNACQUZA3cAmsnu9E5anu7p99YMI1yCdzxEWHAFU3s3zlYP-4jLXFTsa2yEoxS4h3MIicWPTbq58Ie6WiCohDOROsis52bMIK0M1EdkjMmxXPzSa1bNdXPYNef_jAFCdQT3gVcRRX1B1R_pa9Cs_5CXuAgd7816TM2BVzfWbDcPoYeaW6D_3jpzliglhnMgp4QiEOY9M0vQrGOhO2kiXuaUf9F0sAXysCf9xjEmmTxZjY5DpZnGQo4MIbCzy_mom7vYXjSLdmUhuIPRJC7nuWacznQZn_hdkER8EqKdUGz5_yS7NXxqwg6sSNfrvkxSDegN4mk-WOPkqwqpYCUahfxwKeSfJwOd3rCeLkeCHm61zb57pDHSvc7dviT8oiVB7k1" 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.1435095802&t=event&ec=ElasticEmail&ea=P%C3%A1gina+de+salto+%3D+oportunidad+de+mejora&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>