usabilidad y accesibilidad en el diseño de sitios web

13
Usabilidad y accesibilidad en el diseño de sitios Web

Upload: aureliano-londono

Post on 28-Jan-2016

238 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Usabilidad y accesibilidad en el diseño de sitios Web

Usabilidad y accesibilidad en el

diseño de sitios Web

Page 2: Usabilidad y accesibilidad en el diseño de sitios Web

Usabilidad en el diseño de sitios Web

Un sitio Web con usabilidad es aquél que muestra todo de una forma clara y sencilla de entender por el usuario.

Usabilidad se refiere a la experiencia del usuario al interactuar con un sitio web

El pensar en los errores que pueden ocurrir cuando un usuario está interactuando con un sitio Web y desarrollar maneras inteligentes de manejar estos errores se llama diseño de contingencia, y juntos, diseño de usabilidad y de contingencia pueden dar lugar a un usuario satisfecho con su experiencia en un sitio Web

Page 3: Usabilidad y accesibilidad en el diseño de sitios Web

Aspectos visuales:Estética, entradas y respuestas.

Técnicas de interacciónOrganización del menú, organización de botones...

ProgramaciónElementos necesarios para cumplir tareas, sus propiedades, comportamientos y relaciones.

Usabilidad en el diseño de sitios WebArquitectura de información

Page 4: Usabilidad y accesibilidad en el diseño de sitios Web

La ESTRATEGIA es donde todo comienza.¿Cuales son los objetivos del sitio Web?¿Cuáles son las necesidades de nuestros usuarios?

El ALCANCE convierte la estrategia en requerimientos.¿Qué elementos funcionales y de contenido se requieren para satisfacer a los usuarios?

La ESTRUCTURA da forma al alcance.¿Cómo están articuladas y se comportan entre sí las diferentes piezas del sitio web?

El ESQUELETO hace la estructura concreta.¿Que componentes permiten a los usuarios interactuar con el sitio web?

La SUPERFICIE reúne todo junto visualmente.¿Cómo se ve y se siente el producto terminado?

USABILIDAD EN EL DISEÑO DE SITIOS WEB - 3

Usabilidad en el diseño de sitios WebArquitectura de información

Page 5: Usabilidad y accesibilidad en el diseño de sitios Web

• La organización del contenido debe responder a las expectativas de los usuarios.

• Mejor definición de los usuarios e identificación de sus tareas.

• Inventariar y organizar el contenido.

• Fundamentar un esquema de diseño visual consistente y estructurado.

• Crear una estructura lógica para proyectos Web.

• Se indican las áreas temáticas.

• Las paginas que contienen enlaces globales y tiras publicitarias están señaladas.

USABILIDAD EN EL DISEÑO DE SITIOS WEB - 4

Usabilidad en el diseño de sitios Web

Una deficiente usabilidad equivale a que no

haya clientes.

Arquitectura de información

Page 6: Usabilidad y accesibilidad en el diseño de sitios Web

Errores comunes en el desarrollo de proyectos Web

• Modelo de Negocios. La Web como folleto.

• Gestión de Proyectos. Debe ser gestionado como proyecto específico de interfaz de cliente.

• Arquitectura de la información. Debe reflejar las tareas de los usuarios/a y sus puntos de

vista en el espacio informativo, no la estructura de la empresa.

• Diseño de paginas. El usuario debe tener una experiencia optima en circunstancias reales.

• Creación de contenido. Escribir para la web: textos para “escanear” con la mirada, no para

“leer”. Explotar el hipertexto.

• Estrategia de vinculación. Vinculación a otros sitios y puntos de entrada para que otros

coloquen sus vínculos.

Usabilidad en el diseño de sitios WebArquitectura de información

Page 7: Usabilidad y accesibilidad en el diseño de sitios Web

Análisis de Usuarios y Tareas

Se centran en la comprensión de:

• Cuales son los objetivos de los usuarios; Qué están intentando conseguir: Información, diversión …• Qué hacen los usuarios en la actualidad para conseguir estos objetivos.• Su manera de pensar en la información, de agruparla y de organizarla.• Las expectativas que tienen sobre su sitio.• Qué características personales, sociales y culturales aportan a las tareas.• Cómo están influenciados los usuarios por su entorno físico.• Cómo sus conocimientos y práctica previos influyen en cómo viven su experiencia y los pasos que siguen para realizar sus tareas.

Usabilidad en el diseño de sitios WebArquitectura de información

Page 8: Usabilidad y accesibilidad en el diseño de sitios Web

Un análisis de tareas permite:

• Descubrir que tareas debe admitir el sitio Web.

• Determinar el alcance apropiado del contenido del sitio Web.

• Decidir qué aplicaciones debe incluir el sitio Web.

• Refinar o redefinir la navegación o la búsqueda en el sitio Web para servir mejor a los usuarios

•Construir páginas y aplicaciones Web que coincidan con los objetivos, tareas y pasos de los

usuarios.

Usabilidad en el diseño de sitios WebArquitectura de información

Page 9: Usabilidad y accesibilidad en el diseño de sitios Web

Ejemplo de análisis de tarea

Desde la página de búsqueda el usuario envia una pregunta.

El sistema revisa si la pregunta es valida, y si no, devuelve al usuario a la pagina de busqueda.

Si la pregunta es válida se le presenta al usuario una serie paginas de resultados.

Desde estas paginas el usuario puede ingresar a una o mas paginas que contengan la respuesta buscada o retornar a la pagina de busqueda para refinar su busqueda.

Pregunta de busqueda

invalido

valido

Resultados

Paginas decontenido

buscar

Refinarbusqueda

Usabilidad en el diseño de sitios WebArquitectura de información

Page 10: Usabilidad y accesibilidad en el diseño de sitios Web

Cabecera

Vínculo Globales

Carpetas

Herramientas

Anuncios

Navegación global

Promoción

Busqueda en la Web

Servicios relacionados

Trucos

Buzón de entrada

Anuncios

Anuncios

Servicios relacionados

Herramientas

Salir

Buzón de entrada

Escribir

Usabilidad en el diseño de sitios WebArquitectura de información

Page 11: Usabilidad y accesibilidad en el diseño de sitios Web

Accesibilidad en el diseño de sitios Web

Es muy importante que la Web sea accesible para así proporcionar un acceso equitativo e igualdad de oportunidades a las personas con discapacidad.

La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web.

La accesibilidad Web se ha entendido siempre como responsabilidad de los desarrolladores Web.

Es importante que el software ayude a los desarrolladores a generar sitios Web accesibles .

El sitio Web de WAI proporciona pautas y recursos que ayudan a hacer la Web accesible.

Page 12: Usabilidad y accesibilidad en el diseño de sitios Web

Accesibilidad en el diseño de sitios WebGuía de referencia rápida

•Imágenes y animaciones: use texto alternativo (atributo alt)

•Mapas de imagen: usar mapas de cliente y texto alternativo para las zonas activas

•Multimedia: facilitar subtítulos y versiones accesibles

•Enlaces de hipertexto: Use texto que tenga sentido: no usar “click aquí” o similares

•Organización de las páginas: Usar CSS

•Gráficos y cuadros: Usar el atributo longdesc (El atributo longdesc se emplea para ofrecer una descripción más larga del elemento que la proporcionada por el atributo alt.)

•Scripts, applets y plug-in: Ofrecer alternativas accesibles

•Tablas: que se puedan leer línea a línea.

•Revisar el trabajo: Validar el código HTML. Verificar la accesibilidad

Referencia rápida

Page 13: Usabilidad y accesibilidad en el diseño de sitios Web

Accesibilidad en el diseño de sitios WebGuía de referencia rápida

•World Wide Web Consortium www.w3c.org

•Tim Berners-Lee http://www.w3.org/People/Berners-Lee/

•WAI http://www.w3.org/WAI/

•SIDAR www.sidar.org

•TAW www.tawdis.net

•Section 508 www.section508.gov

•Microsoft Accesibility www.microsoft.com/enable

•IBM Accesibility www.ibm.com/able

Enlaces