Usabilidad del Proyecto de Formación

Sergio Antonio Carabalí Gutiérrez

C.C. 80.020.902
Ficha 1565027

Tutor:
Francisco Conejo

Servicio Nacional de Aprendizaje – SENA

Análisis y Desarrollo de Sistemas de Información – ADSI
Modalidad Virtual Titulada
Bogotá D.C
2019
 USABILIDAD DEL PROYECTO DE FORMACIÓN 2

Actividad

Seleccione 3 sitios WEB para su exploración donde a partir de un cuestionario se

identificarán los elementos de diseño y programación que contribuyen con la facilitación de

la accesibilidad y usabilidad.

Los ítems a validar son los siguientes:

1. Inclusión diagnóstica de aspectos ergonómicos en usuarios potenciales.

2. Calidad de los componentes de usabilidad respecto a contenidos textuales:

distribución, facilidad para su lectura y comprensión, calidad de contenidos.

3. Facilitación de procesos intuitivos para los usuarios.

4. Previsión de necesidades de usuarios.

5. Percepción de control del sistema por el usuario.

6. Uso de colores con baja afectación de fatiga.

7. Facilidad de interacción.

8. Agilidad de descarga de información.

9. Consistencia temática. Previsión de contenidos por el usuario.

10. Relación distancia y tamaño para los movimientos de interacción.

11. Facilidad de recursos para la personalización.

12. Visibilidad de enlaces e intuición de rutas.

13. Visibilidad de interfaces. Cobertura de pantalla.

14. Registro de historial de navegación del usuario.

Aplique para cada uno de los sitios los cuestionamientos anteriores, verifique y tome

nota de las observaciones realizadas. Posteriormente aplique los mismos cuestionamientos

con la interfaz construida para su proyecto de formación. Elabore un informe que contenga
 USABILIDAD DEL PROYECTO DE FORMACIÓN 3

los resultados obtenidos de la aplicación del test, los aspectos por mejorar y los

procedimientos que deberá aplicar para superar lo previsto. En foro previamente programado

y con el acompañamiento de su tutor comparta las dificultades que experimenta para realizar

las mejoras. Interactúe sobre las dificultades manifiestas pro los compañeros y comparta

sugerencias para su mejoramiento.

Alto: El aspecto evaluado es tomado en cuenta de forma significativa dentro de la

página.

Medio: El aspecto evaluado tiene fallas en su desarrollo y requiere tener en cuenta

algunos aspectos.

Bajo: El aspecto evaluado no es tomado en cuenta de ninguna forma y requiere ser

trabajado en la página.
 Items CRAC – Rehabilitación
Visual Integral
https://cracolombia.org/
1. Inclusión diagnóstica de Alto: Esta página se destaca
aspectos ergonómicos en por tener en cuenta diferentes
usuarios potenciales aspectos ergonómicos entre los
cuales se destacan el tener un
diseño sencillo y fácil de
navegar, por otro lado, como
está enfocada para personas
con discapacidad visual tiene
algunos componentes que
permiten incrementar el
tamaño de la fuente y hacer
cambios de color en el fondo
para pasar de blanco a negro.
2. Calidad de los Alto: Los contenidos
componentes de dispuestos en la página web
usabilidad respecto a son de fácil legibilidad. Se han
contenidos textuales: trabajado para ser claros y
distribución, facilidad para concretos y brindar la
su lectura y comprensión, información requerida por los
calidad de contenidos usuarios y que permite conocer
los servicios que ofrece el
Centro de Rehabilitación para
Adultos Ciegos - CRAC
3. Facilitación de procesos Alto: Los procesos intuitivos
intuitivos para los usuarios para los usuarios son tomados
en cuenta, tanto en la vista de
computador y la vista para
dispositivos móviles. Esto se
destaca principalmente en la
disposición del menú de acceso
Retiro de Santa Monica
http://www.cr-
retirodesantamonica.com/
Medio: La página, aunque
tiene un diseño simple,
lastimosamente presenta una
interfaz que pierde la unidad
entre las páginas, los cual
distrae un poco al usuario.
Medio: Los contenidos de la
página son legibles, sin
embargo, la distribución de los
mismos y la presentación no es
uniforme de una página a otra.
Alto: Los procesos intuitivos
para los usuarios son tomados
en cuenta, tanto en la vista de
computador y la vista para
dispositivos móviles. Esto se
destaca principalmente en la
disposición del menú de acceso
Comisión de Regulación de
Comunicaciones
https://www.crcom.gov.co/es/pagina/inicio
Alto: Se tienen en cuenta diferentes
aspectos ergonómicos, de los cuales
vale la pena destacar la disposición
de información y herramientas para
personas con discapacidad,
principalmente no hablantes.
Medio: Los contenidos a lo largo de
la página son legibles, aún así la
claridad sobre todo en el acceso a los
mismos se pierde en algunos de los
apartados de la página. En otros
casos los contenidos son escasos o
en su defecto no tan claros.
Medio: Los procesos intuitivos para
los usuarios al parecer no se han
tomado muy en cuenta, ya que tanto
en la vista de computador como de
los diferentes dispositivos móviles
los contenidos y los menús logran

4. Previsión de necesidades
de usuarios
5. Percepción de control del
sistema por el usuario
6. Uso de colores con baja
afectación de fatiga
USABILIDAD DEL PROYECTO DE FORMACIÓN
con elementos claros y
puntuales y, botones para la
mejora visual de los
contenidos.
Alto: Se tienen en cuenta
aspectos relevantes con
respecto a la necesidad de los
usuarios como lo son la
información clara distribuida
de forma organizada en las
diferentes páginas. El acceso a
las mismas está definido de
forma clara a través del menú
principal y permite obtener
información clara de
necesidades específicas.
Alto: La respuesta de la página
web frente a la interacción del
usuario con la misma, es rápida
y precisa en todos los
dispositivos y, la visualización
de los contenidos responde de
forma adecuada
Alto: El uso de colores es algo
que se tiene en cuenta en la
página, evitando la fatiga de la
vista y adicionalmente se tiene
en cuenta que el usuario pueda
cambiar el color de fondo por
uno más oscuro, permitiendo
descanso de la vista a la hora
de la lectura de la página en
pantallas muy brillantes.
con elementos claros y
puntuales y botones para la
mejora visual de los
contenidos.
Medio: Se tienen en cuenta las
necesidades de los usuarios al
ofrecer contenidos acordes a
los servicios que presta el
geriátrico, sin embargo, los
links de acceso no son tan
claros dentro del contenido de
la página.
Alto: La respuesta de la página
web frente a la interacción del
usuario con la misma, es rápida
y precisa en todos los
dispositivos y, la visualización
de los contenidos responde de
forma adecuada
Alto: El uso de colores dentro
del sitio web es adecuado para
evitar la fatiga visual para los
usuarios. Igualmente, los
contenidos en la mayoría de las
páginas esta destacado de
forma adecuada y tiene fuentes
con tamaños que permiten ver
la información con claridad.
5
verse desorganizados y no tan claros
en su contenido para ser entendidos.
Medio: Aunque el objetivo es suplir
diversas necesidades de los usuarios
en el tema de las comunicaciones; se
presentan fallas en la claridad y meta
de los links a lo largo de la página.
Alto: La respuesta de la página web
frente a la interacción del usuario
con la misma, es rápida y precisa en
todos los dispositivos y, la
visualización de los contenidos
responde de forma adecuada.
Alto: El uso de colores dentro del
sitio web es adecuado para evitar la
fatiga visual para los usuarios.
Igualmente, los contenidos en la
mayoría de las páginas esta
destacado de forma adecuada y tiene
fuentes con tamaños que permiten
ver la información con claridad.

7. Facilidad de interacción
8. Agilidad de descarga de
información
9. Consistencia temática.
Previsión de contenidos
por el usuario
10. Relación, distancia y
tamaño para los
movimientos de
interacción
11. Facilidad de recursos para
la personalización
USABILIDAD DEL PROYECTO DE FORMACIÓN 6
Alto: La interacción con los Alto: La interacción con los Alto: La interacción con los usuarios
usuarios es sencilla y la usuarios es sencilla y la es sencilla y la página responde
respuesta de la página es rápidarespuesta de la página es rápida rápidamente a las interacciones del
ante la misma. ante la misma. mismo.
Alto: La página responde de Medio: La página responde de Alto: La página responde de forma
forma ágil ante la descarga de forma ágil a la descarga de los ágil ante la descarga de la
la información y esto es clave diferentes contenidos que información y esto es clave en la
en la navegabilidad de la suministra la página. Sin navegabilidad de la misma.
misma. embargo algunos de los
archivos .pdf presentan
demoras en el proceso de
apertura.
Alto: Los temas expuestos en Medio: Aunque la consistencia Medio: Aunque los contenidos van
la página son claros y temática de los contenidos está dirigidos y son acordes a los
relevantes con respecto a los dirigida de forma acertada, vale objetivos de la página, no es clara su
objetivos de la institución que la pena indicar que algunos de ubicación o interpretación por parte
en este caso es ofrecer sus ellos están desactualizados de los usuarios ya que los contenidos
servicios para personas con dando una sensación de no son claros para su navegación,
discapacidad visual. inseguridad y desconfianza por consulta y búsqueda.
parte de los usuarios.
Alto: Los elementos de Alto: Los elementos de Medio: Los elementos de
interacción, los cuales tienen interacción, los cuales tienen interacción en algunos casos se
que ver principalmente con el que ver principalmente con el identifican con facilidad, sin
menú, links y botones están menú, links y botones están embargo algunos de estos no son
dispuestos de forma adecuada dispuestos de forma adecuada claros y se confunden con contenidos
en la página y su diseño es en la página y su diseño es normales o elementos que no dirigen
adecuado para la identificación adecuado para la identificación a ningún lado.
por parte de los usuarios. por parte de los usuarios.
Alto: Se ofrecen algunos Bajo: No se identifican Alto: Se ofrecen algunos recursos
recursos para personalizar la recursos que permitan para personalizar la página, los
página, los cuales normalmente personalizar en mayor o menor cuales normalmente no están
no están dispuestos en los medida la página por parte de dispuestos en los sitios web. De tal
sitios web. Estos elementos son los usuarios de la misma. forma que la página cuenta con

12. Visibilidad de enlaces e
intuición de rutas
13. Visibilidad de interfaces.
Cobertura de pantalla
14. Registro de historial de
navegación del usuario
USABILIDAD DEL PROYECTO DE FORMACIÓN 7
principalmente para aumentar o botones que nos permiten cambiar el
disminuir el tamaño de la tamaño de la fuente.
fuente y cambiar el color de
fondo.
Medio: Los enlaces en los Medio: Los enlaces en los Alto: Los enlaces dentro del
contenidos no se destacan contenidos se destacan pero no contenido se destacan notoriamente,
mucho, sin embargo, se son uniformes en toda la igualmente el menú es fácil de
muestran los necesarios para página. El menú es claro y de identificar. Un punto en contra es
acceder a los diversos fácil acceso pero hay falencias que algunos de estos enlaces
contenidos. El menú es claro y en la intuición de las rutas, requieren claridad en su construcción
de fácil acceso. sobre todo porque no hay para indicar hacia donde dirigen al
migas de pan en ninguna de las usuario.
páginas.
Alto: La visibilidad de la Alto: La visibilidad de la Medio: La visibilidad de la página
página es buena, aprovecha de página es buena, se adapta aunque se adapta a todos los
forma adecuada los espacios fácilmente a los diferentes dispositivos móviles, requiere de
dentro de la pantalla, esto dispositivos móviles. Aun así trabajo en el área de diseño para
incluye los dispositivos es importante destacar que hay tener una mejor disposición de los
móviles. zonas donde no se aprovechan contenidos.
bien los espacios.
Bajo: Carece de la miga de pan Bajo: carece de la miga de pan Alto: La página cuenta con la miga
que sirve de ayuda al usuario que sirve de ayuda al usuario de pan que nos permite conocer el
para conocer el recorrido para conocer el recorrido recorrido seguido al interior de la
seguido en la página. Tampoco seguido en la página. No se misma.
se destacan los enlaces destacan los enlaces visitados.
visitados.
 USABILIDAD DEL PROYECTO DE FORMACIÓN 8

Al evaluar los diversos ítems con el Sistema de Información que se está desarrollando llamado SISCOP Plus, podemos hacer

los siguientes comentarios.

Items CRAC – Rehabilitación Visual Integral

https://cracolombia.org/
1. Inclusión diagnóstica de aspectos Alto: La plataforma cuenta con un diseño sencillo y de fácil manejo ofreciendo aspectos
ergonómicos en usuarios potenciales ergonómicos a los usuarios potenciales que les facilitan la navegación, consulta y búsqueda de
información.
2. Calidad de los componentes de Alto: Los contenidos y la distribución de los mismos permiten una fácil lectura e
usabilidad respecto a contenidos interpretación de los mismos. Estos también van acompañados de iconos que indican el tipo de
textuales: distribución, facilidad información a la que se va a acceder o consultar.
para su lectura y comprensión,
calidad de contenidos
3. Facilitación de procesos intuitivos Alto: Los procesos intuitivos para los usuarios son tomados en cuenta, tanto en la vista de
para los usuarios computador y la vista para dispositivos móviles. Esto se destaca principalmente en la
disposición del menú de acceso con elementos claros y puntuales y, botones para la mejora
visual de los contenidos y elementos que ofrecen ayuda en el manejo de la plataforma.
4. Previsión de necesidades de Alto: Se tienen en cuenta aspectos relevantes con respecto a la necesidad de los usuarios como
usuarios lo son la información clara distribuida de forma organizada en las diferentes páginas. El acceso
a las mismas está definido de forma sencilla a través del menú principal y permite obtener
información clara del manejo y uso de la plataforma.
5. Percepción de control del sistema Alto: La respuesta de la página web frente a la interacción del usuario con la misma, es rápida
por el usuario y precisa en todos los dispositivos y, la visualización de los contenidos responde de forma
adecuada
6. Uso de colores con baja afectación Alto: El uso de colores es algo que se tiene en cuenta en la página, evitando la fatiga de la
de fatiga vista. Por otro lado, para destacar las zonas en las cuales se está navegando se utilizan colores
que identifiquen estas áreas a modo de infografía para ayudar en la identificación visual rápida
de los módulos a los cuales se quiere acceder.
7. Facilidad de interacción Alto: La interacción con los usuarios es sencilla y la respuesta de la página es rápida ante la
misma.
 USABILIDAD DEL PROYECTO DE FORMACIÓN 9

8. Agilidad de descarga de Alto: La página responde de forma ágil ante la descarga de la información y esto es clave en la
información navegabilidad de la misma. También permite descargar de forma ágil los contenidos de
archivos .pdf y .xls
9. Consistencia temática. Previsión de Alto: Los temas expuestos en la página son claros y relevantes con respecto a los objetivos de
contenidos por el usuario la plataforma que en este caso es ofrecer sus servicios para empresas de acuerdo a sus
necesidades y requerimientos en procesos internos.
10. Relación, distancia y tamaño para Alto: Los elementos de interacción, los cuales tienen que ver principalmente con el menú,
los movimientos de interacción links y botones están dispuestos de forma adecuada en la página y su diseño es adecuado para
la identificación y manejo por parte de los usuarios.
11. Facilidad de recursos para la Medio: Se están diseñando algunos recursos para la personalización de la plataforma,
personalización principalmente enfocados en el cambio de colores de la plataforma.
12. Visibilidad de enlaces e intuición alto: Los enlaces en los contenidos son claros y se identifican con claridad, igualmente, los
de rutas menús de navegación son puntuales y precisos.
13. Visibilidad de interfaces. Cobertura Alto: La visibilidad de la página es buena, aprovecha de forma adecuada los espacios dentro
de pantalla de la pantalla, esto incluye los dispositivos móviles. El diseño de la plataforma está
estructurado con Bootstrap lo cual permite que la adaptación de los contenidos a los diferentes
dispositivos sea adecuada y precisa.
14. Registro de historial de navegación Medio: Carece de la miga de pan que sirve de ayuda al usuario para conocer el recorrido
del usuario seguido en la plataforma. Sin embargo, la ubicación por parte de los usuarios se facilita a
través de la disposición de colores dentro de la página los cuales permiten identificar
rápidamente los módulos de la plataforma.