<!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=cdddde10b60daa4e59c5fa4619ce39e3" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Capturando rangos de fechas" style="color: #2BA6CB;"> </a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="center" style="padding:10px;" width="600">
<p>Adquirí una nueva perspectiva de la Experiencia de Usuario<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=Capturando rangos de fechas">Curso de psicología Cognitiva y Experiencia de Usuario </a></strong><br />
Próximo Comienzo: <strong>18 de mayo </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=Capturando rangos de fechas#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">Rangos de fechas</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">Si seleccionar una fecha es complejo, seleccionar un rango lo es aún más. Y depende sensiblemente más del contexto.</p>
<p><a href="https://concreta.uy/biblioteca/captura-de-fechas/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Capturando rangos de fechas#rangosDeFechas"><img src="https://concreta.uy/wp-content/uploads/selector-de-origen-destino-y-fecha600.png" 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">La idea de que todo lo que aplica para seleccionar una fecha vale para un rango, pero aplicado dos veces no es válida. La selección de un rango es una funcionalidad no solo más compleja sino mucho más dependiente de la tarea que la selección de una fecha. Es muy difícil imaginar una casuística genérica de selección de rangos, separada del contexto. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Manejar un rango es cognitivamente más complejo, porque además de la fecha de inicio y finalización un rango tiene una duración, y hacer mentalmente operaciones con fechas es muy, pero muy difícil. De hecho exige concentración casi total y recursos potentes de nuestro cerebro.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Es por eso que antes de decidir cómo vamos a capturar el rango de fechas, debemos desmenuzar en detalle el problema que tenemos que resolver, contestando entre muchas otras, algunas preguntas cómo las siguientes: </p>
<ul>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">¿Qué es más relevante, el comienzo, el final o la duración? </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">¿La duración es dada (una semana en Punta del Este) o el comienzo y el final determinan la duración? </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">¿Qué consecuencias tienen los cambios en la duración (descuentos, disponibilidades, etc.)?</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">¿Todas las fechas se pueden incluir en el rango o hay días excluidos (“cerrado en enero”)?</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">¿Hay fechas / hitos intermedios? </li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">¿Es necesario / bueno comparar rangos?</li>
</ul>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Es imposible hacer una lista exhaustiva de los aspectos a considerar y las decisiones a tomar: eso es el diseño. Lo importante es entender qué es lo más relevante en al información a capturar y qué es lo más importante en la información de retroalimentación que la interfaz debe brindar. No alcanza con pintar el calendario entre el inicio y el fin: muchas veces hay que habilitar y deshabilitar opciones, modificar dinámicamente disponibilidades, precios, descuentos y promociones, señalar alternativas que cobran vida o salen del juego entre muchas otras posiblidades.</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">El selector de rangos de Google Analytics</h3>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Google Analytics dispone uno de los mejores selectores de rangos, de los que más sutilmente se adaptan a la funcionalidad y requerimientos.</p>
<div class="wp-block-image">
<figure class="aligncenter size-full"><img src="https://concreta.uy/wp-content/uploads/selector-de-rangos-de-fechas-de-Google-Analytics600.png" alt="selector de rangos de fechas de Google Analytic" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></figure>
</div>
<div class="wp-block-image">
<figure class="aligncenter size-full"><img src="https://concreta.uy/wp-content/uploads/selector-de-rangos-de-fechas-de-Google-Analytics-comparando600.png" alt="selector de rangos de fechas de Google Analytic mostrando la comparación" 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">El selector de rangos de Google Analytics, abajo incluyendo dos períodos para comparar</p>
</div>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Analytics tiene dos áreas claramente delimitadas: para elegir en el calendario, que muestra tres meses y por comandos y fechas. Las modificaciones que se hacen en uno se reflejan en el otro. Tiene un diseño pensado para una pequeña curva de aprendizaje: un usuario novato puede utilizarlo sin problema pero se necesita un corto período de uso para sacarle el jugo. </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">El selector de rangos de Google AdWords</h3>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">A pesar de que AdWords y Analytics son primos cercanos, el selector de rangos tiene un planteo completamente distinto. </p>
<figure class="wp-block-image size-full"><img src="https://concreta.uy/wp-content/uploads/selector-de-rangos-de-fechas-de-AdWords600.png" alt="selector de rangos de fechas de AdWords" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></figure>
<figure class="wp-block-image size-full"><img src="https://concreta.uy/wp-content/uploads/selector-de-rangos-de-fechas-de-AdWords-con-rangos600.png" alt="selector de rangos de fechas de AdWords comparando períodos" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></figure>
<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">El selector de rangos de AdWords despliega el calendario de forma vertical</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Tiene toda la funcionalidad, particularmente en la selección de rangos predeterminados, pero dado que se trata de una aplicación hecha para el escritorio, el despliegue vertical no ayuda, porque siempre termina necesitando scroll. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">A diferencia de su primo Analytics, es más débil en la relación entre el almanaque y los comandos. Por ejemplo, en ninguna de las dos imágenes la fecha sobre la que se está trabajando tiene foco.</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">El selector de rangos de AirBnb</h3>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">El selector de rangos de fechas de AirBnb mantiene el estilo limpio, casi minimalista del sitio, pero carece de algunas funcionalidades que hacen la interacción más pobre de lo necesario.</p>
<figure class="wp-block-image size-full"><img src="https://concreta.uy/wp-content/uploads/selector-de-rangos-de-fechas-de-AirBnb.webp" alt="selector de rangos de fechas de AirBnb" 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">Selector de rangos de fechas de AirBnb</p>
</figure>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">No se trata de un selector problemático, pero llama la atención la falta de relación entre los campos de fecha, que no son editables y el selector. No hay ninguna pista visual que vincule el selector con la barra de búsqueda: es cierto que esta se despliega al hacer click en la fecha, pero vincularlas visualmente siempre es necesario.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">El selector es muy parco para hacer cálculos: no muestra la cantidad de días seleccionados, ni tiene ninguna pista visual en el calendario que indique que al seleccionar +/- 3 días, el período puede comenzar el 25 y terminar el 7. </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">El selector de rangos de Despegar</h3>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Despegar tiene un selector de fechas totalmente adaptado al contexto de un viaje y un usuario que lo utiliza sin experiencia previa. </p>
<figure class="wp-block-image size-large"><img src="https://concreta.uy/wp-content/uploads/selector-de-rangos-de-fechas-de-despegar-768x420.webp" alt="selector de rangos de fechas de despegar" 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">Selector de rangos de fechas de despegar</p>
</figure>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">A pesar de que los campos de fecha no son editables y toda la funcionalidad está cargada sobre el almanaque, el selector de rangos de Despegar funciona sin fisuras. Es de destacar cómo maneja la relación entre el rango seleccionado por las fechas y su extensión, haciendo hincapié en que el usuario entienda a priori las consecuencias de sus decisiones.</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">Selector de Rangos de Twitter Ads</h3>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Twitter Ads tiene un selector de rangos al que le faltan algunas funciones necesarias en el contexto de la publicidad digital: no permite comparar, los campos de fechas no son editables y la navegación por combos es muy poco eficaz para un usuario que sabe exactamente lo que busca. </p>
<figure class="wp-block-image size-full"><img src="https://concreta.uy/wp-content/uploads/selector-de-rangos-de-fechas-de-TwitterAds.webp" alt="selector de rangos de fechas de TwitterAds" 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">Selector de rangos de fechas de TwitterAds</p>
</figure>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Sumado a lo anterior, no está marcada la fecha de hoy, ni el rango seleccionado actualmente y que estoy modificando. Permite seleccionar rangos en el futuro, un error bastante obvio para una aplicación de publicidad: toda la información de tráfico, anuncios y objetivos logrados en el futuro es siempre cero.</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">Un terreno difícil</h3>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En resumen, la selección de rangos de fechas es un terreno difícil, donde el contexto determina muy fuertemente la funcionalidad y la capacidad de los diseñadores se exige al máximo para implementarla en espacios pequeños de la pantalla con una muy alta densidad de información e interacción.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Como siempre decimos en las notas de la <a href="https://concreta.uy/biblioteca?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Capturando rangos de fechas">Biblioteca Concreta</a>, hay que mirar debajo de la superficie para poder captar las sutilezas en la interacción de los distintos diseño, porque <strong>la excelencia está en los detalles</strong>.</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=Capturando rangos de fechas">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=Capturando rangos de fechas">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=Capturando rangos de fechas#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=Capturando rangos de fechas" 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_jAFCRVS_cat0UA_2FO-4ySCsAAHvavMSRWfZ64aQ-T02Z5HDX_NzziM2p8v080Mzi23Itfnoq5DkLrhE35lGJ16sA587SYv7SF5fjuiSccEJIlwTxavHAgakHLfTKS9PVQfgSk4Q0OV9TCySXXZp-fqYGMwbaYXksTJOar422RzOBrCr9dZBcQ3GweUXLKmgzg8QTGDRpQOmOksaSI980TkK_lC4DNicRlAQckCmCX9NSQ8WfPzTwp21g-B6GRTkeAcQP81" 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.1435558815&t=event&ec=ElasticEmail&ea=Capturando+rangos+de+fechas&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>