USABILIDAD

FE RN AN D O L ÓP E Z TRU J I L L O
 ¿QUÉ ES USABILIDAD?

• Jakob Nielsen (el aclamado Gurú de la Usabilidad)

define la Usabilidad como el atributo de calidad
que mide lo fáciles que son de usar las interfaces
Web. La usabilidad se refiere a la claridad y la
elegancia con que se diseña la interacción con un
programa de computador o un sitio web.
 ¿QUÉ ES USABILIDAD?

• ISO 9241 Ergonomic Requirements for Office work

with visual display terminals (1998))
• “El grado en que un producto puede ser usado por usuarios
específicos, para lograr los objetivos especificados, con
eficacia, eficiencia y satisfacción en un contexto de uso
específico”.
 ¿QUÉ ES USABILIDAD?

• ISO/IEC 9126 Software Engineering Product quality (2001)

“La usabilidad es un atributo de calidad que mide lo
fácil que son de usar los interfaces de usuario”.
• Facilidad de aprendizaje…¿Qué tan fácil es para los usuarios
llevar a cabo tareas básicas la primera vez que se encuentra
con el diseño?
• Eficiencia…una vez que los usuario han aprendido el diseño
¿con que rapidez pueden realizar las tareas?
• Memorabilidad…Cuando los usuarios vuelven al diseño
después de un periodo de no usarlo ¿Con que facilidad
pueden restablecer su capacidad previa de uso?
• Errores…¿cuantos errores cometen los usuarios, que tan graves
son estos errores y con que facilidad se pueden recuperar de
los errores?
• Satisfacción…¿Qué agradable es de utilizar el diseño ?
 PRINCIPIOS BÁSICOS

• Conoce al usuario
• Conocimientos y destrezas del usuario, razones por las que
el usuario utiliza tu sistema y las expectativas que tiene.
• Minimizar la memorización
• Las personas olvidan los sistemas.
• Ejemplo: Lista desplegables con los cursos existentes en
lugar de códigos.
• Ofrecer un comportamiento predecible (no ofrecer
diferentes formas de interactuar).

User engineering principles for interactive systems, Wilfred J Hansen

 PRINCIPIOS BÁSICOS

• Optimiza las operaciones

• Facilitar la rápida ejecución de las operaciones más
comunes.
• Respetar la inercia (RUTINA) de la interfaz.
• Reducir el esfuerzo de la interacción.
• Reorganizar el sistema en función de la interacción con el
usuario.
• Gestionar los errores
• Ofrecer buenos mensajes de ERROR.
• Evitar errores más comunes.
• Posibilidad de deshacer acciones realizadas.

User engineering principles for interactive systems, Wilfred J Hansen

 CONCEJOS

• Escucha a tus usuarios

• Que tus usuarios sean el centro de tu proyecto de diseño.
Sé humilde. Escúchalos. Te ayudarán a tener éxito.

• Si no ayuda no lo pongas
• Antes de añadir un elemento de diseño a tu sitio,
pregúntate: ¿Se simplificará la tarea del usuario? ¿Añade
valor al usuario? Si la respuesta es “no”, elimínalo.

Jakop Nielsen: http://www.nngroup.com/

 CONCEJOS

• Saltar presentación de vergüenza

• La frase más vergonzosa que surgió de la era del diseño
superfluo (EXCESIVO) fue “Saltar Presentación”.

• El espacio en blanco es útil o significativo

• Tener un espacio en blanco suficiente alrededor de los
agrupamientos llama la atención de los usuarios sobre los
puntos clave sin causar fatiga visual.

Jakop Nielsen: http://www.nngroup.com/

 CONCEJOS

• El concejo de las dos frases

• Pregúntate si alguien que sólo lea las dos primeras frases de
tu página obtendrá la información que quieres transmitir.

• Cuida lo que escribes en las páginas

• Una buena redacción supone una gran diferencia en las
páginas vistas, el tiempo que se pasa en un sitio, y las
ventas. La regla esencial de la usabilidad de un sitio es
válida para el contenido escrito tanto como para el diseño:
los clientes escogen la claridad sobre la confusión.

Jakop Nielsen: http://www.nngroup.com/

 CONCEJOS

• El contenido es lo más importante

• Con pocas excepciones, la gente visita la Web por su
utilidad, no por su belleza. Tener un sitio visualmente
atractivo es bueno, por supuesto, pero el contenido es
sagrado. Después de todo, cuando la gente escribe sus
preguntas en los motores de búsqueda, no pregunta por los
atributos estéticos – está buscando información.

• Deja a los lectores leer en paz

• La gente se molesta cuando el texto parpadea o se
mueve. La gente quiere controlar su propio ritmo de
lectura, y el texto dinámico les quita el control.

Jakop Nielsen: http://www.nngroup.com/

 CONCEJOS

• Contra las letras en mayúsculas

• TODO EL TEXTO EN MAYÚSCULAS REDUCE LA VELOCIDAD DE
LECTURA APROXIMADAMENTE EN UN DIEZ POR CIERTO. LAS
LETRAS EN MAYÚSCULAS Y MINÚSCULAS TIENEN VARIACIONES
QUE ROMPEN EL TEXTO EN FORMAS RECONOCIBLES, MIENTRAS
QUE UN PÁRRAFO TODO EN MAYÚSCULAS TIENE UNA ALTURA Y
FORMA UNIFORMES, HACIENDO QUE PAREZCA FORMA POR
BLOQUES Y TODO JUNTO. ADEMÁS, LA UTILIZACIÓN DE TODAS
LAS LETRAS EN MAYÚSCULAS PUEDE PARECER INFANTIL Y DE
AFICIONADOS, O AGRESIVO O POCO PROFESIONAL. RESERVA
TODO EN MAYÚSCULAS PARA LOS ENCABEZADOS Y TÍTULOS
CORTOS, Y PARA GRITAR.

• Limita el número de tipos de letras y colores

• Limita el número de tipos de letra y los colores en tu sitio y
aplícalos con consistencia. La gente no confía en los sitios que
parecen notas de secuestro.

Jakop Nielsen: http://www.nngroup.com/

 PRUEBAS

• Paso 1
• Pruebas con usuarios reales.

• Paso 2
• Pruebas automatizadas.

• Herramientas
• A/B Testing
• Las pruebas A/B son una manera de comparar fácilmente los
cambios de una página web con el diseño actual, y determinar
qué cambios producen resultados.
• Googles Analitycs

User engineering principles for interactive systems, Wilfred J Hansen

PRUEBAS
 PRUEBAS

• ¿Cuando se deben hacer pruebas?

User engineering principles for interactive systems, Wilfred J Hansen

CRITERIOS DE CALIDAD EN EL DISEÑO

• No distraer el usuario a nivel gráfico.

• Se recomiendo Diseño Web Adaptable (Responsive
Desig).
• Pensar en los usuarios (una buena relación con los
clientes.
• ¿Qué es una web de calidad?
• Optimizado.
• Carga.
• Diseño Responsive.
• Creatividad.
CRITERIOS DE CALIDAD EN EL DISEÑO

• Concejos prototipos visuales:

• Buscar inspiración
• Paleta básica de tres colores…
• Imágenes y elementos gráficos
• Tipografías
• Iconos
CRITERIOS DE CALIDAD EN EL DISEÑO

• Concejos para trabajar tus diseños:

• Capas.
• Diseñar de general a particular.
• No abuses de recursos (espacio entre elementos, utilizar
muchos colores y abuso de tipografía).
• Otros
• decoración excesiva
• efectos complejos
• muchos elementos
CRITERIOS DE CALIDAD EN EL DISEÑO

• Concejos para trabajar tus diseños:

• Optimizar el tiempo
• Prioridades
• Diseño de elementos irrelevantes
• Diseña de según tus posibilidades
• Coherencia y visión de conjunto
• Organización en todo el proceso de diseño
• Carpeta de trabajo
• Prototipos
• Documento maestro
• Registra los cambios
• Editables
• Finales
CRITERIOS DE CALIDAD EN EL DISEÑO
CRITERIOS DE CALIDAD EN EL DISEÑO

• Como mejoro la página de AVIANCA:

1. Opciones de interés para el usuario
2. Lo primero que muestra son los vuelos para poder cotizar
3. Muestra promociones en el Slider
4. Segundo menú: con las opciones que trae el aplicativo
para móvil