AP6-AA3-EV5 FORO USABILIDAD DEL PROYECTO DE FORMACIÓN

Aprendiz:

JUAN DAVID BARONA ZAPATA

Servicio Nacional De Aprendizaje – SENA

Tecnólogo En Análisis Y Desarrollo De Sistemas De Información
2018
TABLA DE CONTENIDO

INTRODUCCIÓN.
1. DESARROLLO DE LA ACTIVIDAD
1. CUESTIONARIO PAGINA WEB 1
1.1 CUESTIONARIO PAGINA WEB 2
1.2 CUESTIONARIO PAGINA WEB 3
2. USABILIDAD DEL PROYECTO DE FORMACIÓN
3. CONCLUSIONES.
4. BIBLIOGRAFIA.
 INTRODUCCIÓN.

Este informe pretendemos recoger los principales criterios de usabilidad de tener en los
diseños de aplicaciones web, a través de la aplicación de los criterios expuestos se puede
garantizar un alto nivel de usabilidad en el producto final, y por tanto, una considerables
de las posibles de no aceptación por parte de los usurarios que se realizar los proyectos.
La usabilidad es uno de los factores de éxito más importantes de una página web. Cuidar la
usabilidad beneficia a todos: ahorra costos en el lado de la producción, y garantiza el
retorno de la inversión del dueño de la web y la satisfacción de sus usuarios.
El concepto usabilidad “dentro del campo del desarrollo web” es la disciplina que estudia la
forma de diseñar sitos web para que los usuarios puedan interactuar con ellos de forma
más fácil, como de e intuitiva posible, teniendo en cuenta para crear la mejor forma de
crear web es realizando un diseño centrado en el usuario, diseñado para y por el usuario,
en contraposición a lo que podría ser un diseño centrado en la tecnología y creatividad.
1. DESARROLLO DE LA ACTIVIDAD

1.1 CUESTIONARIO PAGINA WEB 1

Análisis del portal http://www.gasneiva.com/

1=Muy mala 4=Buena
2=Mala 5= Muy buena
3=Regular

Ítems a validar 1 2 3 4 5
Inclusión diagnóstica de aspectos ergonómicos en X
usuarios potenciales
Calidad de los componentes de usabilidad respecto a X
contenidos textuales: distribución, facilidad para su
lectura y comprensión, calidad de contenidos.
Facilitación de procesos intuitivos para los usuarios X
Previsión de necesidades de usuarios. X
Percepción de control del sistema por el usuario X
Uso de colores con baja afectación de fatiga X
Facilidad de interacción X
Agilidad de descarga de información X
Consistencia temática. Previsión de contenidos por el X
usuario.
Relación distancia y tamaño para los movimientos de X
interacción.
Facilidad de recursos para la personalización. X
Visibilidad de enlaces e intuición de rutas X
Visibilidad de interfaces. Cobertura de pantalla X
Registro de historial de navegación del usuario X

GAS NEIVA
Es una empresa de comercializa y distribuye el GLP (Gas Licuado de Petróleo) para el
servicios públicos domiciliarios, en distribución y comercialización de gas natural y servicios
complementarios de los departamentos del Huila, localizados en el SUR de Colombia.
Su página web tiene una usabilidad bastante aceptable, su página de inicio está muy bien
organizada de izquierda a derecha y de arriba hacia abajo, sus contenidos está distribuidos
en interfaces diferentes lo que facilita su interacción la escogencia de los colores no nos
fatigan, es muy factible para el usuario averiguar los servicios de la compañía. A
continuación se muestra una captura de pantalla de la página:

1.2 CUESTIONARIO PAGINA WEB 2

Análisis del portal http://www.dian.gov.co/
1=Muy mala 4=Buena
2=Mala 5= Muy buena
3=Regular

Ítems a validar 1 2 3 4 5
Inclusión diagnóstica de aspectos ergonómicos en X
usuarios potenciales
Calidad de los componentes de usabilidad respecto a X
contenidos textuales: distribución, facilidad para su
lectura y comprensión, calidad de contenidos.
Facilitación de procesos intuitivos para los usuarios X
Previsión de necesidades de usuarios. X
Percepción de control del sistema por el usuario
 Uso de colores con baja afectación de fatiga X
Facilidad de interacción X
Agilidad de descarga de información X
Consistencia temática. Previsión de contenidos por el X
usuario.
Relación distancia y tamaño para los movimientos de X
interacción.
Facilidad de recursos para la personalización. X
Visibilidad de enlaces e intuición de rutas X
Visibilidad de interfaces. Cobertura de pantalla
Registro de historial de navegación del usuario X

En ésta página podemos encontrar diferentes servicios que ofrece esta entidad
relacionadas con temas relacionados con la creación, naturaleza jurídica, objeto,
representante legal y patrimonio.
La usabilidad de esta página es buena ya que ésta muy bien organizada y aprovecha
excelentemente el espacio, la escogencia de sus colores e imágenes aunque son muy
simples y le falta un poco de vida no fatigan la visión e interacción, se adapta de forma
excelente a cualquier tipo de dispositivo ya sea Tablet, pc o Smartphone, mejoraría con un
placeholder (marcador de posición) que indique si debe ir sin guiones o puntos para mayor
rapidez en los ítems de llenado de datos.
A continuación se muestra una captura de pantalla de la página:
1.3 CUESTIONARIO PAGINA WEB 3

Análisis del portal https://univirtual.utp.edu.co/sitio/

1=Muy mala 4=Buena
2=Mala 5= Muy buena
3=Regular

Ítems a validar 1 2 3 4 5
Inclusión diagnóstica de aspectos ergonómicos en X
usuarios potenciales
Calidad de los componentes de usabilidad respecto a X
contenidos textuales: distribución, facilidad para su
lectura y comprensión, calidad de contenidos.
Facilitación de procesos intuitivos para los usuarios X
Previsión de necesidades de usuarios. X
Percepción de control del sistema por el usuario X
Uso de colores con baja afectación de fatiga X
Facilidad de interacción X
Consistencia temática. Previsión de contenidos por el X
usuario.
Relación distancia y tamaño para los movimientos de X
interacción.
Facilidad de recursos para la personalización. X
Visibilidad de enlaces e intuición de rutas X
Visibilidad de interfaces. Cobertura de pantalla X
Registro de historial de navegación del usuario X

Univirtual
Es un portal de oferta educativa Univirtual que brinda la posibilidad a todo colombiano le
permite acceder a una variada oferta de programas técnicos, tecnólogos y profesionales de
formación titulada, virtual, para las personas que quiere terminar una carrera.
Cuenta con un diseño muy fácil de interacción el cual le permite al usuario acceder a los
diferentes elementos que la conforman y memorizar rápidamente su uso, es adaptable a
los medios móviles y demás elementos computacionales, sus colores son adecuados no nos
fatigan ya que al ser un portal educativo se debe mantener mucho tiempo en su uso, puede
interactuar con el tutor fácilmente, donde puede tener sugerencia o pregunta de los
trabajos a realizar durante la formación.
Cuenta con una excelente información para el usuario, con iconos de fácil acceso y
recordación la navegación es muy buena su rapidez depende de la capacidad de banda con
que se cuente en el sitio donde se encuentre, al ser una página muy concurrida por los
estudiante algunos veces es permitente y presenta inestabilidad en la navegación.

A continuación se muestra una captura de pantalla de la página:

2. USABILIDAD DEL PROYECTO DE FORMACIÓN

Posibles inconvenientes que puede presentar el sistema de información.

 Uno de los inconvenientes del sistema de información es la inmediatez-utilidad de

éste, ya que la una puede afectar a la otra.
 Lograr que el usuario navegue intuitivamente, no tenga la dificultar para
interactuar con el sistema.
 Disminuir y controlar al máximo los errores que pueden ocasionar el mal uso de la
aplicación web propuesta, para no tener inconveniente durante la ejecución o
presentación del proyecto.

Aspectos por mejorar en la interfaz de mi proyecto de formación

 Cada etiqueta debe incorporar icono que permitan al usuario entender de forma
más específica el contenido de cada uno de éstas.

 Incorporar iconos de carga de páginas y links.

 Distribuir mejor mi barra de navegación.

 Creatividad en el diseño impactar al usuario cuando ingrese.

 Minimizar páginas eternamente largas.

3. CONCLUSIONES.

 “La usabilidad y accesibilidad” son cualidades importantes para cada página web,
ya que es la medida de calidad de la experiencia que tiene cada usuario, de allí la
importancia que cada entorno web ofrezca facilidades, comodidades y sea muy
intuitiva para navegar por cualquier tipo de usuario, cualidades como facilidad de
aprendizaje, eficiencia de uso, recordar cómo funciona, frecuencia y gravedad de
errores.

 En el proyecto formativo debo:

Emplear diversas técnicas que ayuden a la accesibilidad y usabilidad de la aplicación
web, como son: usar bien el espacio, cada interfaz implementada en lo posible debe
parecerse una con la otra, evitar barras horizontales y verticales extensas, debe
definirse bien las áreas de trabajo como encabezado, barra de navegación,
contenido principal y pie de página, identificar y resaltar los enlaces, emplear iconos
en etiquetas , botones para que el usuario interactúe mejor en el manejo de la
página.
BIBLIOGRAFIA.

Páginas de Internet:
http://www.gasneiva.com/
http://www.dian.gov.co/
https://univirtual.utp.edu.co/sitio/