<!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=8e2c33007b3fb0ab2100766e6b4fba92" /><a href="http://concreta.uy/cursos-en-linea/?utm_source=elastic&utm_medium=mailing&utm_campaign=PSUX20210120&utm_content=WireFrames (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/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=TIDI20210907&utm_content=WireFrames (Glosario de UX)">Taller Intensivo de Diseño de la Interacción</a></strong><br />
                        Próximo comienzo: <strong>12 de octubre </strong>- <span style="font-size: 16px; margin-top: 24px"><a href="https://concreta.uy/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=TIDI20210907&utm_content=Test%20con%20Usuarios%20(Glosario%20de%20UX)#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">WireFrames (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">Se entiende por diseño de baja fidelidad una representación del diseño final que muestra solamente los elementos relevantes para el análisis, cualquiera sea el soporte. Cuando se trata de un boceto, el diseño de baja fidelidad se denomina WireFrame.</p>
<p>                                       <a href="https://concreta.uy/biblioteca/wireframes-glosario-de-ux/?utm_source=elastic&utm_medium=mailing&utm_campaign=TIDI20210907&utm_content=WireFrames (Glosario de UX)"><img src="https://concreta.uy/wp-content/uploads/ejemplos-de-wireframes-en-movil600.png" alt="ejemplos de wireframes en movil" 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">En el diseño de la interacción para sitios Web y aplicaciones, muchas veces es necesario llegar a bocetos o maquetas donde los distintos participantes del proyecto puedan comprender a cabalidad la interfaz mucho tiempo antes de poder enfrentarse a un proyecto terminado. Son sin duda los WireFrames la herramienta por excelencia para cumplir este rol</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Los WireFrames deben cumplir con los siguientes requisitos:</p>
<ul>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>Incluir </strong>todos los elementos de diseño, tanto gráficos como funcionales, imprescindibles para la comprensión de la interfaz.</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px"><strong>No incluir</strong> aquellos elementos de diseño que no son necesarios en esa etapa del proyecto, es decir no incluir nada más que lo que indica el punto anterior.</li>
<li style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Que su mecanismo de creación sea <strong>lo más sencillo posible</strong>, de modo que generarlos y modificarlos sea una tarea de costo ínfimo y plazo mínimo.</li>
</ul>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Los WireFrames son una herramienta poderosa, sobre todo en las etapas más tempranas, cuando los detalles más sutiles de interacción aún no están sobre la mesa de trabajo. Sumado a ello, aportan dos atributos muy importantes: son comprensibles por todo el mundo (independientemente de su perfil técnico) y son muy fáciles de distribuir, tanto en formato digital como en papel.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Los WireFrames son una guía que sugiere con precisión el formato y la ubicación de los principales elementos del diseño de la interfaz, omitiendo los detalles de la gráfica y los problemas estéticos. Se trata de una metodología de trabajo que privilegia la síntesis, el todo, en oposición a la lista de características individuales (features), ya que no tiene su foco en mostrar qué componentes forman parte de la interfaz, sino en describir con precisión la interrelación entre los mismos.</p>
<table style="border: 0px" bgcolor="#EEEEEE">
<tr>
<td width="10%">
             
        </td>
<td width="80%">
<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">Sobre Lorem Ipsum</h3>
</td>
<td width="10%">
             
        </td>
</tr>
<tr>
<td width="10%">
             
        </td>
<td width="80%">
            <img src="https://concreta.uy/wp-content/uploads/letraset-con-lorem-ipsum600.png" alt="" style="margin-top: 0.7rem;margin-bottom: 0.7rem;border: 0;width: 100%">
        </td>
<td width="10%">
             
        </td>
</tr>
<tr>
<td width="10%">
             
        </td>
<td width="80%">
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En los WireFrames es muy común tener que rellenar espacios de texto. Para ello se suele utilizar un texto en pseudo-latín que comienza con las palabras Lorem Ipsum.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Lo más probable es que se trata de la transformación de un texto de Cicerón del siglo I DC. Se popularizó en la década del 60 cuando las letras transferibles Letraset comenzaron a comercializar su texto de relleno utilizándolo.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Más acá en el tiempo, los editores digitales como PageMaker continuaron con la tradición de usar Lorem Ipsum como texto de relleno.</p>
</td>
<td width="10%">
             
        </td>
</tr>
</table>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">En resumen, los diseños de baja fidelidad en general, y los WireFrames en particular, permiten a la vez la rápida iteración en el diseño de la interfaz y el involucramiento temprano de todos los implicados en el proyecto, dándoles la chance de formarse una idea realista y acabada de cómo será la interfaz una vez construida.</p>
<p style="font-size: 20px;font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom: 20px">Un resultado adicional de la aplicación de la metodología de diseños de baja fidelidad es que <strong>cuando se entrega el diseño final, todos los participantes ya lo vieron y analizaron en sus distintas fases de avance</strong> y tuvieron la oportunidad de criticar y corregir los puntos débiles, a la vez que potenciar los elementos destacables. El diseño final coincide con la idea o “modelo mental” de la interacción que tenían planteado, generando altos niveles de satisfacció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;"><small><strong>ONLINE</strong></small>
                                                <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/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=TIDI20210907&utm_content=WireFrames (Glosario de UX)" style="color:#000000">Taller Intensivo de Diseño de la Interacción</a></h3>

                                                <p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Un entrenamiento práctico con tutoría para desarrollar y/o profundizar tus habilidades como diseñador, a través del análisis del proceso del Diseño.</p>

                                                <p style="margin-bottom: 8px;font-weight: normal;font-size: 18px;line-height: 1.6;">Una oportunidad única de dar un salto en tu formación.</p>

                                                <p style="margin-bottom: 20px;font-weight: normal;font-size: 18px;line-height: 1.6;">Próximo comienzo <strong>12 de octubre </strong>- Cupos limitados</p>

                                                <p style="margin-bottom: 20px;font-weight: normal;font-size: 18px;line-height: 1.6;">(Ahora pagos en pesos argentinos para Argentina)</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/taller-intensivo-de-diseno-de-la-interaccion/?utm_source=elastic&utm_medium=mailing&utm_campaign=TIDI20210907&utm_content=WireFrames (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;">Ver programa y detalles </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-rixJWfbMSmy8VY0imdac4hR0tPdpTKw_4g-3XLixBiWp-QAXWwZJGdaiewHw0C7LA5dk9wcabtwGpY3pDOf3lWYFhnapK0K5MOA9MHzrZBPP6ExhnLbY6kAf_KAUeWxXV5ON3Vli0Tr5OxwZ7JklBd9mW-7bk6eIdNXineFmAX4gHMsUvRPWlv1uDYbDtDq90nLADJzVZRqcleqUrAygPE-3bSVaWDiJu1ZTAUyMDInD4u2YtK6odwqMZEgFrhmR2Vc5w2" 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.1432107053&t=event&ec=ElasticEmail&ea=WireFrames+%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>