USABILIDAD DEL PROYECTO DE FORMACIN

AA3-Ev5

PROYECTO
SI-DOSC web Sistema de Informacin-
Direccin de Operaciones Seguridad de Colombia"

AUTORES
APRENDICES - GAES 1310001-10
Doris Elena Marn Mndez
Javier Andrs Snchez Bermdez
Camilo Andrs Barreto Carvajal
Diego Armando Prtela Cosso

INSTRUCTOR DE COMUNICACIONES
FRANCISCO CONEJO CARRASCO

Servicio Nacional de Aprendizaje SENA

Bogot Colombia - Agosto de 2017
La actividad est orientada a identificar comunes errores fcilmente detectables en
algunos programas o sitios web y confrontarlos posteriormente sobre el diseo grfico
definido para el proyecto de formacin.

Seleccione 3 sitios WEB para su exploracin donde a partir de un cuestionario se

identificaran los elementos de diseo y programacin que contribuyen con la facilitacin
de la accesibilidad y usabilidad de los usuarios del sitio.

1. UNIVERSIDAD CATOLICA DE COLOMBIA.

Enlace: https://www.ucatolica.edu.co/portal/

2. AGENCIA PARA LA REINCORPORACION Y LA NORMALIZACIN.

Enlace: http://www.reintegracion.gov.co/es

2
 3. H&M MAGAZINE - UN MUNDO DE INSPIRACIN.
Enlace: http://www.hm.com/co

Los tems a validar para los tres sitios web son los siguientes:

Inclusin diagnstica de aspectos ergonmicos en usuarios potenciales.

En general todos somos conscientes de que la web se est convirtiendo en un

elemento clave, tanto en el desarrollo de las empresas como de las instituciones y
obviamente de las personas, ofreciendo informacin y una amplia gama de servicios
a travs de la misma.
A pesar de ello, la web sigue sin ser indispensable para una gran parte de la
poblacin y conseguir que se conviertan en internautas y/o futuros clientes on-line.
Esto depender directamente de su facilidad de uso, es decir, de su usabilidad.
Dichas pginas aportan el enfoque imprescindible para que las personas tengan el
suficiente atractivo para que el visitante no slo se quede y las visite, sino que
regrese en el futuro. Por ello el diseo de estas pginas cumplen con sus funciones,
mensajes y contenidos con un diseo e implementacin para que lo pueda usar
cualquier persona.
Calidad de los componentes de usabilidad respecto a contenidos textuales:
distribucin, facilidad para su lectura y comprensin, calidad de contenidos.

Actualmente se puede encontrar un mar de informacin de todos tipos y niveles en la

Web. Sin embargo, dado que no hay un arbitraje externo acerca de lo que se publica
en la Web, existen informaciones que no son serias y por lo tanto no confiables. Por
otro lado, tambin existe mucha informacin que no est actualizada (sitios

3
 cobWeb). Esto puede ocasionar problemas importantes para aquellos lectores
inexpertos que pueden ser fcilmente vctimas de estos contenidos.
Por lo anterior, y en atencin con el sitio web consultado (3) se refleja una excelente
calidad en cuanto a informacin y contenidos.
Facilitacin de procesos intuitivos para los usuarios.

Muy importante es proporcionar al usuario una estructura global de la pgina,

utilizando herramientas organizadoras cognitivas tales como vistas, mapas, tablas de
contenido y patrones de enlace. Las representaciones permiten una mejor
comprensin de la estructura de la pgina.

As mismo, La presentacin de la informacin con el sitio web (3) sigue un orden

lgico y natural. Una estructura visual jerrquica del contenido en las ventanas
principales.

Previsin de necesidades de usuarios.

Este sitio web cumple con la satisfaccin de necesidades de usuarios para la cual
fue creada, ya que provee toda la informacin y las necesidades de las personas

La previsin e importancia que se le da en estas pginas web, es mostrar la calidad

y utilidad de los contenidos; la calidad del servicio y asistencia de las personas que
consultan; muestra calidad del diseo en sus aplicaciones y sus necesidades de
usuarios para la cual fue creada.

Percepcin de control del sistema por el usuario.

Estos sitios web muestran un diseo y contenidos adaptados al momento de

ingresar y de fcil usabilidad.
Uso de colores con baja afectacin de fatiga.

Estos sitios ofrecen suficiente contraste entre texto y fondo el cual no dificulta la
lectura, e igualmente las combinaciones de colores cuentan con las discapacidades
visuales en la percepcin del color que pudieran presentar algunos usuarios.

Facilidad de interaccin.

Define scenarios bsicos en donde se puede contextualizar la interaccin persona-

aplicacin web.

4
 Agilidad de descarga de informacin.
Consulta

Los sitios web y las aplicaciones son completas, dinmicas y complejas, lo que da como
resultado pginas web ms "pesadas" que tardan ms en cargarse.

Consistencia temtica. Previsin de contenidos por el usuario.

Se especifica el aspecto visual del sitio web. Se mantiene un equilibrio entre lo que seran
contenidos que no aprovechan los usuarios en cuanto hipertexto y multimedia, y lo que
seran contenidos caticos o desorientativos para el mismo usuario.
Relacin distancia y tamao para los movimientos de interaccin.

Desde una perspectiva ms amplia del diseo visual de los sitios es importante mantener
una coherencia y estilo comn entre todas las pginas, proporcionando una consistencia
visual para todo el sitio.
Facilidad de recursos para la personalizacin.

Las pginas no permiten la personalizacin.

Visibilidad de enlaces e intuicin de rutas.

La visibilidad de los enlaces adicionales se evidencia con el cambio de imagen del cursor,
o con el cambio de texto en los vnculos. Es de navegacin intuitiva y de fcil manejo
para el usuario, permitindole conocer los diferentes accesos en la pgina
Visibilidad de interfaces. Cobertura de pantalla.

Se utilizan colores que ofrecen suficiente contraste entre texto y fondo para no dificultar
la lectura, e igualmente las combinaciones de los mismos colores tienen en cuenta las
discapacidades visuales que pudieran presentar los usuarios

Registro de historial de navegacin del usuario.

Tienen registro de Historial de Navegacin del Usuario.

5
Posteriormente aplique los mismos cuestionamientos con la interfaz construida para su
proyecto de formacin.

SI-DOSweb SEGURIDAD DE COLOMBIA Ltda.

Enlace: file:///C:/Users/FAMILI~1/AppData/Local/Temp/Rar$EXa0.745/sidoscweb/index.html;

A continuacin y para nuestro proyecto de formacin en el sitio web, se van a tener las
mismas caractersticas ya que nos encontramos en el proceso de creacin del mismo.

Inclusin diagnstica de aspectos ergonmicos en usuarios potenciales.

SI-DOSCweb aportar para Seguridad de Colombia Ltda., un enfoque imprescindible

para que las personas que trabajan all, tengan el suficiente atractivo y facilidad en
su uso. Por ello, el diseo de esta pgina cumplir con sus funciones, mensajes y
contenidos con un diseo e implementacin para que lo pueda usar cualquier persona.
Calidad de los componentes de usabilidad respecto a contenidos textuales:
distribucin, facilidad para su lectura y comprensin, calidad de contenidos.

SI-DOSCweb trabajara para que exista informacin que sea seria y por lo tanto
confiable, se mantendr la informacin actualizada para no ocasionar problemas y
reflejar una excelente calidad en cuanto a informacin y contenidos.
Facilitacin de procesos intuitivos para los usuarios.

Muy importante es proporcionar para Seguridad de Colombia Ltda., una estructura

global de la pgina, utilizando herramientas organizadoras cognitivas tales como vistas,
mapas, tablas de contenido y patrones de enlace.

6
SI-DOSCweb seguir un orden lgico y natural. Una estructura visual jerrquica del
contenido en las ventanas principales.

Previsin de necesidades de usuarios.

Que cumpla con la satisfaccin de necesidades para Seguridad de Colombia Ltda., ya

que tendr toda la informacin y las necesidades de las personas para su facilidad en
el manejo de la misma.

La previsin e importancia que SI-DOSCweb dar en esta pgina web, es mostrar la

calidad y utilidad de los contenidos; la calidad del servicio y asistencia de las personas
que la trabajan.

Percepcin de control del sistema por el usuario.

SI-DOSCweb se mostrara un diseo y contenidos aptos al momento de ingresar y de

fcil usabilidad.
Uso de colores con baja afectacin de fatiga.

SI-DOSCweb ofrece suficiente contraste entre texto y fondo el cual no dificultara la

lectura, e igualmente las combinaciones de colores cuentan con las discapacidades
visuales en la percepcin del color que pudieran presentar algunos usuarios de
Seguridad de Colombia Ltda.

Facilidad de interaccin.

SI-DOSCweb define escenarios bsicos en donde se puede contextualizar la interaccin

persona-aplicacin web.
Agilidad de descarga de informacin.
Consulta

Se trabajara en este sitio web con aplicaciones que sean completas, dinmicas y
complejas, lo que dar como resultado una pgina web ms pesada" pero que no tarde
en cargarse.

Consistencia temtica. Previsin de contenidos por el usuario.

SI-DOSCweb define el aspecto visual del sitio web manteniendo un equilibrio entre lo
que seran contenidos que no aprovechan los usuarios de para Seguridad de Colombia
Ltda., en cuanto hipertexto y multimedia, y lo que seran contenidos caticos o
desorientativos para el mismo usuario.

7
 Relacin distancia y tamao para los movimientos de interaccin.

Desde una perspectiva ms amplia del diseo visual de SI-DOSCweb es importante

mantener una coherencia y estilo comn entre toda la pgina, proporcionando una
consistencia visual para todo el sitio.
Facilidad de recursos para la personalizacin.

SI-DOSCweb no va permitir la personalizacin.

Visibilidad de enlaces e intuicin de rutas.

La visibilidad de los enlaces adicionales se evidencia con el cambio de imagen del cursor,
o con el cambio de texto en los vnculos. Sera de navegacin intuitiva y de fcil manejo
para el usuario de Seguridad de Colombia Ltda., permitindole conocer los diferentes
accesos en la pgina.
Visibilidad de interfaces. Cobertura de pantalla.

SI-DOSCweb utiliza colores que ofrecen suficiente contraste entre texto y fondo para no
dificultar la lectura, e igualmente las combinaciones de los mismos colores tienen en
cuenta las discapacidades visuales que pudieran presentar los usuarios de Seguridad de
Colombia Ltda.

Registro de historial de navegacin del usuario.

SI-DOSCweb proporcionara registro.

Elabore un informe que contenga los resultados obtenidos de la aplicacin del test, los
aspectos por mejorar y los procedimientos que deber aplicar para superar lo previsto.

INFORME GENERAL

Cuando se habla de usabilidad, se habla de la rapidez, comodidad, seguridad y facilidad

con que las personas pueden navegar por un sitio web.

A travs del uso de sus herramientas de bsqueda, su entorno grfico, y el objetivo

particular que cada uno de los usuarios logre obtener sobre su tarea propuesta en la
bsqueda de informacin.

No solo las herramientas tecnolgicas o el aspecto grfico con que cuenta un sitio web es
lo que se tiene en cuenta a la hora de medir la usabilidad. Para el anlisis de los sitios
web, tambin se ha tenido en cuenta el contenido del mdulo de transparencia, segn la

8
Ley No.6 de 22 de enero de 2002, Se deber prever un mecanismo claro y simple de
constancia de la entrega efectiva de la informacin al solicitante en un sitio web al
usuario.

La finalidad de un sitio web, es lograr que el usuario encuentre lo que busca en el menor
tiempo posible. Es por esto que la responsabilidad de los diseadores es importante en
este proceso. Sin perder de vista que al final quien determina si un sitio web es usable es
el usuario y no el diseador. Por lo que siempre es recomendable hacer pruebas de uso
con grupos pequeos de personas consideradas el grupo de participacin.

Dicen los anlisis realizados por expertos en usabilidad que un sitio web debe
principalmente ser:

Rpido

Un sitio web solo capta la atencin de un usuario durante los primeros 8 segundos que el
usuario esta delante de la pgina web, pasado este tiempo, si el usuario no encuentra la
informacin que est buscando, cancelar y se ira.

Las pginas deben cargarse con una media de 4 segundos. Lo ms que los usuarios
esperarn a ver el contenido de su pgina web es de una media de 10 segundos.

La mayora de los usuarios disponen de modem para su acceso a internet, por lo que las
pginas web deben ser lo menos pesadas posible, con el fin de que los usuarios no esperen
ms tiempo de lo deseado. Si no, stos cancelaran la visita.

Simple

Limite la navegacin de su web a 6 y 8 pginas como mucho. Los estudios demuestran

que es el nmero mximo que el usuario puede mantener en la memoria a corto plazo.

Mantenga una navegacin constante. No fuerce a los visitantes a aprender diversos

caminos o esquemas para la navegacin en diversas partes de su web.

No abuse de la utilizacin de la animacin, esto puede abrumar y cansar a la vista.

Investigable

Los motores de bsqueda indagan el texto real. No prestan ninguna atencin a los grficos
(incluso grficos que parecen texto) y al cdigo de programacin (como el Javascript,
usado para los mens y otros efectos especiales). Evite estas situaciones si desea que su
web se despliegue bien a todos los usuarios.

La mayora de los sitios web necesitan ser compatibles con todos los navegadores y
ordenadores.

Utilice HTML siempre que sea posible, es el ms compatible con todos los navegadores.

9
 Mantngalo actualizado

La manera ms rpida para que un web pierda credibilidad es contener la informacin

desactualizada. Incluso cosas pequeas como una fecha elaboracin de un documento,
pueden daar la credibilidad del web adems de su contenido.

A continuacin se listan los principios de usabilidad tenidos en cuenta para el anlisis del
estado de los sitios web:

1. Deben existir mens de fcil ubicacin y desplegar todo su contenido en el mdulo

de transparencia; NAVEGABILIDAD.

2. Los archivos que se abren como producto de la bsqueda deben abrir en ventanas
diferentes a las de navegacin para no salirse del sitio al cerrar los documentos;
CONVENIENCIA.

3. La informacin que se publique debe estar organizada, ser clara, segura, legible,
de fcil consulta y comprensible; FUNCIONALIDAD.

4. Los usuarios quedan satisfechos si todos los enlaces abren adecuadamente y

tienen la informacin que anuncian. (No enlaces rotos, No errores, No archivos
no encontrados, etc.) FUNCIONALIDAD.

5. Los contactos deben ser formularios, no solo menciones de correos electrnicos,

o enlaces a correo que obligan a abrir herramientas como Outlook porque no todos
los usuarios las tienen configuradas como sus correos predeterminados.
CONVENIENCIA.

6. El tiempo que lleva abrir los documentos debe ser optimizado segn el tamao
del archivo. CONVENIENCIA.

7. La informacin que contiene el sitio debe estar actualizada. ACTUALIDAD.

8. Las herramientas de bsqueda si las hay, deben estar en lugar visible; esto es solo
una recomendacin para quienes utilizan buscadores internos. VALOR
AGREGADO.

- Navegabilidad: que el sitio sea amigable al usuario y la informacin se encuentre

fcilmente.

- Conveniencia: que la interaccin final con el usuario en el sitio web se haga en

el tiempo y la forma adecuada.

10
 - Funcionalidad: que todo en el sitio web trabaje de forma correcta. Por ejemplo:
que no haya enlaces sin activacin, enlaces rotos, mensajes de informacin no
encontrada, o mensajes de error.

- Actualidad: que la informacin publicada este actualizada y publique sus fechas

de actualizacin.

PARA PARTICIPAR EN EL FORO

Para participar en el foro usabilidad del sistema de informacin, cada aprendiz deber
enviar el informe a su tutor, posteriormente debe ingresar al foro y seguir el siguiente
procedimiento:

Publicar las conclusiones de su anlisis.

Socializarlas con sus compaeros.
Indicar las mejoras a incorporar para mejorar la usabilidad del sistema.
Comentar acerca de las dificultades encontradas por l y al menos otros de los
compaeros.

Conclusiones:

El resultado del anlisis de uso de los sitios web permite ver que an las empresas no
tienen bien afianzados todos los principios de usabilidad. Y aunque ninguna de las
pginas consultadas cae en el rango de pginas web malas, falta mucho para que alguna
de ellas llegue a ser excelente. Con la informacin aqu publicada se les invita a tener en
cuenta cada uno de los aspectos que se evalan cuando se mide la usabilidad de un sitio
web y as, puedan cumplir con la transparencia, institucionalidad y participacin
ciudadana en cada una de las personas a participar en ellas.

Mejoras a incorporar para mejorar la usabilidad del sistema:

1. Deben existir mens de fcil ubicacin y desplegar todo su contenido en el mdulo

de transparencia; NAVEGABILIDAD.
2. Los archivos que se abren como producto de la bsqueda deben abrir en ventanas
diferentes a las de navegacin para no salirse del sitio al cerrar los documentos;
CONVENIENCIA.
3. La informacin que se publique debe estar organizada, ser clara, segura, legible,
de fcil consulta y comprensible; FUNCIONALIDAD.
4. Los usuarios quedan satisfechos si todos los enlaces abren adecuadamente y
tienen la informacin que anuncian. (No enlaces rotos, No errores, No archivos
no encontrados, etc.) FUNCIONALIDAD.
5. Los contactos deben ser formularios, no solo menciones de correos electrnicos,
o enlaces a correo que obligan a abrir herramientas como Outlook porque no todos
los usuarios las tienen configuradas como sus correos predeterminados.
CONVENIENCIA.

11
 6. El tiempo que lleva abrir los documentos debe ser optimizado segn el tamao
del archivo. CONVENIENCIA.
7. La informacin que contiene el sitio debe estar actualizada. ACTUALIDAD.
8. Las herramientas de bsqueda si las hay, deben estar en lugar visible; esto es solo
una recomendacin para quienes utilizan buscadores internos. VALOR
AGREGADO.

Dificultades encontradas en las pginas web:

1. Priorizar innumerables funcionalidades por sobre el lanzamiento.

Que el sitio est online es fundamental. ste es uno de los aspectos ms obvios pero
tambin ms olvidados de cualquier desarrollo web. Existe un enorme nmero de casos
en los que, por no tener an ciertas prestaciones, el sitio se demora ms y ms, perdiendo
valioso tiempo de estar accesible.

Este punto es tan importante que existen numerosas empresas y profesionales que
consideran el lanzamiento del sitio web como una etapa ms en su desarrollo, no el final.
Como ya lo mencionbamos en el artculo con los primeros pasos para definir una
estrategia digital, un buen sitio hoy es mejor que un sitio perfecto maana.

2. Pretender un diseo que guste a todo el mundo

Esto est muy relacionado con lo anterior. En lugar de tomar los ejemplos en JPG que
arm el diseador y discutirlos durante semanas con tus socios, lo mejor es negociar
rpidamente algn punto medio y avanzar con su maquetado y programacin. Jugar
con un sitio web funcional, poder navegarlo y verlo en tu navegador es mucho mejor que
discutirlo sobre imgenes estticas y ayudar a que sea ms fcil tomar decisiones de
diseo, evitando que el proyecto se estanque. Nuevamente, la prioridad es lanzar la web,
no lograr un diseo que maraville a las masas.

3. Surgen nuevas necesidades que hacen crecer los costos

Este es un riesgo que est siempre latente. Para minimizarlo, ayuda mucho una buena
planificacin y, sobre todo, trabajar con excelentes profesionales. Una empresa o
freelancer que ha desarrollado sitios web durante mucho tiempo y para diversos negocios
sabr rpidamente detectar si te est faltando alguna cuestin clave.

Si a pesar de esto surgen nuevas exigencias en el transcurso del proyecto, ser til evaluar
su relevancia, su costo y qu tan necesario es incluirla en la etapa actual. Si se llegase a
la conclusin de que es viable incluirla ms adelante, por ejemplo un mes despus de
lanzado el sitio, su costo asociado no sera inmediato.

12
 4. Incompatibilidad entre las prestaciones del servicio de hosting y lo que
necesitas

Esto es principalmente una cuestin tcnica y, como tal, es ideal verlo con alguien experto
en el tema. Puede ser el programador, el lder del proyecto o incluso algn representante
del servicio de hosting. En cualquiera de los casos, es crucial poder plantear claramente
qu es todo lo que va a requerir el sitio para que el experto en cuestin pueda evaluarlo y
contrastarlo con lo ofrecido en el plan de alojamiento.

5. Fallas de seguridad

Asegrate de mantener, o exige al desarrollador, copias de seguridad de todo.

Adicionalmente, es vital que el cdigo o tu CMS estn lo ms segurizados posible:
versiones actualizadas, contraseas complejas y varios niveles de seguridad.
Nuevamente, en este punto es de gran ayuda trabajar con profesionales experimentados.

6. El sitio no se ve en dispositivos mviles

Lo ideal es que el sitio tenga un diseo preparado para ajustarse a diversos tipos de
dispositivo y tamaos de pantalla (lo que llamamos responsive; en este artculo te
contamos por qu elegirlo). Sin embargo, si por temas de presupuesto o tiempos no te es
posible encararlo de esta forma en una primera etapa, el sitio debera de todas formas
poder verse desde un dispositivo mvil. Esto tiene que ver con la tecnologa con que se
desarrolle ya que, por ejemplo, muchos dispositivos no podrn abrir un sitio desarrollado
en Flash. As, es importante que este punto se plantee antes de comenzar el desarrollo
web as quien vaya hacerlo est al tanto.

Conclusiones

Encarar este tipo de proyectos no es necesariamente difcil, pero tiene sus

particularidades. Los puntos clave son tener una idea lo ms definida posible antes de
comenzar y ser capaz de comunicarlo claramente a el o los profesionales involucrados,
para as evitar malos entendidos, y que el desarrollo fluya.

13