Metodo de Jakob Nielsen.ppsx

PRINCIPIOS DE USABILIDAD
JAKOB NIELSEN
Profesor DAYNER FELIPE ORDOÑEZ LÓPEZ
INSTITUCION UNIVERSITARIA COLEGIO MAYOR DEL CAUCA
Facultad de Ingeniería
Octubre 19 de 2022
https://www.google.com/search?q=JACKOB+NIELSEN+PRINCIPIOS+DE+USABILIDAD+&tbm=isch&ved

USABILIDAD JAKOB NIELSEN.
Existen muchos tipos de test y pruebas para
evaluar la usabilidad y asegurar que los
diseños ofrezcan una buena experiencia
del usuario.
Jakob Nielsen
Una de las más conocidas son las 10 reglas
heurísticas del “padre” o “gurú” de la
usabilidad, Jakob Nielsen.

Las tres tesis principales de Jakob Nielsen son:
• Pruebas de usuario simplificadas: Las pruebas con pocos
usuarios y los métodos cualitativos como: Los formularios de
evaluación, las entrevistas y el protocolo Thinking Aloud.
• Prototipos reducidos: El diseño de la interfaz de usuario puede realizarse en papel
antes de que el programa se escriba en el ordenador. Esto es más rápido y fácil de probar.
• Evaluación heurística: El diseño de una interfaz de usuario se comprueba con las
leyes de usabilidad actuales, la llamada heurística, y luego se inspecciona y, si es
necesario, se somete a un proceso iterativo y repetitivo mediante la mejora constante de
la aplicación con respecto a la heurística.

• Pruebas de usuario simplificadas: Las pruebas con pocos
usuarios y los métodos cualitativos como: Los formularios de
evaluación, las entrevistas y el protocolo Thinking Aloud.
• Prototipos reducidos: El diseño de la interfaz de usuario puede realizarse en papel
antes de que el programa se escriba en el ordenador. Esto es más rápido y fácil de probar.
• Evaluación heurística: El diseño de una interfaz de usuario se comprueba con las
leyes de usabilidad actuales, la llamada heurística, y luego se inspecciona y, si es
necesario, se somete a un proceso iterativo y repetitivo mediante la mejora constante de
la aplicación con respecto a la heurística.
• Prototipos reducidos: El diseño de la interfaz de usuario
puede realizarse en papel antes de que el programa se escriba en
el PC. Esto es más rápido y fácil de probar.

• Evaluación heurística: El diseño de una interfaz de usuario se
comprueba con las leyes de usabilidad actuales, las llamadas
heurísticas y luego se inspecciona y, si es necesario, se somete a
un proceso iterativo y repetitivo mediante la mejora constante de la
aplicación con respecto a la heurística.

10 PRINCIPIOS HEURISTICOS.

H1 - Visibilidad del sistema: Explica al usuario cuál es el estado del
sistema en cada momento, y mantenerle informado de lo que está
pasando. Ejemplo:
1. Su mensaje se ha enviado con éxito,
2. Desea guardar el archivo?,
3. Las barras de proceso…

H2 - Coincidencia entre el sistema y el mundo real: El
sistema debe hablar el lenguaje de los usuarios, con las
palabras, frases y conceptos familiares. Utilizar convenciones
del mundo real, haciendo que la información aparezca en un
orden natural y lógico.. Ejemplos:
Inicio
Papelera
Adicionar

H3 - Control y libertad del usuario: El
usuario debe poder navegar libremente,
encontrar con facilidad “salidas” y “rutas
alternativas”.
Ejemplo:
 Funciones de “hacer” y “deshacer”,
 Mensajes de alerta,
 Mecanismos de escape.

H4 - Consistencia y estándares: Establecer unas convenciones
lógicas y mantenerlas siempre (mismo lenguaje, mismo flujo de
navegación…seguir guía de estilo)
Ejemplo:
 El menú debe funcionar de manera equivalente en las diferentes vistas del sistema.
 Usar los mismos diseños en las diferentes vistas del sistema.
 Usar los mismos íconos en las diferentes vistas del sistema.
https://www.google.com/search?q=ICONOGRAFIA+DE+ANDROID&tbm=isch&ved=2ahUKEwi5jJ3Dst7oAhXZQDABHdlCB0QQ2

H5 - Prevención de errores: tratar de evitar que los errores ocurran
(advertencias)
Ejemplos:
 Realizar una comprobación en tiempo real
 En el llenado de formularios los campos obligatorios se marcan con *
 Los atajos con el teclado “@”, Ñ.

H6 - Minimizar la carga cognitiva: el usuario debe saber
intuitivamente como se hace algo, no se puede esperar que los
usuarios recuerden o memoricen información, se debe mostrar si es
necesaria en el proceso, las instrucciones deben estar a la vista
cuando sea necesario.
Ejemplos:
 Un ejemplo de este principio es el carrito de compras.
 Visitar a la pagina de mercado libre tiene un historial de la navegación.
 Digitas la cedula y ya salen todos los datos…

H7 - Flexibilidad y eficacia de uso: Permite que el sistema pueda
adaptarse a los usuarios frecuentes.
Ejemplo:
Páginas que adaptan el tamaño de la letra A, A, A
Permitir deshacer
Proporcionar atajos de teclado para tareas frecuentes
Mostrar los últimos artículos que le han interesado al usuario en su
última visita.

H7 - Flexibilidad y eficacia de uso.

H8 - Diseño Estético y Minimalista: Muestra sólo lo necesario y
relevante en cada situación, no distraigas al usuario con información
extra poco relevante.

H8 - Diseño Estético y Minimalista:

H9 - Ayuda a los usuarios a reconocer y corregir sus errores:
mensajes de error sencillos, sugiriendo soluciones
Constructivas.
Ejemplo:
 No usar en las páginas web el error común: “Error 404”
 Usar mensajes: Haga clic en el enlace para volver a la página principal.

FATAL!
H9 - Ayuda a los usuarios a reconocer y corregir sus errores:

H10 - Ayuda y documentación: Lista de pasos concretos para la
utilización del sistema.
Ejemplo:
En las páginas web el uso de preguntas frecuentes.

EL METODO NIELSEN.

Evaluación heurística:
La evaluación heurística esta basada en principios y la realizan evaluadores
expertos que conocen un conjunto de heurísticas. No se hace en un laboratorio,
pero si se requiere un computador con acceso a internet.
EL GRUPO debe ser IMPAR y reducido de evaluadores (3-5). Lo que hacen es
evalúar el sistema, utilizando heurísticas de usabilidad.

Un solo evaluador encontrará relativamente pocos problemas.
Los evaluadores deben primero trabajar independientemente, después en
conjunto.
La experiencia de los evaluadores influye en el número de problemas
encontrados.
Se pueden usar listas de comprobación (checklist).

Tips:
La experiencia de los evaluadores influye el número de problemas encontrados.
Se pueden usar listas de comprobación (checklist).

FASES DE LA
EVALUCIÓN
HEURISTICAS
FASE 1
Trabajo Individual:
Listado de
problemas
FASE 4
Trabajo en grupo
Análisis de los
resultados
FASE 3
Trabajo individual
Calificación de los
problemas
FASE 2
Trabajo en grupo:
Concertación de
problemas
EVALUACIÓN HEURÍSTICA
FASES

Trabajo individual:
Cada evaluador trabaja independientemente 1-2 horas, evaluando
primero el sistema en general, después en detalles de acuerdo a los
principios de diseño no siendo obligatorio encontrar un error de cada
principio.
Cada evaluador prepara un listado individual de potenciales
problemas de usabilidad y un listado de aspectos positivos.
Fase 1

Fase 2
Trabajo grupal (coordinado por un evaluador supervisor)
Los evaluadores juntan los problemas identificados en un solo listado, puede
presentarse problemas repetidos
Id Problema Definición del Problema Explicación del problema Principio
Incumplido
Referencia Figura
P 1
Precio del articulo en
dólares
Al momento de
acceder al pago del
articulo, el precio
aparece en dólares.
H2 Figura 1

Fase 3
Trabajo individual
Cada evaluador califica independientemente la severidad y la frecuencia
de cada uno de los problemas del listado común.
Ejemplo:
En Mercado libre no se encuentra fácilmente la barra de búsqueda,
Severidad alta.
Severidad : Que tan grave es un problema
Frecuencia : Ocurrencia del suceso o acontecimiento.

Fase 3

Fase 3
Ejemplo
Id
Problema
Definición del
Problema
Severidad Frecuencia
P 1 Precio del
articulo en
dólares
3 3

Trabajo grupal
 Se calculan promedios de severidad, frecuencia y criticidad
(severidad + frecuencia) para cada problema.
 Se establecen rankings de problemas, se analizan los resultados, se
sugieren soluciones.
Fase 4
CRITICIDAD = FRECUENCIA + SEVERIDAD

Fase 3
Ejemplo
Id
Problema
Definición del
Problema
Severidad Frecuencia Criticidad
P 1 Precio del
articulo en
dólares
3 3 6

EJEMPLO – RANKINGS SEGÚN CRITICIDAD Fase 4

Fase 4
EJEMPLO – SEVERIDAD Y FRECUENCIA

... DESVIACIÓN ESTANDAR - CRITICIDAD
Cálculo de desviación estándar para cada uno de los problemas (según criticidad).
Desviación Estándar: En un conjunto de datos es una medida de dispersión, que
nos indica cuánto pueden alejarse los valores respecto al promedio (media), la
desviación estándar a mayor el valor, mayor la distancia entre cada dato y la media,
su fórmula es: =DESVEST(B5:B9)
Fase 4

EJEMPLO – DESVIACIÓN ESTANDAR - CRITICIDAD Fase 4

EVALUACIÓN HEURÍSTICA RESUMEN
FASE 1. TRABAJO INDIVIDUAL : Identificación de Problemas
Id Problema Definición del Problema Explicación del problema Principio
Incumplido
Referencia Figura
P 1
El idioma no cambia
en su totalidad.
Cuando el usuario
desea cambiar el
idioma del portal el
mismo no cambia en
su totalidad.
H2, H4 Figura 1

FASE 1. TRABAJO INDIVIDUAL : Identificación de Problemas
Figura 1. No cambia el idioma.

FASE 2. TRABAJO GRUPAL : Concertación de Problemas.
PRINCIPIO
HEURISTICO
DEFINICION DEL PH PROBLEMAS QUE
INCUMPLEN EL PH
NUMERO DE
PROBLEMAS QUE
INCUMPLEN EL
PRINCIPIO
H1
Visibilidad del
Sistema.
P1, P3, P6 3

FASE 3. TRABAJO INDIVIDUAL: Se califica Severidad y
Frecuencia.

FASE 3. TRABAJO INDIVIDUAL: Se califica Severidad y
Frecuencia.
Id
Problema
Definición del
Problema
EVALUADOR 1 EVALUADOR 2
SEVERIDAD FRECUENCIA SEVERIDAD FRECUENCIA
P 1
El idioma no
cambia en su
totalidad.
4 3 4 4

FASE 4. TRABAJO GRUPAL: Se calcula la CRITICIDAD.
Id
Problema
Definición del
Problema
EVALUADOR 1 EVALUADOR 2
SEVERIDAD FRECUENCIA CRITICIDAD SEVERIDAD FRECUENCIA CRITICIDAD
P 1
El idioma no
cambia en su
totalidad.
4 3 7 4 4 8

ANALISIS
• Se pueden obtener ranking de problemas por SEVERIDAD.
• Se pueden obtener ranking de problemas por FRECUENCIA.
• Se pueden obtener ranking de problemas por CRITICIDAD.

ANALISIS: Se obtiene la desviación estándar… desvest.m(xx..yy)

ANALISIS: Se proponen Soluciones.
Id DEL
PROBLEMA
POSIBLE SOLUCION
P1
Se debe instalar un framework de Moodle que permita cambiar el
lenguaje del sitio en su totalidad evitando ambigüedades y
presentación en diferentes idiomas.

Preguntas?

Metodo de Jakob Nielsen.ppsx

Recommended

Recommended

More Related Content

Similar to Metodo de Jakob Nielsen.ppsx

Similar to Metodo de Jakob Nielsen.ppsx (20)

More from Dayner Felipe Ordoñez López

More from Dayner Felipe Ordoñez López (20)

Recently uploaded

Recently uploaded (20)

Metodo de Jakob Nielsen.ppsx