Está en la página 1de 12

Usabilidad en el diseño de sitios

Web
Usabilidad en el diseño de sitios Web

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

Un sitio Web con usabilidad es aquél que muestra todo de una forma clara y
sencilla de entender por el usuario.
Usabilidad en el diseño de sitios Web
Arquitectura de información

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

La SUPERFICIE reúne todo junto visualmente.


¿Cómo se ve y se siente el producto terminado?

El ESQUELETO hace la estructura concreta.


¿Que componentes permiten a los usuarios interactuar con
el sitio web?

La ESTRUCTURA da forma al alcance.


¿Cómo están articuladas y se comportan entre sí las
diferentes piezas del sitio web?

El ALCANCE convierte la estrategia en requerimientos.


¿Qué elementos funcionales y de contenido se requieren para
satisfacer a los usuarios?

La ESTRATEGIA es donde todo comienza.


¿Cuales son los objetivos del sitio Web?
¿Cuáles son las necesidades de nuestros usuarios?

USABILIDAD EN EL DISEÑO DE SITIOS WEB - 3


Usabilidad en el diseño de sitios Web
Arquitectura de información

Una deficiente usabilidad equivale a que no haya clientes.

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

Pregunta de
Ejemplo de análisis de tarea busqueda

buscar

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

valido
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 Refinar Resultados


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

Vínculo Busqueda
Globales Servicios
relacionados Buzón de en la Web
entrada
Cabecera Salir
Herramientas
Promoción

Carpetas Trucos

Buzón de Escribir
entrada
Anuncios Anuncios

Herramientas

Navegación Servicios
global relacionados

Anuncios
Accesibilidad en el diseño de sitios Web

La accesibilidad Web significa que personas con algún tipo de


discapacidad van a poder hacer uso de la 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 se ha entendido siempre como responsabilidad de los


desarrolladores Web.

Es importante que el software ayude a los desarrolladores a generar sitios


Web accesibles .

.
Accesibilidad en el diseño de sitios Web
Guía de referencia rápida

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

También podría gustarte