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

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

2

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

3

Contenido Fuente / Autoría

Autoridad/Solvencia Credibilidad/Transparencia

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

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

4

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


5

Navegación - I Componentes

1. Sistema de etiquetas (labeling)2. Navegación global/navegación constante3. Navegación local4. Informaciones de contexto5. Índices6. Mapa del sitio

Navegación1. Estructural (o Vertical)2. Semántica (u Horizontal)

Respeto por las convenciones


6

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

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

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


Septiembre 2012 10

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


Septiembre 2012 11

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


Septiembre 2012 12

Desventajas

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

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


Septiembre 2012 13

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


Septiembre 2012 14

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


Septiembre 2012 15

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”


Septiembre 2012 16

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


Septiembre 2012 17

calidad en sitios web

Documents