<!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=7fe38e197f65404aa7ddbdbb946b98a5" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=Qué es una interfaz fragmentada" 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=Qué es una interfaz fragmentada">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=Qué es una interfaz fragmentada#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"><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">Qué es una “interfaz fragmentada”</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">Cuando el mismo objeto o concepto tiene distintas representaciones en la interfaz, cada una con su comportamiento propio y aislada de las otras, la interfaz deja de ser un todo se divide en fragmentos, como los silos que almacenan los granos.</p>
<p><a href="https://concreta.uy/biblioteca/que-es-una-interfaz-fragmentada/?utm_source=elastic&utm_medium=mailing&utm_campaign=CALENDARIO202112&utm_content=Qué es una interfaz fragmentada"><img src="https://concreta.uy/wp-content/uploads/silos-para-almacenar-granos600.png" alt="silos para almacenar granos" 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">Salvo en los juegos o en algunas otras situaciones particulares, una interfaz modela una realidad que existe fuera de ella. En esa realidad hay objetos, relaciones, acciones, procesos y atributos que la interfaz debe modelar, de modo que al actuar sobre ella se pueda directa o indirectamente actuar sobre la realidad. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Por ejemplo, un sistema de venta de pasajes para buses de larga distancia modela una realidad que incluye destinos, rutas, horarios, agencias, buses, asientos y precios, así como la funcionalidad, las relaciones y las acciones que se realizan sobre ellos para adquirir un pasaje: el derecho a subir a un bus en un lugar y recorrer un trayecto sentado hasta el destino pactado.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Si bien están mejorando y el resultado positivo es notorio, es aún común encontrar empresas en las que que estos objetos y acciones estén separados en tres o cuatro fragmentos disjuntos: las agencias, las rutas, los horarios, la venta de pasajes.</p>
<p></p>
<figure class="wp-block-image size-full"><img src="https://concreta.uy/wp-content/uploads/menu-compania-de-buses600.png" alt="Menú de una compañía de buses" 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">En el menú de esta compañía de buses se aprecia como los distintos objetos y acciones están fraccionados, en opciones separadas.</p>
</figure>
<div class="wp-block-image">
<figure class="aligncenter size-full"><img src="https://concreta.uy/wp-content/uploads/Agencias-en-compania-de-bus-Bolivariano600.png" alt="Agencias en compañía de bus Bolivariano" 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">Las agencias son una entidad aislada del resto de las operaciones: no se puede llegar a los horarios de los buses, ni comprar pasajes, ni saber a qué hora atienden al público.</p>
</div>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">No es necesario ahondar en lo pobre que resulta una interacción en la que hay que recorrer dos o tres opciones de menú distintas, recordando (o escribiendo) la información de una a la siguiente.</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">Un objeto >>> una representación</h2>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Para que una interfaz no se fragmente, cada objeto que la interfaz modela tiene que tener una única representación. Esta representación debe incluir todas sus relaciones con otros objetos así como todas las acciones que se pueden realizar sobre él. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Esto hace que en muchos casos los objetos a diseñar sean complejos, con multiplicidad de atributos, facetas y funcionalidades. Estas características rara vez se muestran en forma simultánea en la pantalla: cuando elijo un horario para un pasaje, la agencia no muestra su número telefónico ni su dirección postal: su representación se reduce al nombre de un punto geográfico. El diseño del objeto debe prever cómo se muestra en cada caso. Que atributos y funcionalidades están ocultos, y en los que se muestran, cómo se organiza la jerarquía para que el funcionamiento sea fluido. Pero siempre el objeto de interfaz es uno, el mismo, y tiene una forma de llegar al 100% de las funciones y atributos.</p>
<figure class="wp-block-image size-full"><img src="https://concreta.uy/wp-content/uploads/multiples-representaciones-de-un-mismo-elemento-en-la-pantalla600.png" alt="Un mismo objeto con representaciones múltiples en la pantalla" 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">Un mismo objeto con múltiples representaciones en la pantalla</p>
</figure>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Con frecuencia los procesos de creación de productos digitales no se alinean bien con esta necesidad de la interfaz: las áreas de la organización ven su problema sin tomar en cuenta la interacción con el resto, que en algunos casos ven lejanas. El desarrollo de los sistemas está distribuido en diversos proveedores y equipos. Y muchos otros elementos confluyen en la fragmentación de la interfaz. Es el equipo de diseño quien debe separarse de esa problemática, inventariar los objetos a representar, sus relaciones, las acciones que es posible realizar sobre ellos, los atributos y otros elementos que sean relevantes, para garantizar que se comportan de forma consistente a lo largo y ancho de la interfaz. </p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Si miramos un elemento de la interfaz, en algunos casos tomará toda la pantalla y será la estrella de la interacción, en otros será un pequeño ícono que complementa otros contenidos y funciones más relevantes, otras tomará formas en el medio de estas. Pero sea cual sea la representación, siempre estará modelando un mismo y único objeto, de una misma y única forma. </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=Qué es una interfaz fragmentada">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=Qué es una interfaz fragmentada">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=Qué es una interfaz fragmentada#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=Qué es una interfaz fragmentada" 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_jAFCf168vNfQ5i4DaUu50nETEdTN8AH2-RPaaE91QwfoEskK9flWyXWySAuiRHQ1Q0QLb4JGPt3yGRyERtEmzMU2GqM1E9dh0b8vywTkGX8vRzEAsS4mjT6Sz2q_MVg0nAjE2eCLYQxdsp5Z96UuTqDh0BLOojrjPq8nr4EblDZAdFUmbdd5P5gFdTke6lEA7aHtUZJz_UCMzGJ_oMKbhyJxjrGUOu8eNzBsCgXiWGTT6t7fDvVUAP8aUBMZNn_iXkLp-41" 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.1434288333&t=event&ec=ElasticEmail&ea=Qu%C3%A9+es+una+interfaz+fragmentada&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>