Usabilidad y Accesibilidad

Slides:



Advertisements
Presentaciones similares
Information Society Technologies (IST)
Advertisements

UD 4:Instalación y administración de servicios Web Introducción Jorge De Nova Segundo.
Lluís Codina Universidad Pompeu Fabra Septiembre 2007 Posicionamiento de Páginas Web: Análisis y Evaluación Curso "Biblioteca Virtual en Ciencias de la.
Lluís Codina UPF/IDEC Octubre 2010 Posicionamiento Web Cuarta parte: Análisis y Métodos - 2.
Rogelio Ferreira Escutia Unidad IV Desarrollo y Evaluación de Interfaces de Usuario Interfaces Hombre-Máquina.
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
CONCHA MAYORAL PALAU SUBDIRECCIÓN GENERAL DE ACCESO A LA SOCIEDAD DE LA INFORMACIÓN MADRID, 10 DE MAYO DE 2004 BIBLIOTECAS ACCESIBLES EN LA WEB: UN RETO.
Accesibilidad en un OPAC Web La Experiencia en Sirsi Marcos Cuesta Coordinador de Servicio al Cliente Sirsi Iberia Mayo 2004.
Kit de Accesibilidad Web versión 1.0
· Sitio especialmente desarrollado y diseñado para personas con dificultades visuales · Accesible desde la pag. de inicio de LA NACION LINE · Lanzamiento:
INASP Cascading Workshop: Electronic Journals and Electronic Resources Library Management: Evaluation and Quality Evaluación y calidad De publicaciones.
Uso de la evaluación y monitoreo. Objetivos Entender las técnicas de evaluación y monitoreo del uso de un recurso electrónico Discutir algunos lineamientos.
Una página web es una fuente de información adaptada para la World Wide Web(WWW) y accesible mediante un navegador de Internet. Un sitio web es un conjunto.
THE WORLD WIDE WEB La World Wide Web es una red de ordenadores alrededor de todo el mundo. Todos los ordenadores en la red (web) se pueden comunicar entre.
Definición: En consecuencia, podemos definir la accesibilidad Web como la posibilidad de que un producto o servicio web pueda ser accedido y usado por.
Guías para Accesibilidad del Contenido Web 1.0
Ana María Plácido Castro José Juan Hernández Cabrera Javier Sánchez Pérez Año 2001 Diseño de interfaces humanas. Escuela Universitaria de Informática.
Taller Diseño de Sitios Web Accesibles
Arquitectura de la información en sitios web y Usabilidad
Introducción a la Ingeniería de la Usabilidad
ATeDis Tecnologías de Apoyo y Ayudas Técnicas
Maestro. ISI Jéber G. Martínez Ríos. Universo Web ¿Qué es Internet? Nace en la Guerra Fría, en los 60s. ARPANET Hello World! Surgimiento de ISPs en los.
Para qué necesitabais esa información y concretar qué es lo que sabíais sobre el tema Vamos a aprender a buscar información útil en Internet.
Tu empresa Ing. Diego J. Arcusin Universidad del Cema – Facultad de Ingeniería En Internet? ¿Cómo crear.
Usabilidad Esta breve presentación te servirá para conocer el significado de la palabra usabilidad y los aspectos más importantes Esperando sea de utilidad.
Introducción Tema Importancia de los Interfaces de Usuario
Buscar bibliografía en
Previa a la obtención del Título de: INGENIERO EN SISTEMAS E INFORMÁTICA Año 2012.
TEMA 3: ACCESIBILIDAD A LOS SITIOS WEB
CSS 3.
Introducción al HTML Colnodo Ariel Barbosa & Sylvia Cadena
Introducción a Lenguajes web
Características generales de un servicio Web.
LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE INFORMACIÓN
Principios de diseño de Interfaces Prof. Adelaide Bianchini
Introducción al desarrollo de proyectos RIA.
DESARROLLO DE APLICACIONES Breves apuntes de accesibilidad
Accesibilidad Web Conceptos y más Ing. Fabiana Contreras Pérez, MAP TEC Digital Set 2013.
Ofrece mejoras en el uso de su plataforma para usuarios con discapacidades físicas y visuales.
TALLER OpenCms Creación de un portal Fase de Análisis y Diseño Arquitectura de Información Diseño Gráfico Usabilidad y Accesibilidad Fase de Desarrollo.
ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia.
Recuperación y acceso a la información Práctica 1: Creación y Posicionamiento de un WIKI Cristian Fernández Soria.
Aplicando las Pautas ¡¡Comprendiéndolas!!. El espíritu “El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad,
Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores  IETester.
Accesibilidad Web.
Diseño de Páginas Web Unidad 7. 5 puntos imprescindibles 11. Conocer los grupos de trabajo que sobre la red tratan la accesibilidad y el intercambio de.
Accesibilidad Emmanuelle Gutiérrez y R. Coordinadora del en las Redes.
ACCESIBILIDAD EN LA WEB Claudio Segovia. ¿Quiénes pueden tener problemas de accesibilidad? TODOS ACCESIBILIDAD EN LA WEB.
Accesibilidad y Usabilidad Web Mayo ¿Quiénes usan la web? Personas: Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes.
IV Semana de la Interactividad 3 de noviembre de 2009.
Estudio de accesibilidad de la tienda online de adolfodominguez.com
 ¿Qué es la Web? Sitio que contiene hojas electrónicas con información, que integra hipervínculos que permiten enlaces a otros sitios, otros textos.
Gabriel Montañés León. RSS es el acrónimo de Really Simple Sindication (Sindicación Realmente Simple). Es un formato basado en el lenguaje XML que permite.
Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.
TECNOLOGIAS ACCESIBLES
Desarrollo HTML, XHTML y CSS. Estructura de una página HTML Documento sin título.
¿Qué es Accesibilidad? Accesibilidad Web  acceso universal a la Web
Tema 3.2: Accesibilidad a los sitios web. Estándares de accesibilidad
Tema 3.3: Evaluación de la accesibilidad web Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid Asignatura Humanidades:
Tema 3.1: Principios de diseño web accesibles Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid Asignatura Humanidades:
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
Accesibilidad de contenidos para discapacitados a través de Estándares de Metadatos en entornos virtuales de aprendizaje: IF-Project-Academic *Mengual.
Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños.
TALLER de ACCESIBILIDAD WEB
Nombre de la Institución evaluada:Ministerio Secretaría General de Gobierno Url evaluadahttp:// Evaluador: Tomás Gómez Fecha y hora inicio.
2.1 Conocer la terminología básica del software para diseñar una página Web
Accesibilidad, hojas de estilo en cascada y usted.
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
Diseño Web Centrado en el Usuario Usabilidad y Arquitectura de la Información Seminario Ciberculturas UNR Prof. Silvana Comba y Prof. Edgardo Toledo.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
Transcripción de la presentación:

Usabilidad y Accesibilidad David Horat

Usabilidad

¿Qué es la usabilidad? Capacidad de uso Sencillez de uso de un objeto para realizar un objetivo Elegancia y claridad en la interacción de un usuario con una aplicación “La usabilidad es como la salud, se percibe sólo cuando falta.”

Principios básicos Facilidad de Aprendizaje Flexibilidad Robustez Eficiencia

Consideraciones ¿Quiénes son los usuarios, cuáles sus conocimientos, y qué pueden aprender? ¿Qué quieren o necesitan hacer los usuarios? ¿Cuál es la formación general de los usuarios? ¿Cuál es el contexto en el que el usuario está trabajando? ¿Qué debe dejarse a la máquina? ¿Qué al usuario?

Disciplinas Interacción Persona-Ordenador (IPO) Human-Computer Interaction (HCI) Computer-Human Interaction (CHI) Desarrollo Centrado en el Usuario (DCU) User Centric Development (UCD)

Fallos clásicos Fijarse en los procesos de diseño y no en los usos Diseñar para uno sin pensar en los demás usuarios de tu aplicación No probarlo con usuarios reales

Ejemplos Tetera de Donald Norman Objetos cotidianos Letreros en las estaciones de tren Móviles: Motorola, Nokia y Panasonic Interfaz complicada Moodle Los mayores fallos en la web Los mayores fallos en los blogs

Tetera ¿Por qué las cosas son difíciles de utilizar? “El problema radica en el desarrollo del producto, en el énfasis de la tecnología en vez del usuario, la persona para la cual está hecho el dispositivo.” (Donald Norman, The invisible computer) Donald Norman. The design of everyday things

Objetos cotidianos

Letreros en las estaciones de tren

Móvil Panasonic

Móvil Motorola

Móvil Nokia

Móvil Nokia

Interfaces complicadas

Moodle

Los mayores fallos en la web Problemas de legibilidad Fuentes pequeñas Bajo contraste Enlaces no estándar No descriptivos No funcionan de forma esperable Flash Evitar animaciones gratuitas Textos largos y tediosos

Los mayores fallos en la web Búsquedas fallidas Incompatibilidad de exploradores web Formularios largos y engorrosos Falta de información de contacto Pop-ups Elementos no útiles Iconos no descriptivos Falta de control de la web

Los mayores fallos en blogs Falta de información del autor Títulos no descriptivos del artículo Enlaces no descriptivos No referencia a textos antiguos Falta de definición del público objetivo No tener un dominio propio

Accesibilidad

Definición Capacidad de ser usado por el mayor número de personas Sin modificación Incluyendo gente con discapacidad Acceso para todos

Legislación España Ley de Integración Social de los Minusválidos, 1982 Plan de Acción Info XXI, 2001-2003 Integración de los discapacitados en las nuevas tecnologías Ley de Servicios de la Sociedad de la Información y el Comercio Electrónico Los sitios web de la administración deben ser accesibles

Legislación Reino Unido Alemania Estados Unidos Naciones Unidas Disability Discrimination Act 1995 Alemania Decreto sobre Tecnología de la Información Libre de Barreras 2002 Estados Unidos Americans Disabilities Act of 1990 Naciones Unidas Normas Uniformes sobre la igualdad de oportunidades para las personas con discapacidad 1993

Algunas palabras clave Transportes públicos Ordenadores Web Juegos Diseño universal Ayudas técnicas

Accesibilidad web Independencia del dispositivo Navegador web estándar (PC) Navegador web reducido (PDA, Móviles, …) Ayudas técnicas Lectores de texto Reconocimiento de voz para comandos Terminal braile Ampliación de la pantalla Traducción automatizada

Web Accessibility Initiative Iniciativa del W3C para mejorar la accesibilidad en la web Guías de desarrollo Web Content Accessibility Guidelines (WCAG) Authoring Tool Accessibility Guidelines (ATAG) User Agent Accessibility Guidelines (UAAG) XML Accessibility Guidelines (XAG) http://www.w3.org/WAI/

WCAG 1.0 Nivel A (must) - Prioridad 1 Ejemplo: especificar un equivalente textual para los elementos no textuales Nivel AA (should) - Prioridad 1 y 2 Ejemplo: usar hojas de estilo para el diseño y la presentación Nivel AAA (may) - Prioridad 1, 2 y 3 Ejemplo: especificar la forma completa de cada abreviación en la primera ocurrencia http://www.w3.org/TR/WCAG10/

Formatos estándar en la web Importancia de ceñirse a estándares abiertos HTML 4.01 ó XHTML 1.0 Strict, Transitional o Frameset http://validator.w3.org/ CSS nivel 1 ó CSS nivel 2 http://jigsaw.w3.org/css-validator/ http://csszengarden.com/

HTML 4 vs XHTML 1.0 Documentos bien formados <p> <em> hola </p> </em> <p> <em> hola </em> </p> Elementos y atributos en minúscula <P> hola </P> <p> hola </p> Cierre de todos los elementos no vacíos <p> hola <p> david <p> hola </p> <p> david </p>

HTML 4 vs XHTML 1.0 Atributos siempre entre comillas <td rowspan = 3> <td rowspan = “3”> Siempre dupla atributo-valor <dl compact> <dl compact = “compact”> Elementos vacíos con cierre <br> <br/>

World Usability Day

World Usability Day 2006 Martes, 14 de noviembre de 2006 Título: Making Life Easy! Enfocado a la accesibilidad y la inclusión de personas discapacitadas España Barcelona (Usability Gymkhana 2006). http://www.worldusabilityday.org/event/show/31 Madrid (UXA 36-Hour) http://www.worldusabilityday.org/event/show/77 Las Palmas de Gran Canaria (La noche temática) http://www.worldusabilityday.org/event/show/161 http://www.worldusabilityday.org/

Referencias Usability Professionals´ Association World Usability Day http://www.usabilityprofessionals.org/ World Usability Day http://www.worldusabilityday.org/ ACM´s SIG on Computer-Human Interaction http://www.sigchi.org/ Movimiento por la Usabilidad, Semántica y Accesibilidad en la web (MUSA) http://www.qweos.net/profesionales/ Google + “Usability” o “Accesibility”

¿DUDAS, CONSULTAS O PREGUNTAS?

David Horat http://davidhorat.com/ FIN David Horat http://davidhorat.com/