<div id="container" class="intStandard">
<div id="content">
<h1>Checklist de Usabilidad</h1>
<p><img src="/images/pic.usability.jpg" width="110" height="90" class="sectionPic">&nbsp;En este documento se entrega una serie de elementos que deben ser revisados para determinar si el Sitio Web que se analiza, cumple con las características de&nbsp;<strong>Usabilidad</strong>&nbsp;aconsejadas en la Guía para Desarrollo de Sitios Web del Gobierno de Chile.</p>
<p>Todos los elementos que se abordan en esta lista, son explicados en uno o más capítulos de la guía. Por cada uno de ellos, se debe marcar&nbsp;<strong>Sí</strong>&nbsp;o&nbsp;<strong>No</strong>&nbsp;y se espera que un Sitio Web de Gobierno cumpla con todos o la mayoría de ellos. En aquellos que no haya cumplimiento, se deben adoptar las actividades correctivas que correspondan.</p>
<p class="note">La siguiente tabla ha sido diseñada para facilitar su impresión y uso en la evaluación de sitios,&nbsp;<strong>no es un formulario dinámico</strong>.</p>
<table id="chckUsabilidad" class="checkListTable" summary="Checklist de usabilidad."><colgroup><col id="chckNumber"><col id="chckConcept"><col id="chckYes"><col id="chckNo"></colgroup>
<thead>
<tr><th rowspan="2" colspan="2"><strong>Conceptos de Usabilidad</strong></th><th colspan="2"><strong>Cumple</strong></th></tr>
<tr><th><strong>Sí</strong></th><th><strong>No</strong></th></tr>
</thead>
<tbody>
<tr class="subHeader"><th colspan="4">
<h3>Identidad Corporativa</h3>
</th></tr>
<tr class="odd">
<td>
<p>1.</p>
</td>
<td>¿La portada del Sitio refleja la identidad y pertenencia de la institución?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>
<p>2.</p>
</td>
<td>¿Existen elementos de la imagen corporativa del Gobierno en la Portada de su Sitio? ¿Se repiten en todas las páginas?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>
<p>3.</p>
</td>
<td>¿El logotipo del Gobierno ha sido incluido en un lugar importante en la Portada y en las páginas interiores del Sitio?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>
<p>4.</p>
</td>
<td>¿Todas las páginas cuentan con un título que indique el nombre de la institución e información de contactos virtuales y físicos al pie de la página?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="subHeader"><th colspan="4">
<h3><br>Utilidad del Sitio Web</h3>
</th></tr>
<tr class="odd">
<td>1.</td>
<td>¿El Sitio ofrece información sobre las actividades y servicios más recientes e importantes que está llevando a cabo la institución?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿Los usuarios pueden encontrar fácilmente en la portada la información acerca de las actividades y servicios más importantes de la institución?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="subHeader"><th colspan="4">
<h3><br>Navegación</h3>
</th></tr>
<tr class="odd">
<td>1.</td>
<td>¿El diseño del Sitio es eficiente, rápido e intuitivo?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿Aparece el menú de navegación en un lugar destacado? ¿Se ve fácilmente?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>3.</td>
<td>¿Verificó la consistencia de todos los enlaces?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>4.</td>
<td>¿El Sitio cuenta con un mapa o buscador que facilite el acceso directo a los contenidos?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>5.</td>
<td>¿El Sitio mantiene una navegación consistente y coherente en todas las pantallas?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="subHeader"><th colspan="4">
<h3><br>Visibilidad del estado del sistema</h3>
</th></tr>
<tr class="odd">
<td>1.</td>
<td>¿Se informa al usuario claramente el área del Sitio que está visitando?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿El Sitio Web diferencia entre enlaces visitados y enlaces por visitar?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>3.</td>
<td>En caso de servicios o trámites en línea, ¿ofrece información de cuántos pasos faltan para terminar?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="subHeader"><th colspan="4">
<h3><br>Consistencia y cumplimiento de estándares</h3>
</th></tr>
<tr class="odd">
<td>1.</td>
<td>¿El HTML del Sitio ha sido validado satisfactoriamente según w3c.org?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿El o los archivos de Hojas de estilo (CSS) han sido aprobados según w3c.org?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>3.</td>
<td>¿Comprobó la consistencia de Links usando el verificador de w3c.org?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="subHeader"><th colspan="4">
<h3><br>Atención de errores</h3>
</th></tr>
<tr class="odd">
<td>1.</td>
<td>¿Usa Javascript para validar formularios durante su llenado y antes de enviarlos?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿Usa elementos destacados para indicar los campos obligatorios dentro de un formulario?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>3.</td>
<td>¿Después de que ocurre un error, es fácil volver a la página donde se encontraba antes que se produjese o entrega recomendaciones de los pasos a seguir?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="subHeader"><th colspan="4">
<h3><br>Estética y diseño</h3>
</th></tr>
<tr class="odd">
<td>1.</td>
<td>¿Usa jerarquías visuales para determinar lo importante con una sola mirada?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿Las imágenes tienen tamaños adecuados que no dificultan el acceso a las páginas?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>3.</td>
<td>¿Las imágenes tienen etiqueta ALT en el código HTML para facilitar la navegación?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="subHeader"><th colspan="4">
<h3><br>Ayuda ante errores</h3>
</th></tr>
<tr class="odd">
<td>1.</td>
<td>En caso de errores de consistencia dentro del sitio, ¿se ofrece un mensaje de personalizado mediante una página explicativa?, (Por ejemplo: Error 404 para página inexistente)</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿Entrega información de contacto fuera de Internet? (Por ejemplo: teléfono institucional, fono 600, mesa de ayuda, OIRS)</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>3.</td>
<td>¿Ofrece área de Preguntas Frecuentes con datos de ayuda a usuarios?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿Ofrece páginas de ayuda que explican cómo usar el Sitio?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="subHeader"><th colspan="4">
<h3><br>Retroalimentación (Feedback)</h3>
</th></tr>
<tr class="odd">
<td>1.</td>
<td>¿Puede el usuario ponerse en contacto con el encargado del Sitio Web para hacer sugerencias o comentarios?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="even">
<td>2.</td>
<td>¿Funcionan correctamente los formularios de contacto?, ¿Ha probado cada uno de ellos?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
<tr class="odd">
<td>3.</td>
<td>¿Hay alguien encargado de recibir y contestar estos mensajes?</td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
<td><img src="/guia/checklists/images/icn_pseudoradio.gif" alt="Sí" width="16" height="16"></td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="footer">&nbsp;</div>