UNIVERSIDAD NACIONAL DE TRUJILLO

FACULTAD DE CIENCIAS FISICAS Y MATEMATICAS

Escuela de Informática

EVALUACIÓN HEURÍSTICA DE
LA UNIVERSIDAD PRIVADA DE
TRUJILLO

Como parte del curso de Tópicos en Ciencias de la Computación III, presentan los
alumnos:

- CUNIA ROMERO, Athina Brigitte Danna.

- LARA ARANA, Jean Pierre.

TRUJILLO - 2018
 INTRODUCCIÓN

En este informe se presenta la evaluación realizada a el sitio web de la Universidad

Privada de Trujillo respecto al análisis de la conformidad de interfaz de los principios
de usabilidad mediante a la inspección por parte de los integrantes del equipo
evaluador, los cuales son los autores de este informe. Para ello se tomó en cuenta
aspectos resaltantes de la interfaz del sitio web, así como las principales
funcionalidades que ostenta.

Se utilizó el método de evaluación por inspección denominado “Evaluación

Heurística”, el cual consiste en la verificación de una serie de principios llamados
“Principios Heurísticos” previamente establecidos.
Fue llevada a cabo por los evaluadores expertos (Equipo evaluador), el cual definió
una serie de problemas que presenta el sistema referente a la usabilidad de acuerdo
a las preguntas que plantea cada principio de usabilidad del método Heurístico.
 INSTITUCIÓN /
UNIVERSIDAD PRIVADA DE
EMPRESA TRUJILLO

http://www.uprit.edu.pe/web/
Página web

Fecha de realización de
17 de noviembre de 2018
la evaluación

- Diseño de iconos y distribución del sistema.

- No se distinguen si se trata de texto informativo o
enlaces
- Mal uso de metáforas

Resumen de los - No se denota la barra de menú con respecto al

principales problemas fondo

de usabilidad. - No hay distinción entre las opciones con

subitems y las que no tienen subitems en el
menú
- Vistas no tienen relación entre sí, y no hay forma
de regresar al Home
- Los datos no son validados por el sistema
- Mensajes de error incompletos
- Acceso más rápido a las opciones del menú
- Guía para el usuario
 DESARROLLO
PROBLEMA 1: Diseño de iconos y distribución del sistema.

1. Principio heurístico:
- Visibilidad del sistema
2. Pregunta del problema de usabilidad:
- ¿El esquema de diseño de los íconos y su estética es consistente en
todo el sistema? (1.2)
3. Captura de la interface:
 4. Explicación del problema:
La página principal de la Universidad Privada de Trujillo, presenta
irregularidades con respecto al diseño y color de sus iconos. Además, es
notorio que la página está mal estructurada en las secciones de contenido,
donde las distribuciones dejan espacios vacíos muy marcados, componentes
flotando, dando un aspecto antiestético.
5. Propuesta:
Se propone mejorar el prototipo del diseño del Home, decidirse en el diseño
y color de los iconos para una mejor visualización del contenido.

PROBLEMA 2: No se distinguen si se trata de texto informativo o enlaces

1. Principio heurístico:
- Visibilidad del estado del sistema
2. Pregunta del problema de usabilidad:
- Cuando se selecciona un icono particular rodeado por otros iconos,
¿Se distingue el icono seleccionado claramente? (1.3)
3. Captura de la interface:
 4. Explicación del problema:
En la sección de servicios de la universidad, se observa el contenido donde
no se puede denotar a simple vista si sólo se trata de contenido estático o
enlaces a los servicios, ya que, al pasar el puntero por esas opciones, no
existe algún distintivo para que el usuario los reconozca como enlaces.
5. Propuesta:
Una opción sería darle una animación en la sección de servicios, es decir,
cuando el usuario pase el puntero por cualquier opción, esta se agrande,
distinguiéndose de las demás.

PROBLEMA 3: Mal uso de metáforas

1. Principio heurístico:
- Lenguajes de los usuarios
2. Pregunta del problema de usabilidad:
- ¿Los iconos son concretos y familiares para el usuario? (2.1)
3. Captura de la interface:
 4. Explicación del problema:
Algunos iconos que presenta la página, no tienen relación con lo que
representan, y son repetidos para tres funcionalidades distintas, causando
confusión al usuario.
5. Propuesta:

PROBLEMA 4: No se denota la barra de menú con respecto al fondo

1. Principio heurístico:
Estética de diálogos y diseño minimalista
2. Pregunta del problema de usabilidad:
- ¿Cada icono se encuentra resaltado, con respecto a su fondo? (9.4)
 3. Captura de la interface:

4. Explicación del problema:

Si observamos, la superposición de elementos no permite la
visualización de estos, donde la barra de menú se pierde en la imagen
de fondo como si fuera parte de ella.
5. Propuesta:
- Modificar la transparencia del fondo de la barra de navegación por un
fondo con color.
- Modificar las imágenes de fondo, con una capa gradiente, donde el
color intenso de la imagen baje y se pueda visualizar el menú.

PROBLEMA 5: No hay distinción entre las opciones con subitems y las que no
tienen subitems en el menú

1. Principio heurístico:
Reconocimiento antes que Cancelación
2. Pregunta del problema de usabilidad:
- ¿Existe una distinción visual obvia entre los menús en donde solo es
posible seleccionar una opción y los menús en donde es posible
seleccionar múltiples opciones? (7.8)
 3. Captura de la interface:

4. Explicación del problema:

Las opciones del menú, no cuentan con algún distintivo, donde el usuario
pueda interpretar a simple vista que esa opción cuenta con subitems, y así su
navegación por la página sea más cómoda y rápida.
5. Propuesta:
Nuestra propuesta consta de agregar a cada opción del menú una pestaña,
que indique que la opción que se va a seleccionar, contiene subitems. en
caso contrario, simplemente aparecerá la opción sin la pestaña.

PROBLEMA 6: Vistas no tienen relación entre sí, y no hay forma de regresar al

Home

1. Principio heurístico:
- Visibilidad del Estado del Sistema
2. Pregunta del problema de usabilidad:
- En pantallas múltiples para entrada de datos ¿Cada página está
etiquetada para mostrar su relación con las otras? (1.5)
3. Captura de la interface:
 4. Explicación del problema:
Como observamos, la página de admisión/preinscripción de la universidad te
redirecciona a una ficha de preinscripción, la página no guarda relación con
las otras y menos con la principal, dando paso a confusiones de ubicación
por parte de usuario.
5. Propuesta:
- Enlazar las vistas correspondientes con algún botón, de acuerdo al
diseño de la página.

PROBLEMA 7: Los datos no son validados por el sistema

1. Principio heurístico:
Prevención de errores
2. Pregunta del problema de usabilidad:
- ¿El sistema previene a los usuarios de cometer errores siempre que
esto es posible? (6.11)
 3. Captura de la interface:

4. Explicación del problema:

La presente página de preinscripción no cuenta con mensajes de errores si el
usuario se equivocara al escribir, pues acepta cualquier dato ingresado como
válido, originando posibles envíos de información erróneas.
5. Propuesta:
- Lo principal es validar la información y mostrar mensajes de alerta de
errores antes de enviarlo en caso de error por parte de usuario.
- Al momento que el usuario seleccione el botón “Enviar”, emitir un
mensaje como “¿Estás seguro de los datos ingresado?”.

PROBLEMA 8: Mensajes de error incompletos

1. Principio heurístico:
Ayuda a los usuarios Reconocimiento, diagnóstico y recuperación de errores.
2. Pregunta del problema de usabilidad:
- ¿Los mensajes de error indican que acción debe de realizar el usuario
para corregir el error correspondiente? (5.20)
 3. Captura de la interface:

4. Explicación del problema

En caso el usuario cometiera un error al escribir y lo envía, la página emite un
mensaje de error, solo indicando que ingrese un correo válido, pero no le
explica al usuario cómo puede solucionar el error.
5. Propuesta:
- aparte de emitir el mensaje de “correo no válido” , se puede agregar un
“Por ejemplo: correo@dominio.com”

PROBLEMA 9: Acceso más rápido a las opciones del menú

1. Principio heurístico:
Flexibilidad y eficiencia de uso
2. Pregunta del problema de usabilidad:
- En los menús, ¿los usuarios tienen la opción o bien de hacer “clic”
directamente en un ítem del menú o utilizar un atajo de teclado? (8.14)
3. Captura de la interface:
 4. Explicación del problema:
- Existen usuarios que se sienten cómodos navegando por páginas en
donde puedan acceder a opciones que les brinda un sitio web por
medio de atajos de teclado, ya sea utilizando TAB, enter o la letra
inicial del ítem.
5. Propuesta:
- Implementar atajos personalizados para el menú, utilizando la letra
inicial del ítem, o las flechas de dirección del teclado.

PROBLEMA 10: Guía para el usuario

1. Principio heurístico:
- Ayuda general y documentación
2. Pregunta del problema de usabilidad:
- ¿La función de ayuda del menú es visible? (10.8)
3. Captura de la interface:
4. Explicación del problema:
La página no cuenta con un manual de usuario para aquellos usuarios que
tenga problemas al relacionarse con la página web, teniendo en cuenta que
las personas que acceden son de diferentes edades, por ende, no se van a
desplazar de la misma manera.
5. Propuesta:
- Se propone un manual con las principales funciones de interés, como
las secciones de noticias y de investigación, que son las más visitadas
por estudiantes y docentes.
 RANKING DE LOS PROBLEMAS DE USABILIDAD

PROBLEMAS SEVERIDAD FRECUENCIA CITRICIDAD

3. Mal uso de metáforas 4 4 8

6. Vistas no tienen relación entre sí, y no 4 4 8

hay forma de regresar al Home

7. Los datos no son validados por el 4 4 8

sistema

8. Mensajes de error incompletos 3 4 7

9. Acceso más rápido a las opciones del 2 3 5

menú

1. Diseño de iconos y distribución del 4 0 4

sistema.

10. Guía para el usuario 3 1 4

4. No se denota la barra de menú con 3 0 3

respecto al fondo

2. No se distinguen si se trata de texto 2 0 2

informativo o enlaces

5. No hay distinción entre las opciones 1 1 2

con subitems y las que no tienen
subitems en el menú