1 2

Bibliografía y objetivos
Fundamentos de Informática BIBLIOGRAFÍA:
(Diseño Industrial) Para ampliar conocimientos (aunque no serán objeto de evaluación
en nuestra asignatura) se puede consultar las siguientes fuentes
E.U.P. Universidad de Sevilla bibliográficas:

Curso 2009-
2009-2010
Libro titulado “Designing the user interface : strategies for effective
human-computer interaction” (Ben Shneiderman, Catherine Plaisant)
Bloque Temá
Temático 3 (1ª
(1ª parte):
Introducción a la evaluación y diseño de Interfaces Página web (en catalán): www.iua.upf.es/~jblat/material/diss_interf/
de Usuario

OBJETIVOS:

Comprensión de los problemas del diseño de interfaces: centrarse en
el factor humano

Entender la sistemática en el contexto de la “Ingeniería del Software”:
método - ingeniería

3 4

Introducción Introducción

Las interfaces son claves en el diseño de dispositivos:
Son la cara visible de los sistemas, lo que ven los usuarios
 Son esenciales para el éxito del sistema, para que el
usuario aproveche el sistema informático
 La mejor "usabilidad" del software ahorra tiempo y por
tanto costes de los usuarios
 Para determinados sistemas son críticas (aviones,
plantas nucleares, ...)
 Se calcula que aproximadamente la interfaz de usuario
es el 50% del código de los programas
 Grupo de interés especial ACM en Interacción Persona-
Ordenador (Association for Computing Machinery -
Computer Human Interaction SIG)

La importancia del diseño crece:
 Todo el software ha ido hacia el modelo de interfaz
gráfica, con uso de ventanas, iconos, ratón, dispositivos
de señalización ... (WIMP: Windows, Icons, Mouse,
Pointing devices), dejando a un lado el modelo que era
tradicional hace unos años, basado en línea de comando
 El éxito de la Web está exigiendo que todo el software
tenga interfaces web: la WWW es el mundo entero, y no
una ventana de un ordenador (Berners-Lee)
 Cada vez más cosas son "ordenadores"
 Nuevos dispositivos móviles y personales, nuevos usos,
...
 5 6

Introducción Introducción

El diseño es un proceso:
El mejor diseño de interfaces de usuario es producto del

 La calidad del resultado final depende de cómo está trabajo en equipo:
hecho el proceso: es un trabajo de ingeniería  Psicólogos

 Es un proceso centrado en el usuario, que es primero la  Diseñadores gráficos, industriales, interactivos

fuente y luego la medida del éxito  Ingenieros (especializados en ergonomía)
 Hay que planificar, modelizar, implementar, evaluar  Antropólogos y sociólogos
 Es usualmente un proceso cíclico.  Informáticos

 ...

7 8

Introducción al concepto de “Diseño Centrado en el Usuario”

“Interacción Persona-Ordenador”

Conocida en inglés como HCI “Human Computer Interaction”
(imagen de Hewett, Baecker, Card, Carey, Gasen, mantiene, Perlman, Strong and Verplank,
ACM SIGCH Curricula for Human-Computer Interaction, 1992, 1996)

Los usuarios son la parte clave: deben ser fuente (entender
sus necesidades, su comportamiento, ...) y medida del éxito
(por ejemplo que el resultado represente mejoras de uso,
más satisfacción de los usuarios,…).

Hay muchos y muy diferentes tipos de usuarios (es muy
importante segmentar-y dar soluciones adecuadas para
cada tipo); las buenas interfaces deben permitir una mayor
accesibilidad para todos.

Un buen diseño de interfaz es clave para un buen diseño
del software, pero las funcionalidades para los usuarios, y
las funciones internas del programa son dos aspectos
independientes.
 9 10

“Diseño Centrado en el Usuario” “Diseño Centrado en el Usuario”

Una metodología de diseño centrado en el usuario implica:
Tanto por estar centrado en los usuarios, como por el
 Desarrollo del concepto del producto carácter cíclico que se necesita, una orientación clave es la
 Investigación y análisis de necesidades
evaluación de los resultados, para lo cual hay diferentes
alternativas:
 Conceptos de diseño y prototipos de pantallas clave
 Observación etnográfica
 Diseño iterativo y refinamiento
 Entrevistas de expertos
 Implementación del software
 Laboratorios de usabilidad
 Apoyo para el desarrollo
 Cuestionarios de evaluación

 Evaluación durante el uso

 …

11 12

¿Qué es la Usabilidad? (ref:wikipedia) ¿Qué es la Usabilidad? (ref:wikipedia)

La usabilidad universal (del inglés usability) es la
característica de un sistema que pretende ser utilizado por:
 tipos específicos de usuario/s,
 la tarea o tareas que para las cuales el sistema se ha hecho, y el
contexto en el que se da la interacción.

El "grado de usabilidad" de un sistema es, por su parte, una
medida empírica y relativa de la usabilidad del mismo.
 Empírica porque no se basa en opiniones o sensaciones sino en
pruebas (tests) de usabilidad, realizadas en laboratorio u
observadas mediante trabajo de campo.
 Relativa porque el resultado no es ni bueno ni malo, sino que
depende de las metas planteadas (ej: por lo menos el 80% de los
usuarios de un determinado grupo o tipo definido deben poder
instalar con éxito el producto X en N minutos sin más ayuda que la
guía rápida) o de una comparación con otros sistemas similares.

El concepto de usabilidad se refiere a una aplicación
(informática) de (software) o un aparato (hardware), aunque
también puede aplicarse a cualquier sistema hecho con
algún objetivo particular.

El modelo conceptual de la usabilidad, proveniente del
diseño centrado en el usuario, no está completo sin la idea
de utilidad. En inglés, utilidad + usabilidad es lo que se
conoce como usefulness.

Jackob Nielsen definió Usabilidad como el atributo de
calidad que mide lo fáciles que son de usar las interfaces
Web.[1
 13 14

Algunos slogans de “usabilidad” ¿Qué es la Ingeniería del Software?

(según Jakob Nielsen)

Tu mejor idea no es suficientemente buena

El usuario siempre tiene razón

El usuario no siempre tiene razón

Los usuarios no son diseñadores

Los diseñadores no son usuarios

Los "jefes" no son usuarios

Menos es más

Los detalles son importantes

La ayuda no lo es (es decir, mejor si la IU no precisa ayuda)

La ingeniería de usabilidad es un proceso

En Informática el diseño de la Interfaz de Usuario es
especialmente abordado en el contexto de la Ingeniería del
Software, si bien existen aspectos de usabilidad y
accesibilidad que son abordados por la Ingeniería del
Hardware.

La Ingeniería del Software nace como respuesta a la crisis
del software: la visión artesanal de su desarrollo había
conducido a productos muy poco fiables, y a una
productividad muy baja.

La solución está basada en desarrollar métodos y
procedimientos que, cuando se siguen, garantizan mejoras
en calidad y productividad. Hay que considerar el ciclo de
vida del software, (las etapas, qué hacer en cada etapa y
cuáles son sus resultados).

15 16

¿Qué es la Ingeniería del Software? ¿Qué parte de la Ing. del Software

emplearemos?

Diferentes fases del ciclo de vida de la Ingeniería del
En este tercer y último bloque temático trabajaremos
Software incluyen las siguientes: varios aspectos:
1. El proceso de análisis, diseño y evaluación de una interfaz
 Requisitos de usuario web mediante la metodología de diseño
 Especificaciones centrado en el usuario conocida por las siglas TRUMP.
Para trabajar esta parte del temario analizaremos un
 Diseño CASO PRÁCTICO EJEMPLAR (sobre el diseño parcial de
 Implementación un portal web para una galería de arte y museo virtual).
2. Aplicación de dos técnicas para la evaluación y el diseño:
 Testeo

Técnica de evaluación de la usabilidad:
 Instalación y formación de usuarios Test Heurístico.
 Mantenimiento y soporte
Técnica de diseño de IU web usables:
 Estándares de documentación (transversal)
Patrones de Interfaz de Usuario Web.

Nos centraremos en el análisis, diseño y evaluación de
interfaces de usuario web (IU web).