Post on 22-Aug-2020
Análisis de Usabilidad
Directrices complementarias.
• Tamaño mínimo: Evidenciar que el alto del logo-símbolo no sea menor a dos
centímetros y además se conserven las proporciones del mismo.
• Sistema de tipografía: Evidenciar que la fuente o tipo de letra usado a lo largo
de toda la interfaz sea de tipo gotham o arial.
Ilustración 1 Fuentes utilizadas en la página.
• Página web: Verificar la existencia del sitio web
o Se verifica la existencia del sitio web accediendo a la URL
https://canaltrece.com.co
• Web portal objectives: Estrategia previamente definida consignada en los requerimientos del proyecto. Revisar los objetivos y asegurarse de que son claros, específicos y sin ambigüedades.
o Información registrada en Matriz de planeación y estructuración del producto digital. Folio 130, tomo 1 del expediente del contrato 2016-0114 y estudio de mercado donde se definieron las necesidades y expectativas de los beneficiarios y ex beneficiarios del ICETEX.
• Personas y escenarios: Asegúrese de que el sitio tiene un estudio de las Personas y escenarios, en que consideren al menos cinco usuarios para cada grupo de representación, y que identifica las características, motivaciones y escenarios de uso.
Personajes y escenarios.
o Sección Noticias. o Sección Programas. o Sección de Transparencia y acceso a la información pública. o Sección convocatorias y contratación. o Sección Trece niños.
Usuarios: Administrador, Usuarios, usuario administrador de contenido.
• Consistent Global Navigation. Asegurarse de que la navegación global aparece la mayoría de las paginas del sitio y también conserva su estructura, los nombres de enlace y orden.
Ilustración 2 Página Principal, en vista móvil en 3 diferentes resoluciones.
Ilustración 3 Vista completa de la Sección Noticias
El portal cumple con los requisitos de navegación consistente acorde a los lineamientos.
• Contextual Navigation: Verificar que el menú contextual muestra las opciones de
navegación disponibles para el usuario en el nivel local.
Ilustración 4Vista adaptada de la sección de ley de transparencia
El usuario cuenta con un menú desplegable (Menú hamburguesa) en la esquina
superior izquierda, adicionalmente debajo del logo se encuentran enlaces a sitios
destacados.
• Clean URL: Visitar varias páginas del sitio y comprobar que la URL está limpia, es
decir, que no contiene caracteres especiales y corresponde a la jerarquía de
contenido del sitio.
o Se muestran las URL visitadas donde no se encuentran caracteres
especiales que impidan su búsqueda:
• User Location. Ingresar a las diferentes páginas del sitio y asegurarse de que en
todo momento su ubicación actual se muestra a través de los sistemas de
navegación diferentes. Asegurar que la navegación global, el menú contextual, el
mapa de ruta y el URL de navegación son compatibles con la jerarquía de la página
y la ubicación frente al sitio.
o En el titular de la pestaña se encuentra el identificador del sitio.
• Well formulated links. Visitar varias páginas del sitio y verificar que los enlaces
están bien diseñados. Asegúrese de que estén claros, breves y descriptivos.
o Los menús son claros, el texto es corto y conciso, algunos enlaces despliegan
submenús con enlaces adicionales.
• Short-term memory. Asegurar que el sitio tenga en cuenta las limitaciones de la
memoria de los usuarios. Evaluar si hay elementos consistentes de navegación, y si
hay alguna zona en el diseño del sitio que permite el acceso a los elementos que
más utiliza. Comprobar si hay situaciones en las que el usuario requiere el uso de
memoria exhaustiva.
o El sitio cuenta con etiquetas y títulos que le recuerdan al usuario a mediano
plazo donde se encuentra, y en que sección de la página se encuentra, el
nivel de segregación del sitio es máximo 3, se pueden dar casos de uso de
memoria exhaustiva cuando los enlaces redirigen a paginas externas o
documentos.
• Logo location. Comprobar la ubicación del logotipo y tratar de hacer clic en él. Si
la página de aterrizaje es la página de inicio, la prueba será un éxito.
o El logo de la página ubicado en la parte central superior de esta y siempre
permanece visible aun durante el ‘scroll’ redirige correctamente a la página
de inicio.
• Neat and clean design Se deberá tener en cuenta que el orden de diseño se
determina por factores tales como el uso apropiado de espacio en blanco, la
administración exitosa de la tipografía, el uso del color y una composición
cromáticamente armónica que permitiría al usuario establecer una relación entre
los elementos en el contenido. En el caso de una evaluación con los usuarios, el
criterio puede ser evaluado por la deducción de los investigadores sobre el
comportamiento de los usuarios, mediante la asignación de una tarea específica en
el sitio, y nunca una pregunta directa para el usuario del tipo: ¿Considera que el
diseño de esta página es limpia y ordenada?
o El diseño de la pagina es correcto, contiene banners y recuadros
correctamente espaciados entre sí, títulos grandes y breves con imágenes
amplias, los títulos y el logo de la página se reduce al momento de
desplazarse verticalmente, mantienen el espaciado entre los elementos sin
llegar a solaparse.
• Motion Interface. Asegurar que el sitio no tiene interfaces móviles. Marque esta
directiva en la página principal y las páginas internas, la página de contacto, el
mapa del sitio, las portadas y las páginas transaccionales.
o Página Principal. la parte superior que incluye los logos y los accesos
principales que se reducen y se mantienen en la parte superior, y en la
parte inferior bajo el subtítulo de “Aliados Institucionales” contiene
animaciones con los enlaces.
o Paginas internas. No contiene elementos móviles ni contenido multimedia
animado dentro de su contenido.
o Página de contacto. No contiene elementos móviles ni contenido
multimedia animado dentro de su contenido.
o Pagina Transaccional. No contiene elementos móviles ni contenido
multimedia animado dentro de su contenido.
• Content that appears to be advertising. Se deberá evitar objetos en la página
sean confundidos con publicidad.
o Ninguno de los elementos de la pagina contiene material que pueda ser
confundido con publicidad, todos los títulos y banner son claro, no hay
imágenes sueltas ni material móvil que pueda relacionarse con anuncios
comerciales.
• Contrast in brightness and color. Se uso la herramienta online de análisis de
color y contraste a11y, esta herramienta comprobar el contraste de los textos de la
siguiente manera: En la página principal de la herramienta se introduce el enlace a
la página web que desea comprobar. Después esta ejecutara un análisis indicando
los pares de colores que cumplen o no y en qué lugar se encuentran.
o La página principal de Canal Trece, reporto los siguientes pares de
controles que no pasaron los niveles de contraste.
Por otro lado, las siguientes parejas de colores si completaron
correctamente las pruebas de contrastes de colores.
o En general el sitio web cumple con los requisitos de a11y para un correcto
uso de colores y contraste, sin embargo, realiza la advertencia a aquellos
pares de colore que no pasaron correctamente la prueba.
• Text Justification. El Texto debe evitar estar justificado para evitar generar
espacios largos entre las palabras.
o El texto de la pagina se encuentra alineado al centro de la pagina no se
encuentra justificado.
• Text body width. Utilice un ancho promedio entre 60 y 80 cpl (caracteres por
línea) para el cuerpo de texto.
o El limite de caracteres esta limitado a 60 en la hoja de estilo
• Common fonts. Asigne fuentes tipográficas universales desde la hoja de estilo
CSS para todos los textos.
• Underlined text. Se ejecuta manualmente para cada una de las páginas más
importantes, comprobando que todos los hipervínculos estén subrayados. También
es posible a través de la barra Web Developer Toolbar, se abre todas las hojas de
estilo en cascada y se hace una búsqueda de la regla: text-decoration: underline;
Si existe, será necesario identificar qué elemento se le asigna y conscientemente
establecer si se usa correctamente.
o De acuerdo a la propiedad text-decoration, se evidencia en la imagen que
los textos subrayados están configurados en la Hoja de Estilos con
propiedad underline, visto a través del inspector de consola integrado en el
navegador web.
• Appropriate use of white space. Visitar las páginas del sitio web y asegurarse
de que el espacio se utiliza de manera eficiente. Un usuario debe ser capaz de
identificar rápidamente y sin dificultad, bloques de contenido o grupos diferentes
que componen la interfaz. El espacio en blanco también se utiliza para aliviar los
bloques que contienen texto en prosa, y para dejar clara la diferencia entre los
encabezamientos, párrafos, listas, etc.
o Algo
• Horizontal displacement. Una de las funciones de la barra de Firefox Web
Developer Toolbar es cambiar el tamaño de la ventana del navegador, por lo que
el diseñador puede simular las resoluciones más comunes. Para ello, vaya al menú
Tamaño> Cambiar el tamaño y el tipo de ventana tiene como objetivo evaluar
cómo se adapta la página conforme a la resolución
o La pagina es ‘Responsive’ y se adapta a las dimensiones de la pantalla del
dispositivo.
Resolución de pantalla Vista
iPhone 6/7/8 Plus 414 x 736
iPad 768x1024
Galaxy S9 360x740
Kindle Fire HDX 800 x 1280
• Links to the homepage. El evaluador debe visitar las páginas principales del sitio
web y ver si el logo tiene un hipervínculo a empezar y si hay una señal clara con la
palabra "inicio", que está igualmente vinculado a la página principal del sitio web.
o En la imagen se puede encontrar el vínculo de “Inicio” en el menú
desplegable ubicado en la esquina superior izquierda.
• Key homepage tasks. Enfoque claramente todos los elementos de la página de
inicio en las tareas clave de los usuarios.
o El banner principal que contiene los elementos importantes de la pagina de
inicio siempre esta posicionado en la parte superior de esta, aun cuando se
desplaza a la parte inferior de la página, el banner se encoge levemente
pero sigue siendo visible en cualquier nivel del sitio.
• Content examples for the homepage. Diseñe en la página de inicio
contenidos que ejemplifiquen con claridad el resto del sitio web.
o La pagina principal tiene accesos a los contenidos principales en el sitio
web, en el banner principal encontramos accesos a los contenidos mas
comunes como la programación, noticias, y ley de transparencia. En el
menú desplegable lateral, se encuentran accesos similares adicional a otra
información de gestión interna, contratación, PQRS, cobertura, entre otras.
• Style sheets for different formats. Explorar varias páginas del sitio web y del
navegador, ir a Archivo> Imprimir. No es necesario gastar papel y tinta en esta
prueba, simplemente previsualizar y determinar si los estilos están optimizados
para la impresión o no. También se puede comprobar si hay una hoja de estilos
CSS asignadas a imprimir a través del código fuente. Para verificar, en el
navegador, ir a Ver> Código fuente y comprobar en la sección de encabezado
(entre head </ head> Si hay una hoja de estilos vinculada con los medios de
atributo = "Imprimir".
o La página no cuenta con una hoja de estilos que organice el contenido de
la pagina a vista de impresión, por lo que muchas imágenes y los mismos
banners se cortan y desorganizan.
• Browser Independence. Se debe asegurar de que el sitio funciona en cualquier
navegador de acuerdo con cómo fue concebido originalmente por el equipo de
desarrollo. Se debe visitar el sitio con el navegador recomendado y observar su
correcto funcionamiento. Compruebe con los otros navegadores, preferentemente
los más utilizados de acuerdo con estadísticas del sitio, y para confirmar que
funciona como lo hace en el navegador recomendado, lo que significa que no
importa qué navegador utilizar el sitio funcionará de la misma manera.
o Se realizan pruebas de navegación en diferentes navegadores para verificar
que la pagina se visualiza correctamente en ellos, dada la gran cantidad de
navegadores existentes, se ha decidido usar los 4 navegadores mas
populares. Microsoft Edge, Mozilla Firefox, Google Chrome y Opera.
o Mozilla Firefox:
o Microsoft Edge
o Google Chrome
o Opera
o Como se vio en las pruebas previamente realizadas, la pagina no sufre
problemas de visualización en ninguno de los exploradores Web probados
(En la última versión disponible)
• Visited links. Verificar que en el sitio web deben diferenciarse claramente enlaces
visitados de los enlaces no visitados. Para ello, utilice al menos 10 de los enlaces
en sus sitios y comprobar de nuevo hacia atrás si se han marcado como enlaces
visitados. La diferencia con el resto de los enlaces debe ser dibujado con un color
diferente en comparación con el estándar de conexión.
o Los enlaces de la página no cambian de color tras ser visitados ni en
enlaces internos ni aquellos que dirigen a sitios externos.
• Code quality. Comprobar que el código HTML y CSS del sitio no contiene errores
de validación y se formatea según las normas emitidas por el W3C. Para ello se
debe ir a la página oficial de las herramientas de validación, escribir la dirección
URL del sitio, y verificar que el código es válido. Si hay errores de sintaxis en el
código HTML y CSS, se comprueba que están allí a propósito, por ejemplo, cuando
el diseñador utiliza un nuevo selector CSS3, que todavía no es un estándar. En este
caso, el error debe ser etiquetado según el caso.
o Se realizo una prueba de validación con ayuda de la herramienta dispuesta
por la W3C (http://validator.w3.org/) al ingresar la pagina web de la
entidad, arroja los siguientes resultados
o Si bien la pagina no paso completamente la prueba de validación, se
muestra el listado completo de fallos con la ayuda necesaria para resolver
cada uno, eso si, aunque no hay aprobado correctamente no impide que se
vea bien en todos los navegadores y ser considerada como “Correcta” por
los usuarios.
• Required fields. Visitar todas las páginas del sitio que contiene las formas y
verificar que todos los campos requeridos están marcados claramente. Incluso en
las pruebas simples llevadas a cabo con un par de usuarios se puede observar la
facilidad con la que estas formas son interpretadas y su respuesta a las acciones a
ser realizadas.
o Se ejecuta la prueba sobre uno de los formularios disponibles en el sitio.
(https://canaltrece.com.co/certificados/certificacion-de-contratos/)
Efectivamente los campos designados como obligatorios y que no son
diligenciados al enviar el formulario son marcados en color rojo y muestran
un mensaje que indica “Rellene este campo” o “Introduzca un numero”
según el caso.
• Association of labels and fields. Visitar las páginas del sitio que contienen
formularios y verificar que la asociación entre los campos y sus etiquetas es
claramente reconocible a primera vista. También se pueden realizar pruebas
simples con un par de usuarios a quienes se pidió a completar el formulario. En la
observación del proceso se puede ayudar a identificar errores en la interpretación
de las etiquetas o incluso la forma de flujo de trabajo.
o Se revisaron los encabezados de los campos en los formularios de los que
dispone el sitio y todos poseen un encabezado claro y sencillo de lo que se
espera sea introducido en el campo.
• Error page not found. Ir a una URL incorrecta dentro del sitio y comprobar que
la página de error (404) se ha personalizado. Asegurarse de que esta página indica
que el contenido que está buscando no se encuentra en el sitio, y ofrece opciones
para el usuario para reanudar la navegación o encontrar contenido relacionado.
o Al encontrar una pagina que no existe, el sitio muestra un error 404
completamente personalizado, el sitio no ofrece contenido adicional
respecto al sitio donde trato de redireccionar sin embargo ofrece la opción
de volver a la pagina inicial para reanudar la navegación normal.
• Pop-ups windows. Ir a las páginas más visitadas y secciones más importantes, a
navegar y asegurarse de que no se generan en las ventanas no solicitadas o daños
consecuentes.
o No se usan ‘pop ups’ o cualquier otra notificación emergente dentro de las
secciones del sitio.
• Back button. Explorar las páginas más relevantes y las secciones del sitio web.
Asegurarse de que el botón de atrás siempre funciona y hace el trabajo, es decir,
volver a la página anterior.
o El botón “atrás funciona correctamente en todas las secciones del sitio.
• Web page load time. Verificar que el desarrollo del sitio ha contemplado la
optimización para reducir los tiempos de carga. Para hacer esto, generar un
informe sobre el análisis de rendimiento lleva a cabo, y los cambios realizados
sobre la base de los resultados.
o Se realiza la prueba de rendimiento con ayuda de la herramienta web
https://www.dareboost.com/en/home Se puede apreciar en el informe
generado la cantidad de fortalezas y debilidades que posee el sitio web, el
resultado final es favorable, si bien se remarca en algunos tiempos de carga
excesivos en cierto contenido multimedia entre otros.
• Examples of form fields. Asegurarse de que los campos que deben ser llenados
en forma especial o que pueden ser confusos, deben tener un ejemplo para aclarar
la forma en que el usuario debe llenar el campo. Verificar que el estilo gráfico
utilizado muestra la información de ejemplo como algo auxiliar, y no es fácil
confundirse con la etiqueta de campo.
o Los formularios que se encuentran en el sitio no proporcionan información
o alguna ayuda grafica respecto al tipo de contenido que requiere el
campo.
• Search engine and location. Asegurar de que todas las páginas del sitio
proporcionan un motor de búsqueda interno, comprobar que se encuentra en la
parte superior derecha y tiene un ancho mínimo de 27 caracteres.
o La pagina cuenta con una barra de buscador, que se activa tras usar un
enlace ubicado en la esquina superior derecha, la barra de búsqueda tiene
un ancho de 46 caracteres.
• Queries with familiar terms and typing errors. Permita las búsquedas con
términos familiares para los usuarios y contemple los errores de digitación.
o El buscador es capaz de concretar las búsquedas si estas tienen problemas
de tildes únicamente, no es capaz de organizar o buscar términos similares
a los que necesita el usuario.
• Search Tips. Realizar consultas en el buscador interno y asegurarse de que es
capaz de mostrar contenido relacionado con los comentarios, como correcciones en
la forma de escribir la consulta. Puede ser útil para comprobar por cometer errores
al escribir consultas, o la búsqueda de frases relacionadas con cualquiera de los
artículos en el sitio.
o La búsqueda de artículos no suele ser muy precisa si se usan términos
similares al contenido, sin embargo, si es posible buscar en términos
asociados a los cometarios.
• Location in the top ten search engine results. Realizar búsquedas en los
motores de búsqueda más populares, especialmente Google, y asegúrese de que el
sitio aparezca en los primeros 10 resultados. Ver no sólo el nombre de su
organización, también la información más relevante y servicios, y todo lo que es de
valor para sus usuarios. Al realizar búsquedas con términos cercanos al usuario,
hacen que la búsqueda similar a la forma en que lo haría un usuario normal.
o Google
o Bing
o DuckDuckGo
o El sitio web aparece en el top 10 de resultados de los buscadores mas
populares, cuando se especifica su nombre (“Canal Trece”) suele aparecer
en el top 1 – 3, usando un termino asociado al propietario (“Canal joven
Colombia”) aparece en el top 1 de las búsquedas, y finalmente usando una
búsqueda alterna (Canal 13) aquí el top varia pudiendo aparecer en el
primero (Google), séptimo (Bing) o no aparecer en los primeros 10
resultados (DuckDuckGo).
• Heuristic evaluations. Asegurar que las evaluaciones heurísticas del sitio web
se llevan a cabo cada vez que se añaden nuevas funciones o rediseñado las
secciones del sitio. Llevar un registro de todos los informes y evaluaciones, así
como los cambios en la página web de conformidad con las recomendaciones de la
evaluación. Asegurarse de incluir en las evaluaciones, una calificación del impacto
sobre el usuario, y la frecuencia de ocurrencia de errores. Llevar a cabo las
evaluaciones antes de lanzar un sitio o para tomar decisiones acerca de los
cambios de diseño.
o Cuando se piense en cambios al producto entregado, se aplicará esta
técnica.
• User test. Asegurarse de que el diseño y desarrollo del sitio web contempla las
pruebas de usuario a lo largo de todo el proceso. Verificar que se llevará a cabo
por los usuarios que pertenecen al público objetivo, que las tareas y las preguntas
son coherentes con los objetivos del sitio, y los resultados son compartidos y
utilizados por el equipo de la web para mejorar constantemente la usabilidad y
experiencia de usuario.
o Se realizaron evaluaciones iniciales entre el área Digital de la entidad y el
proveedor a cargo del primer montaje del sitio web, las pruebas de
usabilidad y experiencia de usuario se realizaron durante el proceso de
implementación inicial.
• Design and iterative evaluation. Asegurarse de que todo el proceso de diseño
y desarrollo del sitio web y las evaluaciones se llevan a cabo pruebas de usabilidad
para mejorar el diseño de manera iterativa. Crear un plan de pruebas y
evaluaciones, especificando el tipo de pruebas y fases del diseño en la realización
de estas pruebas. Asegurarse de que las decisiones relativas a los cambios
esenciales o importantes en el sitio web, se basa firmemente en las pruebas de
usuario.
o Todo el proceso de diseño, desarrollo y usabilidad quedo relacionado entre
los acuerdos entre la entidad y el proveedor Axiacore, encargado del
rediseño actual.
• Useful content. Revisar la documentación de la arquitectura del sitio y
determinar si las necesidades de contenido de los usuarios se cumplen en el
desarrollo del sitio actual. Ante la falta de documentación, el evaluador debe
establecer requisitos para la evaluación de la utilidad de los contenidos. Verificar
que los contenidos corresponden también con el idioma de los usuarios que sea
fácil de entender y dirigir.
o El sitio presenta títulos cortos, igual que los banner y encabezado de
noticias, el texto del contenido solo se encuentra dentro de los contenidos
de cada sección, estos se encuentran revisados por un editor quien revisa
antes de su publicación.
• Inverted pyramid. Asegurar que los textos del sitio web son sencillos y
presentan las ideas más importantes en el comienzo. Comprobar el uso excesivo
de texto de relleno, y que utiliza la estructura de pirámide invertida.
o Como la pagina tiene un enfoque al publico joven se centra en encabezados
cortos, rápidos y fáciles de leer.
• Titles and headers. Verificar que el contenido del sitio contiene títulos claros y
directos que ayudan a comprender rápidamente la información. Asegurarse
también de que los certificados se usan apropiadamente en la semántica
estructural. En general, es deseable que las páginas con grandes cantidades de
información se dividen en subsecciones y titulado apropiadamente.
o Las páginas de contenido relacionado con la parte cultural e informativa
comprenden de noticias entregadas en un solo bloque de información, algo
diferente a otro tipo de contenidos como entrevistas o reportes, repartidos
en secciones por tópico o pregunta. Los contenidos relacionados con Ley de
transparencia están distribuidos en secciones y subsecciones según
corresponda por lo que se cumple la correcta distribución del contenido.
• Lists. Identificar en el cuerpo del texto si hay agrupaciones de elementos que se
deban estructurar en cualquiera de los tres formatos de lista disponibles en HTML.
Verificar si se están utilizando las etiquetas adecuadas para cada tipo de lista:
<ol>, <ul> y <dl>.
o La pagina hace correcto uso de las etiquetas para lista (en el caso inferior
vemos el uso de <ul> )
• Scanning of Content. Se deben resaltar palabras, e ideas clave en la página web
dejando en un plano inferior toda aquella información complementaria, que será
leída por el usuario. Enfatizar palabras y frases a través de las etiquetas <em>
(énfasis) y <strong> (énfasis fuerte), los encabezados <h1>, las listas
desordenadas <ul>, los párrafos <p>, las citas en bloque <blockquote>, las tablas
<table>. Revisar el código fuente para establecer si hay un adecuado uso de las
etiquetas de HTML.
o La pagina hace correcto uso de las etiquetas para resaltar énfasis en
palabras clave o destacadas, las negrillas, niveles de encabezados y
párrafos son los mas comunes de encontrar.
• Broken links. Asegurarse de que no existen vínculos rotos, o sea que no tienen
una ruta válida, bien sea porque se encuentra mal formada o porque el URL de
destino dejó de existir. Utilice validadores automáticos de vínculos rotos, como el
del W3C para establecer el número de vínculos no disponibles que tiene
determinada página. Realice este mismo procedimiento con una muestra de
páginas internas del sitio web.
o Se realizo una prueba de vínculos rotos con ayuda de la herramienta “Link
Checker – W3C Markup Validator” (https://validator.w3.org › checklink), la
pagina reporta algunos enlaces rotos o no encontrados (Error 410 y 404) la
herramienta listo los enlaces que no existen o que están mal direccionados.
• Findable Content. Verificar que el contenido de la página web, puede ser
fácilmente encontrado por los usuarios, para esto se utilizan las herramientas:
Google Insights, Google Webmaster Tools, Historial de búsquedas del motor
interno y Google Analytics.
o La página cuenta con un motor de búsqueda propio, no se apoya en
motores externos que ayuden a realizar búsquedas más inteligentes en la
página, ya apoyado desde el buscador como tal. Es posible llegar a los
resultados, pero sin sugerencias de más contenido dentro de la misma
página a menos que se realice una búsqueda filtrada, sin embargo, la
mayoría de los titulares pueden ser encontrados directamente.
• Estándares del sitio Web. Dominio. El nombre de dominio de la entidad debe
tener el formato .gov.co, .edu.co o .mil.co. Las Empresas Industriales y
Comerciales del Estado, las Sociedades de Economía Mixta y las Instituciones de
Investigación, pueden tener dominio .com o .org, pero deben habilitar
adicionalmente el dominio .gov.co
o Como una entidad regional, tiene el formato .com.co
• Escudo de Colombia. El escudo de la República de Colombia deberá ubicarse en
la parte superior derecha y debe cumplir con los lineamientos de imagen que
establezca la Alta Consejería para las Comunicaciones. Este se debe mantener, de
manera estática y siempre disponible en cualquier nivel de navegación.
• Imagen Institucional. La imagen de identidad institucional deberá estar ubicada
en la parte superior izquierda, a la misma altura del escudo de la República de
Colombia. Esta se debe mantener, de manera estática y siempre disponible en
cualquier nivel de navegación. Igualmente, esta debe enlazar a la página de inicio
desde cualquier lugar de navegación.
o Los logotipos del gobierno de Colombia y otras entidades nacionales
relacionadas a la función de la entidad.
• Mapa del sitio. Se debe incluir un mapa del sitio Web en la página de inicio a
través del cual se permita acceder como mínimo a todas las secciones y
subsecciones del mismo. Al mapa, se debe tener acceso directo desde cualquier
página del sitio.
o El sitio web no cuenta con un mapa del sitio, sin embargo, como se ha
referenciado en el menú desplegable lateral se encuentra acceso a todo el
contenido del sitio.
• Motor de búsqueda. En la página inicial se debe habilitar un mecanismo de
búsqueda de los contenidos del sitio web. Se recomienda el uso de herramientas
que permitan el refinamiento por palabras clave y combinaciones. Se recomienda
utilizar búsqueda federada (no limitada únicamente al propio portal).
o La pagina cuenta con un motor de búsqueda, ubicado en la esquina
superior derecha, el motor de búsqueda no es federado y se limita a buscar
dentro del contenido de la página.
• Acceso vía móvil. La entidad dispone de un sitio para acceso vía móvil o una
aplicación para dispositivos móviles con la información de la entidad, de acuerdo
con el análisis y caracterización de usuarios realizado. Los contenidos para proveer
pueden ser definidos a través de mecanismos como consultas a los usuarios o
revisando las estadísticas de monitoreo del sitio web en donde aparece la
información más consultada.
o Si bien el sitio no cuenta con una versión exclusiva para móviles, la pagina
tiene la capacidad de ser responsive y adaptarse a la mayoría de las
resoluciones de pantalla y navegadores móviles.
• La entidad debe publicar el Inventario en su sitio web, en la sección denominada
“Atención al ciudadano”.
o El sitio no cuenta con esta sección ni ninguna relacionada como lo podría
ser el “Diccionario de datos”
• Información interactiva. La entidad implementa aplicativos interactivos para la
consulta de información, como mapas, gráficas, sistemas de información
geográfica u otros. Dicha información puede ser buscada y presentada de acuerdo
con diferentes criterios de búsqueda y organización, por parte del usuario. En
cuanto a mapas web, visores geográficos, servicios web geográficos y sistemas de
información geográfica -SIG la entidad deberá implementar los requerimientos
mínimos que garanticen su consulta y su uso, basado en conceptos de
estandarización, de protección y de interoperabilidad en concordancia con lo que
establezca la Infraestructura Colombiana de Datos Espaciales –ICDE.
Tenga en cuenta que la implementación de estas aplicaciones interactivas debe
cumplir con los estándares de accesibilidad para elementos no textuales definidos
en la norma de accesibilidad NTC 5854.
o La pagina no cuenta con contenido interactivo relacionado dentro de la
página, sin embargo, algunos enlaces redirigen a contenido interactivo
externo. Como es el caso del mapa de cobertura.