Calidad en sitios web

Calidad en sitios Web

Adaptado por Miguel Castillejo
UPLA
De la versión original de Lluís Codina
UPF

Septiembre 2012

Los seis grandes
componentes
1. Contenido

2. Acceso a la Información

3. Ergonomía y usabilidad

4. Accesibilidad

5. Visibilidad y posicionamiento

6. Código fuente, metadatos e interoperabilidad

Septiembre 2012 Adaptado por M.Castillejo de L. Codina 2
Calidad en Sitios Web: Componentes

Contenido
 Fuente / Autoría
 Autoridad/Solvencia
 Credibilidad/Transparencia

 Contenido
 Originalidad
 Edición
 Vinculación público/objetivos
 Volumen de información
 Actualización

Acceso a la Información
 Navegación
 ¿Dónde estoy? > Identificación + Contexto
 ¿A dónde más puedo ir? > Menús
 ¿Dónde he estado ya? > Enlaces visitados
 Interrogación
 Búsqueda simple > En todas las páginas
 Búsqueda avanzada > En una página de 2º nivel
 Sistema de ayuda > Para búsquedas fallidas


Navegación - I
 Componentes
1. Sistema de etiquetas (labeling)
2. Navegación global/navegación constante
3. Navegación local
4. Informaciones de contexto
5. Índices
6. Mapa del sitio
 Navegación
1. Estructural (o Vertical)
2. Semántica (u Horizontal)
 Respeto por las convenciones

Navegación II: Convenciones
frecuentes
 Enlaces subrayados o una convención de igual
fuerza
 Menús en la parte superior o en un lateral
 Indicaciones de contexto
(títulos, fechas, caminos)
 Navegación estructural: constante + local
 Navegación semántica: enlaces hipertextuales
internos y externos


Esquema de una página típica


Ergonomía / Usabilidad (1)
 Ergonomía:
 Capacidad de adaptación de un sistema al
usuario
 Usabilidad:
 Facilidad con la cual los usuarios pueden realizar
tareas


Ergonomía / Usabilidad (2)
 Ergonomía:
 Legibilidad
 Relación figura/fondo
 Accesibilidad
 Rapidez
 Uso adecuado de tecnologías
 Usabilidad:
 Facilidad de uso
 Lenguaje del usuario (no del sistema)

WAI: Web Accessibility
Initiative (1.0)
 Proyecto del W3C:
 Strategies, guidelines, resources to make the
Web accessible to people with disabilities
 Web accessibility means that people with
disabilities can perceive, understand, navigate,
and interact with the Web, and that they can
contribute to the Web


Objetivos / Motivación:

 Motivación egoísta > Incorporar a personas
discapacitadas a la Red > Aumentar la
audiencia
 Motivación de equidad > Iguales
oportunidades para personas discapacitadas
 Motivación de eficiencia > Los
discapacitados son la audiencia


Ventajas de los contenidos
accesibles
 Incremento de audiencia (10-20%)
 Páginas compatibles con los próximos
navegadores
 Menores costes de mantenimiento
 Menores costes de servidor
 Sitios más coherentes y fáciles de navegar
 Incremento de la visibilidad (SEO)
 Sitios que cumplen con la ley

Desventajas

 Costes entre moderados y altos en nuevas
páginas, en algunos casos

 Costes altos para transformar páginas
preexistentes, en algunos casos


Visibilidad

 Posicionar:
 Colocar una cosa en un lugar óptimo

 Posicionamiento web:
 Lo esencial: Aparecer en la primera página
de resultados de los motores de búsqueda
 Adicionalmente: Aparecer en directorios y
portales


Factores que benefician el
posicionamiento
 Principales factores internos:
 Contenido original
 Actualizaciones
 URL
 Metadatos (title, alt, meta)
 Principales factores externos:
 Número de enlaces de entrada “de buena reputación”
 Texto de los enlaces de entrada
 Profundidad de indización en los motores
 Presencia en directorios y portales


Factores que perjudican el
posicionamiento
 Factores internos:
 Diseño de la página (p.e. frames)

 Uso inadecuado de gráficos y animaciones

 Contenido no enfocado en el tema del sitio

 Enlaces de salida “endogámicos”

 Factores externos:
 Ausencia de enlaces de entrada

 Enlaces de entrada endogámicos y/o de “mala
reputación”


Dimensiones en la calidad del
código fuente

 Código libre de errores: documentos bien
formados
 Separación de contenido y presentación:
documentos compatibles y fácilmente
transformables
 Buenas prácticas: documentos con marcado
semántico y estándares de interoperabilidad


Calidad en sitios web

Más contenido relacionado

Destacado (19)

Similar a Calidad en sitios web (20)

Más de Miguel Castillejo (10)

Calidad en sitios web