Septiembre 2019

Bogotá D.C.
Ingeniería de Software II
PARTE 1:

1. Define el concepto de usabilidad.

 La usabilidad en la ingeniería de software se basa en diseñar el software en base al

usuario, de forma que sea de manejo intuitivo y muy atractivo visualmente, la usabilidad se

enfoca en facilitar el manejo de los diferentes productos de la ingeniería de software y

evitando los errores de los usuarios. Actualmente hay software que por el momento en que

fue desarrollado no es muy practico y para hacer cosas sencillas se deben de realizar un

montón de procedimientos para realizar una inserción, actualización o eliminación de un

registro en un aplicativo. La usabilidad permite realizar acciones dentro del software de

manera más practica y sencilla. Como ejemplo sencillo en el software actual en un

formulario se limitan los campos para que solo acepte ciertos caracteres y de esta forma se

garantiza que la información que el usuario ingresa sea la correcta.

2. En que consiste el dilema entre facilidad de uso y eficiencia, explícalo.

El dilema de la facilidad de uso y la eficiencia no es tanto por la facilidad de uso del

software si no por como el ser humano utilizaba el mismo, anteriormente las personas que

utilizaban un computador tenían que estar preparadas formalmente, obteniendo unas

competencias para utilizar el mismo, Engelbart realizaba pruebas como utilizar el ratón con

la mano derecha y con la izquierda el teclado y no se encontraba facilidad. Por ello es que

hoy en día se tiene muy claro que se deben desarrollar software que cumplan con su función

así sea compleja pero que el usuario final pueda utilizarlo de forma sencilla y práctica.

3. Cuáles son los principales principios de la usabilidad.

 Coherencia: El producto debe ser coherente desde el entorno grafico e interactivo

hasta la capa de datos que maneja.

 Interacción: Debe ser predecible, visible y reversible.

 Información, comunicación y retroalimentación: Diseñar y promover múltiples

canales de comunicación entre la empresa, organización o institución y el usuario.

  Control: El usuario debe ser capaz de iniciar diferentes acciones sin necesidad de

estar preparado. (Intuitivo)

 Opciones: Debe ofrecer en mas de una forma al usuario encontrar lo que busca.

4. Cuáles son los métodos de evaluación de la usabilidad, explícalos.

 Evaluación formativa frente a sumativa:

 Método de descubrimiento:

 Métodos formalizados frente a métodos informales:

 Métodos de evaluación completa:

 Métodos con usuarios frente a métodos sin usuarios:

5. Que es el diseño centrado en el usuario, y cual su relación con la usabilidad.

El diseño centrado en el usuario es la forma de validar tanto la información como

imágenes, textos y demás elementos multimedia sean útiles para el usuario y que estas no

afecten el rendimiento del software o aplicativo web. Para ello hay unas métricas de

usabilidad las cuales nos muestran un conjunto de elementos:

 Datos e información sobre la experiencia del usuario cuando hace uso del producto.

 Información cuando el ser humano hace una interacción con el producto.

 Datos e información sobre las personas (Comportamientos y aptitudes).

6. Que es el principio de coherencia en usabilidad. Explícalo.

La coherencia en la usabilidad trata de mostrar la forma en que tanto como la parte grafica e

interactiva son consecuentes consigo, ejemplo en una pagina web todo tiene un enfoque a un

tema esta interacción del usuario con la plataforma debe ser muy transparente de forma tal

que el usuario sepa que esta utilizando una pagina de un tema específico. En esto van

incluidos la tipología de letra, la calidad de las imágenes y la cantidad, los videos y la

cantidad de interacciones que tiene el usuario con la misma. La coherencia en usabilidad

trata de ser mas llamativo el software al usuario, mas practico y navegable.

PARTE 2:

En base al principio básico de usabilidad de coherencia busca 3 ejemplos de página web y / o

de aplicación móvil que cumplan con este principio, y 3 ejemplos de páginas webs y / o

aplicaciones móviles que no lo cumplan. Es necesario que acompañes con alguna captura

cada uno de los ejemplos y hagas una explicación de por qué lo cumple o no lo cumple. Para

cada una de las webs o aplicaciones que has encontrado haz una explicación del posible

contexto de uso en que crees que estas webs y / o aplicaciones son utilizadas generalmente.

3 páginas web que cumplen con el principio de usabilidad.

3 páginas que no cumplen con el principio de usabilidad.

- La siguiente página es un tipo mercado libre, en la cual promocionan diferentes tipos de

elementos, esta página no tiene usabilidad ya que primero gráficamente no está muy bien

desarrollada ya que no hay ningún tipo di filtro para que el usuario se pueda movilizar y

encontrar lo que requiere. http://arngren.net/

- La siguiente pagina es religiosa trata de mostrar y predicar el evangelio, la verdad a primera

impresión no muestra nada claro sobre que trata la pagina y para ingresar se debe deducir

donde crackear y fallar en el intento. Aparte como se mencionaba anteriormente la

usabilidad trata de mostrar todo fácil para el usuario. Los colores de esta pagina no son para

nada llamativos y por lo contrario cansan la vista y por el efecto de animación que se tiene

marea. http://dokimos.org/
 - La siguiente página se originó con el fin de vender un espacio publicitario a diferentes

empresas, esta se utilizaba hace mucho tiempo por lo que en su momento era práctica, si la

miramos hoy en día ya no cumple con la función de vender publicidad ya que los espacios

que se le dan a cada uno es pequeño y para el usuario buscar no es muy práctico, está ya no

está en funcionamiento ya que en estos momentos para publicidad no es muy práctico.

http://www.milliondollarhomepage.com/

PARTE3:

a. Usando los principios de usabilidad y el instrumento dado, realizar la evaluación de

usabilidad de un sitio web. b. Realizar la evaluación de el mismo sitio usando un

software para ello

LISTA DE CHEQUEO USABILIDAD PAGINA DEL TIEMPO.
1. Visibilidad del estado del sistema

S/N/
# Lista de revisión Comentarios
NA

No en todos módulos
se tiene un
¿Cada pantalla comenzar con un título o encabezado que
1.1 () (x) ( ) encabezado en
describe el contenido de la pantalla? algunos hay
demasiados.

¿Existe un diseño consistente del esquema de iconos y

1.2 (X) ( ) ( )
tratamiento estilístico en todo el sistema?

Al seleccionar un
icono que esta en
¿Un icono seleccionado es claramente visible cuando está
1.3 () ( ) (x ) conjunto con otros no
rodeado por iconos no seleccionados? se ve ninguna
diferencia

¿Las instrucciones del menú, avisos y mensajes de error

1.4 (X) ( ) ( )
aparecen siempre en los mismos lugares en cada menú?

¿En las pantallas de entrada de datos de varias páginas

1.5 (multi paginas), cada página tiene una etiqueta que indique ( x) () ( )
su relación con los demás?

¿Si están disponibles los modos de sobrescribir e inserción,

No está disponible el
1.6 hay una indicación visible al usuario cuando está en cada ( ) ( ) (X) modo inserción
modo?

¿Si se usan ventanas emergentes para mostrar mensajes de Evidencio una de

1.7 ( x) ( ) () cookies
error, se permite al usuario saber el campo del error?

¿Hay alguna forma de retroalimentación de sistema por Si la hay no sé cómo

1.8 () ( ) (x) validarla.
cada acción del operador?

No ya que esta es una

¿Después de que el usuario realiza una acción (o conjunto página informativa, de
1.9 de acciones), existen retroalimentación que indique cual es () ( ) (x) pronto en la parte de
el siguiente grupo de acciones que se deben realizar? administración si debe
existir.

Son intuitivas las

1.1 ¿Hay información visual en los menús o cuadros de diálogo
0
(x) ( ) () opciones que se
acerca de qué opciones se pueden seleccionar? pueden seleccionar

2. Adecuación entre el sistema y el mundo real

# Lista de revisión S / N / NA Comentarios

¿Los iconos son concretos y familiares?
2.1 (X) ( ) ( )

¿Las opciones de menú (nombre de los ítems y tareas)

2.2
están ordenados de la manera más lógica, desde el punto (X) ( ) ( ) La información esta ordenada y
de vista del usuario? clasificada.

2.3 ¿Si hay una secuencia natural de las opciones del menú, se (X) ( ) ( ) Si se encuentran en orden y en
ha usado? cada modulo
 Si se encuentran relacionados y
2.4 ¿Los campos relacionados e interdependientes aparecen en (x) ( ) ( )
aparecen en las paginas que
la misma pantalla? tiene relación

2.5 Si las formas se utilizan como una señal visual, ¿es () ( ) ( )

comparable con las convenciones culturales?

2.6 ¿Los colores seleccionados corresponden a las () (x) ()

expectativas comunes acerca de los códigos de color?
2.7 Cuando un prompt implica una acción necesaria, ¿son
() (x) ()
coherentes las palabras en el mensaje con esa acción?
2.8 ¿Las referencias a la tecla en los prompts coinciden con los () (x) ()
nombres reales de las teclas?

2.9 ¿En las pantallas de entrada de datos, las tareas se () (x) ()

describen en una terminología familiar para los usuarios?
2,10 ¿En las pantallas de entrada de datos existen mensajes a () (x) ()
nivel de campo?

3. Libertad y control por parte del usuario

S / N / NA
# Lista de revisión Comentarios
¿Si la configuración de Windows es una tarea poco ( ) ( ) (X)
3.1 frecuente, es muy fácil de recordar? No aplica
En los sistemas que utilizan ventanas superpuestas, ¿es
fácil para los usuarios reorganizar las ventanas en la ( ) ( ) (X)
3.2 pantalla?
¿En los sistemas que utilizan ventanas superpuestas, es ( ) ( ) (X)
3.3 fácil para los usuarios cambiar entre las ventanas?
¿Cuando el usuario completa una tarea, el sistema
espera una confirmación por parte del usuario antes de () () (x)
3.4 procesarla?
¿Pueden los usuarios realizar escritura anticipada en un () () (X) Solo existen dos
3.5 sistema con muchos menús anidados? niveles de menus
¿Se pide confirmación a los usuarios para ejecutar
comandos que tienen consecuencias drásticas y () () (x)
3.6 destructivas?
¿Existe una función "deshacer" en el nivel de una sola
acción, una entrada de datos, y un grupo completo de () () (x)
3.7 las acciones?
3.8 ¿Pueden los usuarios cancelan las operaciones en curso? () () (x)

3.9 ¿Está permitido la edición de caracteres en comandos? () () (x)

¿Pueden los usuarios reducir el tiempo de entrada de
datos mediante la copia y la modificación de los datos () () (x)
3,10 existentes?
4. Consistencia y estándares

# Lista de revisión S / N / NA Comentarios

¿Se siguen los estándares de la industria o la empresa en
forma consistentemente en todas las pantallas dentro del (X) ( ) ( )
4.1 sistema?
¿Se ha evitado el uso de letras mayúsculas en las (X) ( ) ( )
4.2 pantallas?
4.3 ¿No se incluyen abreviaturas? (X) ( ) ( )
¿Están los números enteros son justificado a la derecha y (X) ( ) ( )
4.4 los números reales decimales alineados?
4.5 ¿Están los iconos etiquetados? (X) ( ) ( )

4.6 ¿Hay un máximo de doce hasta veinte tipos de iconos? (X) ( ) ( )

¿Existen señales visuales no sobresalientes para identificar (X) ( ) ( )
4.7 la ventana activa?
4.8 ¿Cada ventana tiene un título? (X) ( ) ( )
¿Es posible el desplazamiento vertical y horizontal en cada (X) ( ) ( )
4.9 ventana?
¿La estructura del menú coincide con la estructura de la (X) ( ) ( )
4,10 tarea?

5. Flexibilidad y eficiencia en el uso

# Lista de revisión S / N / NA Comentarios

¿El sistema es compatible tanto para principiantes y
usuarios expertos, con múltiples niveles de detalle del (x) () () Es muy
8.1 mensaje de error? intuitivo
¿El sistema permite los principiantes a usar una
gramática de palabras clave y los expertos de utilizar (x) () ( )
8.2 una gramática posicional?
¿Pueden los usuarios definir sus propios sinónimos para No se utilizan
() () (X)
8.3 los comandos? comandos
¿El sistema permite a los usuarios principiantes entrar
de la forma más simple y común cada comando, y () () (x)
8.4 permiten a los usuarios expertos añadir parámetros?
¿Los usuarios expertos tienen la opción de introducir () () (x)
8.5 múltiples comandos en una sola cadena?
¿El sistema proporciona teclas de función para la alta () () (x)
8.6 frecuencia de comandos?
Esta pagina por
¿Para las pantallas de entrada de datos con muchos ser informativa,
campos o en los que los documentos de origen pueden () () (x) no permite al
ser incompleta, los usuarios pueden guardar una usuario final
8.7 pantalla parcialmente llena? ingresar datos
() () (x)
8.8 ¿El sistema entra automáticamente ceros a la izquierda?
¿Si las listas de menú son cortos (siete puntos o
menos), los usuarios pueden seleccionar un elemento () (x) ( )
8.9 moviendo el cursor?
 ¿Si el sistema utiliza una estrategia de escritura
anticipada, tiene los elementos del menú códigos ( ) ( ) (X)
8,10 mnemotécnicos?

6. Diseño estético y minimalista

# Lista de revisión S / N / NA Comentarios

¿Está disponible toda la información esencial para la (X) ( ) ( )
9.1 toma de decisiones en la pantalla?
¿Son todos los iconos en un conjunto, visual y (X) ( ) ( )
9.2 conceptualmente distintos?
Para distinguir los iconos se usan objetos de gran No en todos los
() (x) ( )
9.3 tamaño, líneas gruesas, ¿y las áreas simples? modulos
9.4 ¿Cada icono se destaca de su fondo? (X) ( ) ( )

¿Si el sistema utiliza una interfaz estándar en la que se

ya ha sido especificado una secuencia de menús, los (X) ( ) ( )
menús se adhieren a dicha especificación siempre que
9.5 sea posible?
¿Hay grupos significativos de elementos separados por (X) ( ) ( )
9.6 espacios en blanco?
¿Cada entrada de datos de una pantalla tiene un titulo (X) ( ) ( )
9.7 corto y sencillo, claro y distintivo?
¿Son las etiquetas de campo familiares, breves y (X) ( ) ( )
9.8 descriptivas?
¿Están los prompts expresados de manera afirmativa, y (X) ( ) ( )
9.9 presente?
¿Esta cada opción del menú de nivel inferior asociada (X) ( ) ( )
9,10 con un solo menú de nivel superior?

7. Ayuda y documentación

# Lista de revisión S / N / NA Comentarios

Esta evaluación
¿Si los usuarios están trabajando en forma impresa, como usuario
() () (X)
estan las partes de la copia impresa marcadas en la final no es
10,1 versión on-line? requerida.
No hay
() () (x) instrucciones de
10,2 ¿Son todas las instrucciones on-line visualmente claras? uso
¿Las instrucciones siguen la secuencia de las acciones () () (x)
10,3 del usuario?
¿Si las opciones del menú son ambiguas, el sistema
proporciona información explicativa adicional cuando se () () (X)
10,4 selecciona un elemento?
¿Están las pantallas de entrada de datos y los cuadros
de diálogo soportados con navegación e instrucciones de () () (x)
10,5 para su terminación?
 (X) ( ) ( )
10,6 Presentación: ¿Esta el diseño visual bien diseñado?
¿Existen ayudas para recordar los comandos, ya sea on- () () (x)
10,7 line o a través de una guía de referencia rápida?
Esta la función de ayuda visible, por ejemplo, ¿una tecla () () (x)
10,8 etiquetada AYUDA o un menú especial?
¿Es compatible la interfaz del sistema de ayuda
(navegación, presentación, y la conversación), en () (x) ()
consonancia con la navegación, presentación, y las
10,9 interfaces de conversación de la aplicación?
10,10 Navegación: ¿Es fácil encontrar la información? (X) ( ) ( )

Esta misma pagina web ELTIEMPO evaluada en usabilidad por la siguiente herramienta web
https://developers.google.com/speed/pagespeed/insights/ nos arrojó los siguientes resultados.

EN MOVIL:
EN UN ORDENADOR:
Referencias
Sergio Ortega Santamaría. (s.f.). Introducción a la usabilidad y su evaluación. Universitat Oberta de
Catalunya.