Date post: | 28-Jan-2016 |
Category: |
Documents |
Upload: | aureliano-londono |
View: | 235 times |
Download: | 0 times |
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
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
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
• 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
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
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
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
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
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
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.
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
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