<!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=f909ff1b2d5e24697737cc3e8079b7d0" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Interfaz (Glosario de UX)" style="color: #2BA6CB;"> </a></td>
                        <td> </td>
                </tr>
                <tr>
                        <td> </td>
                        <td align="center" style="padding:10px;" width="600">Un curso para introducirte en el diseño UX profesional<br />
                        <strong><a href="https://concreta.uy/curso-psicologia-cognitiva-y-experiencia-de-usuario/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210609&utm_content=Interfaz (Glosario de UX)"><span style="font-size: 16px; line-height: 25px">Curso de Psicología Cognitiva y Experiencia de Usuario</span></a></strong><br />
                        <span style="font-size: 16px; margin-top: 24px">Próximo comienzo: <strong>4 de agosto</strong> - <a href="https://concreta.uy/contacto/">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"><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">Interfaz (Glosario de UX)</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">La interfaz está constituida por el conjunto de elementos perceptibles de un sistema, y es por tanto lo único que el usuario conoce del mismo. La interfaz es también el espacio intangible en el que ocurre la interacción.</p>
<p><a href="https://concreta.uy/biblioteca/interfaz-glosario-de-ux/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210804&utm_content=Interfaz (Glosario de UX)"><img src="https://concreta.uy/wp-content/uploads/niño-tocando-un-arco-iris600.png" alt="niño tocando un arco iris" 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">Independientemente del tamaño y complejidad de un sistema, los seres humanos solo interactuamos con una parte del mismo, muchas veces muy pequeña. Detrás de la simple acción de mover la llave y que la bombilla de la luz se encienda hay un enorme y complejísimo sistema de generación y distribución de energía que hace posible la magia de una interfaz tan sencilla para un servicio tan útil. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">De alguna forma podemos pensar que todos los objetos que se usan tienen interfaz. Lo que sucede es que en el mundo físico lo habitual es que los objetos tengan una cantidad limitada de partes o componentes y su funcionamiento sea comprensible sin necesidad de explicaciones, o a lo sumo explicaciones mínimas.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Cuando el software entra en juego el problema se complica significativamente, tanto porque la flexibilidad literalmente explota como por el hecho de que desaparecen las limitaciones físicas propias del mundo real. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Máquinas muy complejas como un automóvil tienen alrededor de 75.000 partes, la gran mayoría de ellas fijas. Y las partes que se mueven lo hacen de una forma preestablecida: la rueda gira, el pistón sube y baja, el inyector pulveriza combustible. Un programa de software puede tener millones de lineas de código y miles de funciones, generando una complejidad interna que supera ampliamente la de cualquier dispositivo físico.</p>
<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">La interfaz es la encargada de explicar al usuario como utilizar un sistema y brindarle los caminos para hacerlo</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">Hitos en la evolución de las interfaces</h2>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Con la evolución de las interfaces, como en todo proceso de evolución histórica, es muy difícil establecer períodos o marcar la fecha exacta del inicio de una etapa. Proponemos entonces citar algunos hitos que resultaron significativos por el impacto que tuvieron en la forma en que los humanos nos relacionamos con sistemas basados en software.</p>
<p><a href="https://concreta.uy/wp-content/uploads/mujeres-manipulando-las-conecciones-de-la-ENIAC-II-big.png"><img src="http://concreta.uy/wp-content/uploads/mujeres-manipulando-las-conecciones-de-la-ENIAC-II600.png" alt="mujeres manipulando las conecciones de la ENIAC II" class="wp-image-4346" title="" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></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 interfaz de las primeras computadoras requería el cambio de las conexiones físicas.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>El origen</strong>: A mediados de la década de 1940 aparecen las primeras computadoras programables. Utilizan como interfaz enchufes al estilo central telefónica: para cambiar la programación se modifican directamente los circuitos lógicos del hardware. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Esta interfaz se combina con lectores y perforadores de tarjetas, y a partir de ellas se generan reportes impresos, usando <a href="https://es.wikipedia.org/wiki/Tabuladora">tabuladores electro-mecánicos</a>.</p>
<p><a href="https://concreta.uy/wp-content/uploads/sistema-IBM-1401-big.png"><img src="https://concreta.uy/wp-content/uploads/sistema-IBM-1401600.png" alt="sistema IBM 1401" class="wp-image-4348" title="" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></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 sistema IBM 1401 muestra el típico esquema de ingreso de datos por tarjetas y salida por impresora.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Las tarjetas perforadas</strong> utilizadas con tabuladores electro-mecánicos tenían una larga y sólida historia, que surge a finales del siglo XIX. En la década de 1960 se consolidan como la interfaz de ingreso de datos a los sistemas digitales, complementadas con la impresora para la salida de datos.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Su utilización comenzará a decaer con la aparición tanto de los medios magnéticos extraíbles como de monitores y teclados, pero se mantendrá por varias décadas. </p>
<p><a href="https://concreta.uy/wp-content/uploads/sistema-IBM-4331-con-teclado-monitor-e-impresora-big.png"><img src="https://concreta.uy/wp-content/uploads/sistema-IBM-4331-600.png" alt="sistema IBM 4331 con teclado, monitor e impresora" class="wp-image-4350" title="" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></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">Típico computador central (mainframe) con monitor, impresora de papel fandfold y disquettes de 8″</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>La inseparable pareja de monitor y teclado</strong> se consolida en la década de 1970 como la interfaz preferida de ingreso de datos, con la consecuencia implícita de dar nacimiento al problema de diseñar la interfaz. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Las pantallas eran monocromáticas, desplegaban texto y los comandos se escribían en el teclado en una linea también de texto, lo que se denomina Interfaz de Linea de Comandos (CLI – Command Line Interface)</p>
<p><a href="https://concreta.uy/wp-content/uploads/IBM-PC-de-1981-big.png"><img src="https://concreta.uy/wp-content/uploads/IBM-PC-de-1981600.png" alt="IBM PC de 1981" class="wp-image-4352" title="" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></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 PC original, de 1981 con teclado, monitor monocromático de texto y dos disqueteras de 5″ 1/4</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>La introducción del PC</strong> en 1981 no significa un hito en el desarrollo de las interfaces en sí mismo: utiliza los mecanismos de interacción de mayor popularidad en el momento: teclado y monitor monocromático de texto, diskettes como medio magnetico y opción para conectar una impresora. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Lo que sí representa un hito es que la computadora sale definitivamente del centro de cómputos y se vuelve personal, transformando ahora sí el problema de la Usabilidad y el diseño de la interfaz en un problema relevante para el producto.</p>
<p><a href="https://concreta.uy/wp-content/uploads/lotus-123-de-1983-big.png"><img src="https://concreta.uy/wp-content/uploads/lotus-123-de-1983600.png" alt="lotus 123 de 1983" class="wp-image-4363" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></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 menú  contextual de Lotus 123 desplegado</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Lotus 123</strong>, que vio la luz en 1983, introduce y populariza los menús con submenús contextuales. Hasta el momento lo habitual era que el menú ocupara toda la pantalla y las opciones conformaran una lista numerada. Lotus los despliega al presionar la tecla / y permite navegar entre las opciones con las flechas del teclado, desplegando un submenú para cada opción. También cada opción tiene una letra asignada, lo que permite navegar con secuencias tipo /hi para Hoja – Insertar. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Lotus también introduce la legendaria función “lo que ves es lo que obtienes” (WYSIWYG – What You See Is What You Get) que pasa el monitor a modo gráfico y permite previsualizar las impresiones. </p>
<p><a href="https://concreta.uy/wp-content/uploads/Mac-de-1984-big.png"><img src="https://concreta.uy/wp-content/uploads/Mac-de-1984600.png" alt="Mac de 1984" class="wp-image-4362" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></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">Apple Macintosh lanzada en 1984</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>La introducción de la Apple Macintosh </strong>en 1984 itera sobre la experiencia de la Xerox Star y la Apple Lisa para consolidar las bases de la interfaz de computadora personal que llega hasta nuestros días: Ventanas, Íconos, Menús y Puntero.  </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">La Macintosh demuestra la viabilidad y superioridad de la Interfaz Gráfica (GUI – Graphic User Interface) por sobre la de linea de comandos, que comienza un declive leve pero sostenido hasta ser relegada al uso técnico en la administración de sistemas. </p>
<p><a href="https://concreta.uy/wp-content/uploads/iPhone-1-imagen-grande.png"><img src="https://concreta.uy/wp-content/uploads/iPhone-1600.png" alt="iPhone 1" class="wp-image-4368" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%"></a></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 iPhone 1 lanzado al mercado en 2007</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>El iPhone</strong> es lanzado al mercado en 2007 y sienta las bases de las interfaces para dispositivos móviles. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">La variedad de métodos de ingreso de información utilizados hasta el momento convergen en la pantalla táctil de gran tamaño que suma la utilización de gestos. Se reducen al mínimo los botones físicos y se añade una cámara de fotos. Destaca la preocupación por la calidad de audio, video y conectividad.  </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Es llamativo lo similar que es conceptualmente un dispositivo móvil de 2021 al iPhone de más de una década atrás.</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;" width="600">
                                                <p><small><strong>Charla gratuita online</strong></small></p>

                                                <p><a href="https://concreta.uy/charla-como-entiende-el-negocio-el-valor-de-ux/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210804&utm_content=Interfaz (Glosario de UX)"><small><strong><img alt="" src="https://concreta.uy/wp-content/uploads/charla-bustelo-negocio-y-ux600.png" style="height: 100%; width: 100% ; max-width: 600px;" /></strong></small></a></p>

                                                <p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Invitamos a Santiago Bustelo a charlar sobre cómo relacionarnos con nuestros clientes, y entender la dinámica en la que trabajamos. Luego se le unirá Daniel Mordecki para conversar sobre lo expuesto.</p>
                                                5 de agosto.<br />
                                                Hora 20:00 MVD – BUE | 18:00 LIM – BOG – MEX | 19:00 SCL</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/charla-como-entiende-el-negocio-el-valor-de-ux/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210804&utm_content=Interfaz (Glosario de UX)" 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;">Inscripción gratuita</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=NqHgUOp43jDybPpR5zsF1rz03-x7EsgkU-j_IEOoiNOjB8AisqIkH74GXSLabNRIcykSwTw89zmgXN1PBevjy_eMGlaUuVwn2UBt_b_IsRmdZayYuTfTbUl85X0D-rixJWfbMSmy8VY0imdac4hR0jGLdyPo4xmadnR1-KNwl83KVBth5wytSp_9Ri7Y-6OvtxNrN6E0ozShHDNwJm629A-A3m_pNLg-92tg5AgznsFab0m_E0NeuMijh1AjJSzwypxl61jD9a0F-Qm7DxciqBHhD6Ac6xp3J9-pDwXG7-p6kGnb42-GcsKJqoCKwtGsfVHZPU9UQG0U9QXjVz5rK_rAlfptyTuTuAvKZmMehfAzLbAhlQ4q8YHg7L4fLgJTIg2" 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.1434683315&t=event&ec=ElasticEmail&ea=Interfaz+%28Glosario+de+UX%29&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>