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

Presentación del tema: "Usabilidad y accesibilidad en el diseño de sitios Web."— Transcripción de la presentación:

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

2 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

3 Aspectos visuales: Estética, entradas y respuestas. Técnicas de interacción Organización del menú, organización de botones... Programación Elementos necesarios para cumplir tareas, sus propiedades, comportamientos y relaciones. Usabilidad en el diseño de sitios Web Arquitectura de información

4 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 Web Arquitectura de información

5 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

6 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 Web Arquitectura de información

7 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 Web Arquitectura de información

8 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 Web Arquitectura de información

9 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 de contenido buscar Refinar busqueda Usabilidad en el diseño de sitios Web Arquitectura de información

10 Cabecera Vínculo Globales Carpetas Herramientas Anuncios Navegación global Promoción Busqueda en la Web Servicios relacionados Trucos Buzón de entrada Anuncios Servicios relacionados Herramientas Salir Buzón de entrada Escribir Usabilidad en el diseño de sitios Web Arquitectura de información

11 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.sitio Web de WAIpautasrecursos

12 Accesibilidad en el diseño de sitios Web Guí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

13 Accesibilidad en el diseño de sitios Web Guía de referencia rápida World Wide Web Consortium www.w3c.orgwww.w3c.org Tim Berners-Lee http://www.w3.org/People/Berners-Lee/http://www.w3.org/People/Berners-Lee/ WAI http://www.w3.org/WAI/http://www.w3.org/WAI/ SIDAR www.sidar.orgwww.sidar.org TAW www.tawdis.netwww.tawdis.net Section 508 www.section508.govwww.section508.gov Microsoft Accesibility www.microsoft.com/enablewww.microsoft.com/enable IBM Accesibility www.ibm.com/ablewww.ibm.com/able Enlaces