a:5:{s:4:"body";a:1:{s:2:"es";a:1:{i:0;a:3:{s:5:"value";s:6612:"<p>Cuando se habla de Sitios Web, se denomina interfaz al conjunto de elementos de la pantalla que permiten al usuario realizar acciones sobre el Sitio Web que está visitando. Por lo mismo, se considera parte de la interfaz a sus elementos de identificación, de navegación, de contenidos y de acción.</p>
<p>Todos ellos deben estar preparados para ofrecer servicios determinados al usuario, con el fin de que éste obtenga lo que vino a buscar cuando visitó el Sitio Web. Por lo anterior, cada uno de los elementos que sean integrados dentro de la interfaz debe estar pensado para causar un efecto sobre el usuario y deben ser utilizados con un propósito.</p>
<p>En este sentido, es importante considerar que <a href="http://www.useit.com/jakob/" title="Ir a Biografía de Jakob Nielsen">Jakob Nielsen</a>, uno de los autores más citados en cuanto a la usabilidad de los Sitios Web, destaca que los elementos más importantes de la portada de todo Sitio Web se pueden resumir en cuatro postulados generales:</p>
<ol>
<li><strong>Dejar claro el propósito del sitio:</strong>&nbsp;se refiere a que el sitio debe explicar a quién pertenece y qué permite hacer a quienes lo visitan; se entiende que debe hacerlo de manera simple y rápida. Por ejemplo, ayuda en este sentido el cumplimiento de las normas referidas a uso de URLs y logotipos oficiales.</li>
<li><strong>Ayudar a los usuarios a encontrar lo que necesitan:</strong>&nbsp;implica que debe contar con un sistema de navegación visible y completo, pero que además deberá estar complementado por algún sistema de búsqueda que sea efectivo para acceder al contenido al que no se logra acceder o que no se encuentra a simple vista.</li>
<li><strong>Demostrar el contenido del sitio:</strong>&nbsp;significa que el contenido se debe mostrar de manera clara, con títulos comprensibles por parte del usuario y con enlaces hacia las secciones más usadas que estén disponibles donde el usuario los busque. Ayudará en este sentido tener un seguimiento de las visitas para comprender qué es lo más visto y lo más buscado del Sitio Web.</li>
<li><strong>Usar diseño visual para mejorar y no para definir la interacción del Sitio Web:</strong>&nbsp;se refiere a que los elementos gráficos del Sitio Web deben estar preparados para ayudar en los objetivos del sitio y no sólo como adornos utilizados para rellenar espacio. Aunque se trata de uno de los temas más debatibles, su alcance no es el de restringir el uso de imágenes y elementos gráficos, sino a que su uso sea adecuado para la experiencia de uso que se desea ofrecer.</li>
</ol>
<p>Como se puede apreciar, el foco central de una interfaz es permitir que el usuario que llega como visitante logre los objetivos que lo trajeron al Sitio Web y que ésta le facilite el acceso a los contenidos que están incorporados a través de sus pantallas.</p>
<p>Para conseguir esto, es necesario que la interfaz adopte los elementos, que detallamos en este capítulo, a través de los cuales será posible conseguir el cumplimiento de los postulados antes señalados.</p>
<h2>Elementos de la interfaz</h2>
<p>La interfaz del Sitio Web, cualquiera sea el objetivo que persiga, debe dar cuenta de normas de carácter general, que se refieren a sus características como sistema de información y comunicación. Gracias al cumplimiento de éstas, el usuario logrará acceder a las informaciones que se le ofrecen y, además, podrá realizar las acciones que el organismo dueño del espacio digital le entrega a través de este sistema.</p>
<div class="Destacado"><img src="/guia-v2/images/icn.dest.web.45x45.jpg" alt="Icono con el símbolo de información adicional">El Sitio Web de Jakob Nielsen está en&nbsp;<a href="http://www.useit.com/" title="Ir al Sitio Web de Jakob Nielsen">http://www.useit.com/</a>.</div>
<p>Dichas características tienen que ver con los elementos de identificación, de navegación, de contenidos y de acción que el Sitio Web debe contener, todos los cuales se analizan en esta sección.</p>
<p>La existencia e importancia de dichos elementos, como asimismo la ubicación que deben tener en la interfaz, se ha visto comprobada a través de las investigaciones que se han hecho en torno a los Sitios Web. Con ellas se demuestra que las zonas que normalmente se ven en una visita inicial, están conformadas por una letra F o bien por un triángulo, cuya sección más revisada es la que se encuentra en la esquina superior izquierda. Lo anterior se aprecia en esta imagen tomada del Sitio Web de la consultora de Jakob Nielsen:</p>
<div id="fig001" class="imgSet"><img src="/guia-v2/capitulos/03/images/fig.001.jpg" alt="Las imágenes muestran lo más visto en los Sitios Web a partir de las investigaciones de J. Nielsen" title="Las imágenes muestran lo más visto en los Sitios Web a partir de las investigaciones de J. Nielsen." width="500">
<p class="caption"><a href="/guia-v2/capitulos/03/images/fig.001.htm" title="Descripción de imagen.">[D]</a>&nbsp;Figura 1. Las imágenes muestran lo más visto en los Sitios Web a partir de las investigaciones de J. Nielsen; los colores rojos y amarillo indican lo más visto; azul y gris, lo menos visto (Copyright imagen:&nbsp;<a href="http://www.useit.com/" title="Visitar el sitio de J. Nielsen">www.useit.com</a>).</p>
</div>
<p>Por lo anterior, es importante que las interfaces se construyan tomando en cuenta esta evidencia, con el fin de asegurar que los visitantes reciban la información en cuanto lleguen al Sitio Web, permitiendo que el diseño web contribuya al mejor uso de los contenidos y funcionalidad, en lugar de afectar dicho uso.</p>
<p>Respecto de los elementos de la interface, los aspectos más relevantes a tener en consideración son los siguientes:</p>
<ul>
<li>Uso de logotipos</li>
<li>Sistema de navegación</li>
<li>Áreas de contenidos</li>
<li>Áreas de interacción</li>
<li>Experiencia de usuario</li>
</ul>
<p>Si se revisa el siguiente esquema, se podrá ver la ubicación relativa de todos ellos:</p>
<div id="fig002" class="imgSet"><img src="/guia-v2/capitulos/03/images/fig.002.jpg" alt="La imagen muestra un diagrama con los diferentes elementos que dan forma a la interfaz." title="La imagen muestra un diagrama con los diferentes elementos que dan forma a la interfaz" width="500">
<p class="caption"><a href="/guia-v2/capitulos/03/images/fig.002.htm" title="Descripción de imagen.">[D]</a>&nbsp;Figura 2. La imagen muestra un diagrama con los diferentes elementos que dan forma a la interfaz.</p>
</div>
<div class="chapterNav">&nbsp;</div>";s:7:"summary";s:0:"";s:6:"format";s:8:"php_code";}}}s:21:"field_libro_categoria";a:1:{s:3:"und";a:15:{i:0;a:1:{s:3:"tid";s:2:"13";}i:1;a:1:{s:3:"tid";s:2:"14";}i:2;a:1:{s:3:"tid";s:2:"18";}i:3;a:1:{s:3:"tid";s:2:"20";}i:4;a:1:{s:3:"tid";s:2:"21";}i:5;a:1:{s:3:"tid";s:2:"22";}i:6;a:1:{s:3:"tid";s:2:"24";}i:7;a:1:{s:3:"tid";s:2:"25";}i:8;a:1:{s:3:"tid";s:2:"28";}i:9;a:1:{s:3:"tid";s:2:"30";}i:10;a:1:{s:3:"tid";s:2:"31";}i:11;a:1:{s:3:"tid";s:2:"33";}i:12;a:1:{s:3:"tid";s:2:"42";}i:13;a:1:{s:3:"tid";s:2:"43";}i:14;a:1:{s:3:"tid";s:2:"44";}}}s:16:"field_libro_tags";a:1:{s:3:"und";a:3:{i:0;a:1:{s:3:"tid";s:3:"134";}i:1;a:1:{s:3:"tid";s:3:"112";}i:2;a:1:{s:3:"tid";s:3:"135";}}}s:22:"field_libro_valoracion";a:0:{}s:20:"field_libro_capitulo";a:1:{s:3:"und";a:1:{i:0;a:1:{s:3:"tid";s:3:"335";}}}}