1.

Pruebas de usabilidad
La prueba de usabilidad es una serie de acciones para evaluar la facilidad de uso de tu sitio
web desde la perspectiva del usuario final.

Las pruebas de usabilidad consisten en seleccionar a un grupo de usuarios de una aplicación y

solicitarles que lleven a cabo tareas para las cuales fue diseñada, en tanto el equipo de diseño,
desarrollo y otros involucrados toman nota de las interacciones, especialmente de los errores

Dentro de cada etapa de la prueba los participantes pueden estar acompañados por expertos,
llamados investigadores y diseñadores UX.

Parámetros a evaluar en una prueba de usabilidad:

● fácil de usar: si el sitio web está bien diseñado habrá muchos participantes que
completaran las tareas.
● eficiencia: cuanto menos tiempo se necesite para terminar la tarea mejor será tu diseño.
● errores: si se encuentran errores gramaticales o anomalías, los participantes te
ayudarán a encontrarlos.
● Satisfacción: si los participantes terminan las pruebas y no tienen quejas se debe
aumentar el nivel de satisfacción.
1.1. Tipos de test de usabilidad:
1.1.1. Test de usabilidad en persona o interna: Si bien tus empleados
pueden ser los participantes, es mejor usar gente externa para resultados
imparciales.

Técnicas populares para este tipo de test de usabilidad web:

● Seguimiento ocular: para saber dónde miran los participantes en una sola página.
● Clasificación: ideal para la construcción de estructuras y navegación o etiquetado.
● Pruebas A/B: para comparar dos diseños.
1.1.2. Test de usabilidad remota no moderada:Se puede llegar a
participantes de todo el mundo utilizando servicios en línea que te
ayuden a realizar dichas pruebas: Gazeponit para el seguimiento ocular o
RealEye, Optical Workshop para clasificación y Convert o VWO para test
A/B.

1.1.3. Test moderadas de usabilidad remota: Es un tipo de test de usabilidad

combinada por las dos anteriores. Con este test puedes obtener
resultados de alta calidad rápidamente mientras a los participantes se les
mantienen comidos.
 1.1.4. Test de guerrillas: Este test se realiza típicamente en la cotidianidad. A
los usuarios se les busca en la cafetería o lugares parecidos y se les pide
que completen tareas básicas con un sitio web o servicio. Si bien este
test es una gran opción es recomendable utilizarlas solo para productos o
servicios con una gran base de usuarios porque los productos de un solo
segmento tendrán dificultades para encontrar información confiable con
este test.
1.2. Descripción de técnicas de evaluación de usabilidad
1.2.1. Prueba de usabilidad

Es una técnica formal y su objetivo es estudiar la usabilidad de una aplicación en un entorno

real con usuarios reales. El material usado puede ser plan de evaluación, lista de tareas,
consentimiento de grabación, entre otros. Se pueden aplicar cuestionarios y thinking-aloud

1.2.2. Pensar en voz alta (thinking-aloud)

Es una técnica formal cuyo objetivo es recoger comentarios y observaciones del usuario. Para
ellos se le hace preguntas relacionadas con la lista de tareas de la prueba de usabilidad

1.2.3. Entrevistas

Es una técnica de las ciencias sociales en la que se elabora un guión. Permite recoger
información subjetiva difícilmente objetiva.

1.2.4. Cuestionarios

Los más usados son user profile (se recoge información sobre experiencia y preferencias del
usuario), Pre-test (primeras impresiones del usuario) y post-test (impresiones luego de usar el
sistema)

1.2.5. Análisis de grabaciones

Consiste en colocarse delante de un monitor y observar la grabación de una prueba de

usabilidad

1.2.6. Evaluación heurística

Es una técnica informal donde se infieren los problemas de usabilidad

 1.2.7. Método de co-descubrimiento

Dos participantes intentan realizar una tarea durante la prueba juntos y de forma colaborativa,
mientras el experto en usabilidad les observa

1.2.8. Protocolo de “Responder preguntas”

Al usuario se le hacen preguntas relativas a la prueba acerca de cómo realizar las tareas,
alternativas a acciones, etc. Sus respuestas nos pueden ayudar sobre qué partes de la interfaz
no cumplen su función.

1.2.9. Medida de rendimiento

Son pruebas encaminadas a obtener datos cuantitativos de la realización de tareas de los

usuarios en un sitio web.

1.2.10. Seguimiento ocular

Se mide el discurrir de la mirada del usuario durante la prueba de usabilidad. Se usan

tecnologías tales como: Electrodos de superficie, lentes de contacto marcadas, cámaras con
procesamiento de imagen y seguidores de reflejos.

1.3. 6 pasos para realizar pruebas de usabilidad de un sitio

web
1.3.1. Desarrollar el plan de prueba

Un plan de evaluación cubre el: qué, cómo, por qué y dónde de la prueba de evaluación. Es
costoso de desarrollar, pero sus beneficios son varios; especialmente pensando en el trabajo
en grupo

1.3.2. Seleccionar y adquirir a los participantes

Se analizan los perfiles de usuarios para caracterizarlos e identificarlos. Se toma en cuenta

destrezas, experiencia previa, etc.

1.3.3. Preparar los materiales de la prueba

Es la labor más exigente de una prueba de usabilidad.

 1.3.4. Llevar a cabo la prueba

Se recomienda imparcialidad, no ayudar excesivamente al usuario, cuidar el lenguaje corporal,

entre otros.

1.3.5. Entrevistar a los usuarios después de la prueba

Se quiere recoger aquella información que no se haya podido capturar durante las pruebas de
usabilidad. Entender motivos de confusión.

1.3.6. Transformar los datos en recomendaciones de diseño

Comprende dos grandes fases: análisis preliminar (aquellos puntos más problemáticos) y
análisis total (el informe de la prueba)

2. Pruebas de Interfaz de Usuario

2.1. ¿Qué es la GUI?
Comencemos explicando que existen dos tipos de interfaces para una aplicación informática.
La interfaz de línea de comandos es donde escribe texto y la computadora responde a ese
comando. GUI significa interfaz gráfica de usuario es en la que se interactúa con la
computadora utilizando imágenes en lugar de texto.

Algunos elementos que se pueden utilizar para la interacción entre el usuario y la aplicación
son:

Las pruebas GUI son una validación de estos

elementos.
 2.2. Pruebas de GUI
Estas pruebas se encargan de verificar la interfaz de usuario del software. Su propósito es
garantizar que las funcionalidades de la aplicación de software funcionen según las
especificaciones mediante la verificación de pantallas y controles como menús, botones,
iconos, etc.
GUI es lo que ve el usuario, es por esto que se da una especial atención a lo que es el diseño
de la interfaz de las páginas.

2.3. Necesidad de pruebas de GUI

Algunas preguntas que pueden surgir son:
¿Por qué realizar pruebas de GUI?
¿Es realmente necesario?
Para poder obtener una respuesta, es mejor pensar como un usuario, no como tester. Como el
usuario no tiene conocimiento sobre el software, es la interfaz la que hace que un usuario
decida si va a seguir utilizando la aplicación o no.
Un usuario observará el diseño, el aspecto de la aplicación, lo fácil que es entenderla y si no
obtiene una respuesta favorable en base a los anteriores puntos, es muy probable que termine
optando por nunca volver a utilizar la aplicación. Por esto la GUI es importante y se deben
realizar pruebas adecuadas para asegurarse de que esté libre de errores.

2.4. ¿Qué pruebas de GUI registro?

● Verifique todos los elementos de la GUI para ver el tamaño, la posición, el ancho, la
longitud y la aceptación de caracteres o números. Por ejemplo, debe poder proporcionar
entradas a los campos de entrada.
● Compruebe que puede ejecutar la funcionalidad prevista de la aplicación utilizando la
GUI
● Compruebe que los mensajes de error se muestran correctamente
● Verifique la demarcación clara de las diferentes secciones en la pantalla
● Comprobar que la fuente utilizada en una aplicación sea legible
● Verifique que la alineación del texto sea correcta
● Compruebe que el color de la fuente y los mensajes de advertencia sean estéticamente
agradables
● Comprueba que las imágenes tengan buena claridad.
● Compruebe que las imágenes estén correctamente alineadas
● Verifique la posición de los elementos de la GUI para diferentes resoluciones de
pantalla.
 2.5. Técnicas de prueba de GUI
Estas se pueden clasificar en tres partes:

2.5.1. Pruebas basadas en manuales

Los evaluadores verifican manualmente las pantallas gráficas de acuerdo a los requisitos
establecidos en el documento de requisitos comerciales.

2.5.2. Grabar y reproducir

Se utilizan herramientas de automatización. Esto se hace en 2 partes. Durante la grabación, la
herramienta de automatización captura los pasos de la prueba. Durante la reproducción, los
pasos de prueba grabados se ejecutan en la aplicación bajo prueba.

2.5.3. Pruebas basadas en modelos

Un modelo es una descripción gráfica del comportamiento de un sistema, ayuda a comprender
y predecir el comportamiento del sistema. Ayuda en la generación de casos de prueba
eficientes utilizando los requisitos del sistema.
Se debe considerar lo siguiente para aplicar esta prueba:
● Construye el modelo
● Determine las entradas para el modelo
● Calcule la salida esperada para el modelo
● Ejecutar las pruebas
● Compare la salida real con la salida esperada
● Una decisión sobre acciones adicionales sobre el modelo.

2.6. Ejemplos de Pruebas de interfaz de usuario

1. Probar el tamaño, posición, ancho, alto de los elementos.
2. Prueba de los mensajes de error que se muestran.
3. Probar las diferentes secciones de la pantalla.
4. Prueba de la fuente si es legible o no.
5. Prueba de la pantalla en diferentes resoluciones con la ayuda de acercar y alejar como 640 x
480, 600x800, etc.
6. Probar la alineación de los textos y otros elementos como iconos, botones, etc. están en el
lugar correcto o no.
7. Probar los colores de las fuentes.
8. Prueba de los colores de los mensajes de error, mensajes de advertencia.
9. Prueba de si la imagen tiene buena claridad o no.
10. Prueba de la alineación de las imágenes.
11. Prueba de la ortografía.
12. El usuario no debe frustrarse al utilizar la interfaz del sistema.
13. Probar si la interfaz es atractiva o no.
14. Prueba las barras de desplazamiento según el tamaño de la página, si las hubiera.
15. Prueba de los campos desactivados si los hay.
16. Prueba del tamaño de las imágenes.
17. Prueba de los títulos si está correctamente alineado o no.
18. Prueba del color del hipervínculo.

2.7. Demostracion de como hacer una prueba de Interfaz

de usuario

2.7.1. Test Cases (Casos de Prueba)

TC 01- Verifique que el cuadro de texto con la etiqueta "Carpeta de origen" esté alineado
correctamente.
TC 02 - Verifique que el cuadro de texto con la etiqueta "Paquete" esté alineado correctamente.
TC 03 - Verifique que la etiqueta con el nombre "Examinar" sea un botón que se encuentra al
final de TextBox con el nombre "Carpeta de origen".
TC 04 - Verifique que la etiqueta con el nombre "Examinar" sea un botón que se encuentra al
final de TextBox con el nombre "Paquete".
TC 05 - Verifique que el cuadro de texto con la etiqueta "Nombre" esté alineado correctamente.
TC 06 - Verifique que la etiqueta "Modificadores" consta de 4 botones de radio con el nombre
público, predeterminado, privado, protegido.
TC 07 - Verifique que la etiqueta "Modificadores" consista en 4 botones de radio que estén
alineados correctamente en una fila.
TC 08 - Verifique que la etiqueta "Superclase" debajo de la etiqueta "Modificadores" consiste en
un menú desplegable que debe estar correctamente alineado.
TC 09 - Verifique que la etiqueta "Superclase" consista en un botón con la etiqueta "Examinar"
que debe estar correctamente alineado.
TC 10 - Verifique que al hacer clic en cualquier botón de radio, el puntero del mouse
predeterminado debe cambiarse al puntero del mouse de mano.
TC 11 - Verifique que el usuario no debe poder escribir en el menú desplegable de
"Superclase".
TC 12 - Verifique que se debe generar un error adecuado si se ha elegido algo por error.
TC 13 - Verificar que el error se debe generar en color ROJO donde sea necesario.
TC 14 - Verifique que se deben usar etiquetas adecuadas en los mensajes de error.
TC 15 - Verifique que los botones de radio individuales se deben seleccionar de forma
predeterminada cada vez.
TC 16 - Verifique que el botón TAB debe funcionar correctamente mientras salta a otro campo
junto al anterior.
TC 17 - Verifique que todas las páginas deben contener el título correcto.
TC 18 - Verifique que el texto de la página esté correctamente alineado.
TC 19 - Verifique que después de actualizar cualquier campo se debe mostrar un mensaje de
confirmación adecuado.
TC 20 - Verifique que solo se deba seleccionar 1 botón de opción y que se puedan seleccionar
más de una casilla de verificación.

2.8. Herramientas para casos de prueba

Las herramientas más populares son:

• Ranorex
• Selenium
• QTP
• Cucumber
• SilkTest
• TestComplete
• Squish GUI Tester

2.9. Conclusión

El éxito de un producto de software depende enormemente de cómo interactúa la GUI con el

usuario y de la facilidad para usar sus diversas funciones. Por lo tanto, las pruebas de GUI son
muy importantes. Las pruebas de GUI manuales a veces pueden ser repetitivas y aburridas y,
por lo tanto, propensas a errores. Se recomienda la automatización para las pruebas de GUI.