Navegalidad Y Usabilidad CesióN 1

Escuela Superior de Arte y Espectáculos

Usabilidad
Navegabilidad y


Presentaciones

• Quién soy...
• Y ¿vosotros?


Programa

• Presentación de los temas
• Evaluaciones


Empezamos...
Entorno y Conceptos fundamentales


Diseño web: Entorno

• Desarrollar un proyecto web: ¿donde nos
ubicamos en la creación de un website?
• Nuevas tendencias: conceptos de Cloud
Computing, SAAS, etc.


Proceso web - Actores


Reunión Inicial


Diseño Inicial


Modiﬁcaciones
Proposición de


Modiﬁcaciones


Validación

Creación del
Documento Funcional


Código
Paso del Diseño al


Programación


contenidos
Introducción de


Validación Final


Pruebas


Publicación

Conceptos

Fundamentales

• Accesibilidad
• Usabilidad
• Navegabilidad


Accesibilidad


Usabilidad
Accesibilidad


Navegabilidad
Usabilidad
Accesibilidad


Accesabilidad
Deﬁnición
Principios directores
Medición


Deﬁnición

• La accesibilidad web se reﬁere a la capacidad
de acceso a la Web y a sus contenidos por todas
las personas independientemente de la
discapacidad (física, intelectual o técnica) que
presenten o de las que se deriven del contexto de
uso (tecnológicas o ambientales). Esta cualidad está
íntimamente relacionada con la usabilidad.



• ¿Qué dice la legislación?
• Principios y Pautas de la WAI (Web
Accessibility Iniciative).
• ¿Las ventajas?


Principios WAI
• Principio 1: Perceptibilidad - La información y los componentes de la
interfaz de usuario deben presentarse a los usuarios de la manera en que
puedan percibirlos.

• Principio 2: Operabilidad - Los componentes de la interfaz de usuario
y la navegación deben ser operables.

• Principio 3: Comprensibilidad - La información y el manejo de la
interfaz de usuario deben ser comprensibles.

• Principio 4: Robustez - El contenido debe ser lo suﬁcientemente
robusto como para conﬁarse en su interpretación por parte de una amplia
variedad de agentes de usuario, incluidas las tecnologías asistivas.


Medición

• Cumplimientos WAI (nivel A, AA, AAA)
• Herramientas automáticas: http://
www.tawdis.net/ y http://www.cast.org/
bobby/
• Pruebas con expertos y usuarios


Medición - Prioridades
1. Texto alternativo de imágenes. Se trata del fallo más habitual y es
también uno de los más fáciles de corregir.

2. Texto de los hipervínculos. Los hipervínculos son muy usados por los
ciegos para hojear la página. También por las personas con navegadores gráficos.
Conviene que su texto sea significativo cuando se lee fuera de contexto. Por
ejemplo, evitar "pincha aquí".

3. Formularios. Son vitales para la interacción con el sitio y no siempre se
verifica que sean accesibles en modo sólo texto..

4. Marcos. Hay que revisar los títulos y contenido de <noframes>.

5. Funcionamiento del sitio web con los scripts (incluido Flash)
desactivados.


Usabilidad
Deﬁnición
Medición


Deﬁnición
• “La usabilidad” (dentro del campo del desarrollo
web) es la disciplina que estudia la forma de
diseñar sitios web para que los usuarios puedan
interactuar con ellos de la forma más fácil,
cómoda e intuitiva posible.

• La mejor forma de crear un sitio web usable es
realizando un diseño centrado en el usuario,
diseñando para y por el usuario, en contraposición
a lo que podría ser un diseño centrado en la
tecnología o uno centrado en la creatividad u
originalidad.


Jakob Nielson dice...
• Learnability: How easy is it for users to accomplish basic tasks the first time
they encounter the design?

• Efficiency: Once users have learned the design, how quickly can they perform
tasks?

• Memorability: When users return to the design after a period of not using
it, how easily can they reestablish proficiency?

• Errors: How many errors do users make, how severe are these errors, and
how easily can they recover from the errors?

• Satisfaction: How pleasant is it to use the design?

Es decir la finalidad, en este caso de un sitio web, es lograr que el usuario encuentre
lo que busca en el menor tiempo posible.


Medición

• PROBAR, PROBAR, PROBAR...
• Expertos (análisis heurístico) y Usuarios


Navegabilidad
Deﬁnición
Medición


Definición
• Podríamos definir la navegabilidad de un sitio web como aquellas
propiedades de la interactividad del sitio que permiten que el usuario del
mismo sea capaz de moverse por su estructura e identificar las diferentes
secciones y contenidos de una forma sencilla y efectiva y sin perderse en él.

• La buena navegabilidad de un sitio, es en muchos casos un factor clave en su
éxito y aceptación por parte de los usuarios.

• Al diseñar tu sitio web, no te cieges en trabajar solo su aspecto gráfico y sus
características visuales, ¡¡claro que son importantes!!, por supuesto, pero
tienes que tener en cuenta, que por muy trabajada que este tu web
visualmente, si no consigues que el visitante de tu sitio pueda moverse por
ella fácilmente y encontrar en todo momento lo que busca, será muy
complicado que tenga éxito.



• ¿Dónde estoy?,

• ¿Dónde he estado?

• ¿Dónde puedo ir?


Medición

• PROBAR, PROBAR, PROBAR...


Regla de oro


Regla de oro

Entender a los usuarios


Perﬁles


Me llamo X


KISS


KISS

NO


!
IT
KEEP

SIMPLE
STUPID
KISS

NO


It´s just easier...


Comportamientos


LEER vs ESCANEAR


Eye-tracking


El Usuario Bombero


Aprender vs
Experimentar


¿Soluciones?


1. Estructura clara
2. Seguir las Convenciones
3. División de las secciones
4. Enlaces visibles
5. Minimizar el “ruido”


Estructura clara


Estructura clara

MUY IMPORTANTE

Menos importante

Nadie lo va a leer


Seguir las convenciones


Secciones claras


Enlaces visibles

Puedo hacer clic

Ya he hecho clic


Minimizar el ruido


Ejercicio
De lo que no se debe hacer... ¡nunca jamás!


http://www.goldenmean.info/


http://www.ﬁvedoves.com/


http://www.sre.gob.mx/espana/


http://www.gioupm.com/


Mini-test

Navegalidad Y Usabilidad CesióN 1

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Navegalidad Y Usabilidad CesióN 1