UNIVERSIDAD DE CARABOBO

ÁREA DE ESTUDIOS DE POSTGRADO

FACULTAD DE EDUCACIÓN
Especialidad en Tecnología de la Computación en Educación

Principios de la Evaluación Heurística de Nielsen

Evaluadoras:
Alida Malpica
Marviali Vera

Naguanagua, Febrero de 2010

 Evaluación Heurística aplicando los diez (10) principios de Usabilidad de Jacob Nielsen

Nombre del Software a Evaluar

1. Sieduca. Educación para la vida

2. RENa. Red (Red Escolar Nacional)

Dirección de los Software evaluados

www.si-educa.net/basico/ficha274.html

http://www.rena.edu.ve/index.html

A continuación se presentan el cúmulo de principios de Usabilidad violados en cada uno de estos sitios, tomando en
cuenta número de veces que se infringio el principio, grado de severidad asociado al mismo, así como una muestra gráfica de
lo evaluado, para apreciar la importancia de no omitir la usabilidad dentro de la creación de una Interfaz Gráfica de Usuario.

Cabe destacar, que la escala de los grados de severidad de cada principio infringido fue tomado de uno de los materiales
asignados por la Profesora en la segunda semana de clases denominado “Ejemplo 1 Instrumento Heurística de Nielsen”,
los cuales se reflejan a continuación:

Grado de severidad: (Escala del 1 al 5)

1.- ( ) Principio totalmente cumplido.

2.- ( ) Principio medianamente cumplido.

3.- ( ) Neutral o no aplicable.

4.- ( ) Principio medianamente infringido.

 5.- ( ) Principio totalmente infringido.

Además de ello, los valores de los grados de severidad de los primeros siete (7) errores fueron llevados de la escala
original ( 4 = muy alto, 3 = alto, 2 = mediano y uno = bajo); a los valores de severidad pertenecientes al Ejemplo 1, tomando en
cuenta que para los valores 4 y 3 (muy alto y alto) el valor 5 (principio totalmente infringido) representará su equivalente; el
valor 2 (mediano) equivale al valor 4 (principio medianamente infringido) y por último el valor 1 (bajo) equivale al valor 3
(neutral o no aplicable). Esto se hizo con la finalidad de mantener la consistencia en la evaluación presentada.

A continuación se presentan cada uno de los errores encontrados, junto con la sugerencia que solventará el principio
violado.

Número Descripción del error/problema Ubicación del error Principio Violado Grado de Sugerencia para la
del Error Severidad mejora
1 Tiene mucha Información Sieduca. Pantalla 1 Diálogo simple y 5 Organizar la información
Natural en segmentos
2 Posee propaganda emergente que Sieduca. Pantalla 1 Diálogo simple y 4 Ubicarlas al final de la
interfiere con con la información Natural página para que no
interfiera
3 El título dice las partes de una Sieduca. Pantalla 1 Diálogo simple y 4 Ubicar la información
computadora y empieza a expresar Natural de acuerdo a las partes
el contenido sobre un sistema que señala la figura
informático
4 Las figuras no están claras Sieduca. Pantalla 1 Diálogo simple y 5 Colocar figuras más
Natural nítidas y con mayor
colorido
5 Uso de términos técnicos Sieduca. Pantalla 1 Hablar (utilizar) el 5 Agregar glosario de
que amerita explicación y2 lenguaje del términos
usuario
6 La explicación es confusa, usa Sieduca. Pantalla 1 Minimizar la carga 4 Visualizar las partes de la
términos diferentes y2 de la memoria del computadora que se
 usuario desee retener
7 El recorrido es mucho para Sieduca. Pantalla 1 Salidas marcadas 5 Colocar un icono más
regresarse y de paso la palabra claramente grande, con color
esta muy pequeña
8 En la pantalla Principal tienen RENa. Primera Diálogo Simple y 4 Este botón no debe ser
acceso a un enlace llamado Pantalla Natural visible en la pantalla
Principal, el cual cae dentro de esta principal; debe estar
misma pantalla; lo cual indica que activo a partir de la
hay redundancia. segunda pantalla del
sitio.
9 Al hacer clic en el enlace RENa. Enlace Consistencia 5 Mantener el mismo
“Venezuela” muestra una pantalla Venezuela diseño empleado en la
que contiene una forma diferente de página principal y en el
diseño, al presentado en la página resto de los enlaces
principal
10 Al hacer clic en el enlace RENa. Enlace Diálogo Simple y 5 Se recomienda que antes
“Venezuela” se puede observar Venezuela Natural de publicar la página, de
algunos obstáculos a la hora de leer verifique que las palabras
el texto presentado, esto ocurre con acentuadas se puedan
las letras que están acentuadas, reflejar sin
ocasionado así distorsión de la inconvenientes en
lectura y a su vez cansancio en el cualquier navegador web
usuario a la hora de descifrar lo que
se dice en ese apartado.
11 Dentro de la pantalla Venezuela, se RENa. Página Diálogo Simple y 4 Colocar un escrito más
puede apreciar un botón Venezuela Natural acorde a la función del
denominado “volver”dentro de un botón, ya que este es un
mapa de Venezuela, que no hace lo botón de navegación
que sugiere la metáfora utilizada, ya interno, pero la palabra
que no regresa a la página volver causa confusión
principal, se queda en esa misma
ventana
12 Dentro de la pantalla Venezuela, se RENa. Página Consistencia 5 Mantener el diseño
 pueden apreciar dos (2) enlaces Venezuela estándar de los iconos
que permiten regresar a la pantalla presentados en la
principal, sin embargo no utilizan la pantalla principal
misma metáfora o icono destinado
para principal, que se presenta en
el resto de las pantallas
13 Al hacer clic en el icono RENa. Enlace Diálogo Simple y 5 Este debe redireccionar
“Constitución”, se redirecciona la Constitución Natural al usuario a la página
página al contenido dispuesto en la que contenga el
página “Venezuela” contenido relacionado a
la Constitución.

14 Al hacer clic en el icono “Cuarta RENa. Enlace Consistencia 5 Usar el mismo diseño y
Etapa”, el contenido es más Cuarta Etapa tamaño de fuente para
extenso y el tamaño de la fuente de todas las páginas de este
las letras es mucho más pequeño, sitio
provocando así incongruencias en
el diseño estándar de la página
15 Al hacer clic en enlace RENa (de RENa. Enlace Proveer Feedback 5 Proveer información
color naranja) que se encuentra en RENa sobre la funcionalidad de
la parte superior de la pantalla este enlace y las
Venezuela, se abre una ventana consecuencias que
independiente con la página produce al hacer clic
principal de RENa nuevamente, sobre el.
sobrecargando la máquina del
usuario por el requerimiento de
memoria ram para sostener una
misma página tantas veces se haga
clic sobre este enlace
16 Al hacer clic en el enlace Venezuela RENa. Iconos Proveer Feedback 5 Proveer información
y Constitución se abre una ventana Venezuela y sobre la funcionalidad de
externa al sitio RENa, causando Constitución este enlace y las
confusión, ya que pareciera que el consecuencias que
usuario estuviese en el sitio RENa produce al hacer clic
 cuando realiza esta acción sobre el.
17 Al abrir el sitio web RENa con un RENa. Enlace Minimizar la carga 5 Utilizar dentro de la
navegador inferior a la versión 4 o Recomendaciones de memoria del programación de está
cual el usuario no posee una para ver usuario página algún tipo de
resolución del monitor el 800x600 RENa,ubicado en la código o algoritmo que
no se puede apreciar bien la pantalla principal evite la distorsión del
interfaz de este sitio, y para saber tamaño de la interfaz
esto hay que leer contenido independientemente de
dispuesto en el enlace la resolución que el
“Recomendaciones para ver RENa” usuario posea en su
monitor
18 Al hacer clic en el enlace “Mapa del RENa. Enlace Dialogo Simple y 5 Enlazar este link a la
sitio”, no se muestra el contenido de Mapa del sitio, Natural página que tiene el
esta página, ocasionado ubicado en la contenido sobre el mapa
incertidumbre el usuario al pantalla principal del sitio
quedarse en la espera de que algo
suceda
19 Al hacer clic en los enlaces “Equipo RENa. Pantalla Proveer Feedback 5 Proveer información
de Trabajo” y “Organización principal con sus sobre la funcionalidad de
Colaboradora”, se abre todo el sitio distintos enlaces ca uno de estos enlaces
en otra ventana nueva, recargando y las consecuencias que
la memoria del PC del usuario. se producen al hacer clic
sobre cualquiera de ellos

Tomando en cuenta entonces lo anteriormente expuesto, el Grado de Severidad total de todos los principios infringidos
es: 90; y la frecuencia de repetición de un mismo principio violado es:

Principio Violado Frecuencia de Repetición

Diálogo Simple y Natural 9
Utilización del Lenguaje del Usuario 1
Minimizar la carga de memoria del usuario 2
 Consistencia 3
Suministro constante de Retroalimentación (Feedback) 3
Salidas claramente marcadas 1
Proveer atajos o aceleradores (shortcuts) 0
Suministrar buenos mensajes de error 0
Prevención de errores 0
Ayuda y documentación 0

El grado de severidad promedio es 5, el cual representa que un principio ha sido totalmente infringido; este tuvo a su vez
catorce (14) repeticiones, mientras que el grado de severidad 4, principio medianamente infringido ,se repitio sólo cinco (5)
veces.

Gráfico de Severidad promedio de todos los errores por cada principio

Principios de Usabilidad
Jacob Nielsen
Ayuda y documentación
Prevención de errores
Suministrar buenos mensajes de error
Proveer atajos o aceleradores (shortcuts)
Pincipio Violado

Salidas claramente marcadas

Suministro constante de Retroalimentación (Feedback)
Consistencia
Minimizar la carga de memoria del usuario
Utilización del Lenguaje del Usuario
Diálogo Simple y Natural

0 1 2 3 4 5 6 7 8 9 10

Frecuencia de
Repetición
 Análisis del gráfico. ¿Qué le dicen todos estos números?. ¿Qué interpretación le da?

Observando detenidamente el gráfico arriba expuesto y el promedio de repetición del grado de severidad por cada
principio, se refleja claramente, que en la mayoría de los casos el error más común es la falta del Diálogo Simple y Natural que
debe tener la interfaz gráfica con el usuario, ya que se hace complicado, extenso y muchas veces difícil de entender; por tanto
es necesario poner en práctica los principios de Usabilidad de Jacob Nielsen a la hora de hacer una interfaz gráfica que
satisfaga las expectativas del usuario; en segundo lugar la consistencia de la interfaz no se mantiene durante todo el diseño, lo
cual puede causar cierta incertidumbre en el usuario a la hora de interactuar con esta interfaz; también se resalta
moderadamente la falta de un suministro constante de retroalimentación por parte de la interfaz, produciendo perdidas de
tiempo y esfuerzo por parte del usuario mientras utiliza el software. Asimismo, se presentaron dos (2) casos de sobrecarga de
la memoria del usuario con respecto a conocer el funcionamiento correcto de la interfaz a la hora de usarla; por último y con
menos frecuencia se dieron los principios de proveer “salidas claramente marcadas” y “utilizar el lenguaje del usuario”, lo que
da a entender que para el diseñador de esta interfaz es más fácil tomar en cuenta estos aspectos para darle comodidad al
usuario.

Los cinco (5) problemas más graves conseguidos en las evaluaciones

Problema n°2: Posee propaganda emergente que interfiere con con la información.

Esto puede ocasionar distracción por parte del usuario a la hora de estudiar el contenido de la página, sobre todo porque
esta contiene información técnica, la cual no es fácil de comprender para cualquier usuario sin conocimientos previos en el
área de computación e informática en general. En nuestra opinión como diseñadoras de interfaces, es esencial no cometer
este tipo de error, ya que disminuye la credibilidad y agrado por parte del usuario, ocasionando que éste se exima de visitar
este sitio.

Problema n°3: El título dice las partes de una computadora y empieza a expresar el contenido sobre un sistema
informático.
 Este problema puede producir una pésima comunicación entre la interfaz y el usuario, ya que el puede entender una cosa
y el sistema esta diciendo otra. Lo cual causa confusión cognitiva en el usuario y rechazo al sitio por no entender el diálogo
que éste le ofrece.

Problema n°6: La explicación es confusa, usa términos diferentes.

Las consecuencias son semejantes a las explicadas en el problema anterior; esto generalmente ocurre si el diseñador no
toma en cuenta a que usuario va dirigido el material educativo; y además de esto; no aclara dentro del software a que
audiencia quiere presentar su material educativo; para prevenir que en caso de un usuario novato o experto visite este material
no se fatigue estudiando este contenido por falta o aumento de complejidad del mismo.

Problema n°10: Al hacer clic en el enlace “Venezuela” se puede observar algunos obstáculos a la hora de leer el texto
presentado, esto ocurre con las letras que están acentuadas, ocasionado así distorsión de la lectura y a su vez cansancio en el
usuario a la hora de descifrar lo que se dice en ese apartado.

Este problema es muy frecuente en sitios educativos, y tiene un efecto fatal en el usuario, ya que no le permite leer con
fluidez la información, haciendo que el usuario invierta mucho tiempo para entender el contenido presentado.

Problema n°19: Al hacer clic en los enlaces “Equipo de Trabajo” y “Organización Colaboradora”, se abre todo el sitio en
otra ventana nueva, recargando la memoria del PC del usuario.

Este problema es de alta gravedad, ya que disminuye la velocidad de la máquina del usuario ya su vez causa confusión
con respecto a en dónde puede estar ubicado el usuario.

Hallazgos Positivos

1. Mantiene una organización en los contenidos

2. Posee información interesante y completa

 3. Las instrucciones están visibles y son de fácil acceso.

4. Las posibilidades de cometer errores son pocas

5. En la barra principal se encuentra la opción de ayuda, su contenido brinda información complementaria

6. Hay uniformidad en las páginas

7. Clasifica de los tópicos a tratar por colores

Cada uno de estos hallazgos nos pueden orientar hacia el buen diseño de una interfaz, que mantenga la sencillez,
consistencia, amigabilidad, oportunidad y organización dentro del producto que se pretende desarrollar, de manera tal que el
usuario experimente comodidad y en cierta forma sienta que él aún tiene control sobre la máquina y no al contrario.