56
Curso sobre Arquitectura de la Información y Usabilidad de Sitios Web · Plan de Formación 2005 Consultoría en proyectos web: XL internet Casos prácticos. Presentación versión resumida Teresa Jular · coordinadora de proyectos

Arquitectura y usabilidad. Versión resumida

Embed Size (px)

DESCRIPTION

Complemento visual del "Curso sobre Arquitectura de la Información y Usabilidad de Sitios Web. Estudio de casos" impartido por Teresa Jular en la Escuela de la Administración Pública de la CARM en 2005

Citation preview

Page 1: Arquitectura y usabilidad. Versión resumida

Curso sobre Arquitectura de la Información y Usabilidad de Sitios Web · Plan de Formación 2005

Consultoría en proyectos web: XL internet Casos prácticos. Presentación versión resumida

Teresa Jular · coordinadora de proyectos

Page 2: Arquitectura y usabilidad. Versión resumida

Quiénes somos

Trayectoria

Nacidos en 1998 como diseñadores-desarrolladores de soluciones para Internet, hoy incluimos labores de consultoría, realización de presentaciones y CD ROM, marketing y elaboración de contenidos.

Principales clientes

Comunidad Autónoma de la Región de Murcia · Ayuntamientos de: Bullas, Cehegín y Enguera (Valencia) · Universidad de Murcia · Cajamurcia · IVI, Instituto Valenciano de Infertilidad · Instituto de Fomento de la Región de Murcia · Consejo Superior de Investigaciones Científicas (Instituto de Historia) · ANABAD · ASEDES · Asociación Interprofesional del Limón y el Pomelo · Murcia Educadora, Red Municipal de Bibliotecas de Murcia, Museo de la Ciencia y el Agua y Museo Hidráulico Los Molinos del Río Segura (Ayto. Murcia) · Fundación Juanelo Turriano · Asociación para el Desarrollo de las Comarcas del Paralelo 40 · Red Española de Desarrollo Rural · VINEST, The Network for Small European Wine Areas · Asociaciones para el Desarrollo Rural: Macizo del Caroig (Valencia), Don Quijote (Toledo), Asociación para el Desarrollo de la Manchuela (Albacete) y una veintena más de organizaciones y empresas españolas.

Page 3: Arquitectura y usabilidad. Versión resumida

Quiénes somos

Equipo

Está integrado por una gestora y un diseñador de web en el equipo directivo, al cual se unen informáticos, diseñadores y documentalistas.

El carácter multidisciplinar del grupo confiere a la empresa gran versatilidad y capacidad de respuesta.

Page 4: Arquitectura y usabilidad. Versión resumida
Page 5: Arquitectura y usabilidad. Versión resumida

¿Consultores vs. desarrolladores?

Relación entre los desarrolladores web y otros actores

Integrarse en equipos mixtos empresa-clienteTipos de clientes

Trabajar con intermediariosConsultoresInformáticosDiseñadores gráficosAgencias o gabinetes de comunicaciónDepartamentos de marketing

Page 6: Arquitectura y usabilidad. Versión resumida

Zona de interés y preocupación de otros colaboradores

Zona de interés genuino para el cliente

zona de interés y preocupación de XL internet

Preocupaciones de los usuarios (la sociedad como un todo)

Zona de convergencia en la que el consultor-desarrollador puede trabajar con convicción y entusiasmo

Diagrama de EAMES

Page 7: Arquitectura y usabilidad. Versión resumida
Page 8: Arquitectura y usabilidad. Versión resumida

Orden de marcha de un proyecto

Análisis · Presupuestación · Temporización

Puesta en marcha

dominio · servidor · recogida de material · imagen corporativa · fotos

Desarrollo

arquitectura de la información · concepto visual · elaboración de contenidos · desarrollos multimedia · mantenimientos internos

y/o externos · aplicación de estándares de accesibilidad

Carga de datos y pruebas

Formación al mantenedor

Marketing on-line

PMOL básico · PMOL con contratación de terceros · PMOFF

Page 9: Arquitectura y usabilidad. Versión resumida

Estudio de casos

Sedes web corporativasPortalesSoluciones de comercio electrónicoServicios on-line con georreferenciaciónIntranetsBitácorasProyectos multiidioma

Resultados

CualitativosCuantitativos

estadísticas · rastros

Evolución natural de un proyecto web

Page 10: Arquitectura y usabilidad. Versión resumida
Page 11: Arquitectura y usabilidad. Versión resumida

El Área de Programas Educativos de la Concejalía de Educación, responsable del proyecto Murcia Educadora del Ayuntamiento de Murcia, se ha volcado en el uso de las Tecnologías de Información y Comunicación. Y así, apuesta por el desarrollo de su sede web, www.murciaeducadora.net, concebida como:

-actualizable · la información puesta al día, a través de una aplicación informática a medida (en PHP sobre MySQL) y en continua evolución, manejada por los gestores responsables.

-abierta 24/365 · desde el trabajo, desde casa, los clientes –la comunidad escolar, los gestores de la concejalía y el ciudadano en general- hacen uso de las distintas secciones (según permisos de acceso).

-de doble dirección · con formularios en línea para la solicitud de actividades, subvenciones, reclamaciones y sugerencias, contacto, etc., para atender mejor al cliente.

-auditada · con estadísticas de uso –visitas, visitantes, hits de las distintas secciones, origen de los enlaces, etc.- que son estudiadas para definir las mejoras anuales.

-universal y accesible · para la comunidad educativa en particular y para el ciudadano en general, incluidos los discapacitados (cumple estándares W3C).

Page 12: Arquitectura y usabilidad. Versión resumida

Para la comunidad escolar:

La sede web www.murciaeducadora.net ofrece información y servicios en línea para:

- profesores responsables de programar actividades,

- las Asociaciones de Madres y Padres,

- los Consejos Escolares,

- los niños y niñas participantes.

Page 13: Arquitectura y usabilidad. Versión resumida

Intranet de Centros · con solicitud en red de las actividades anuales de los distintos programas educativos; solicitud de campamentos de ocio y tiempo libre; solicitud de ayudas y subvenciones proyectos AMPAS; informes de concesiones; documentos para el trabajo colaborativo; informes estadísticos generales.

Page 14: Arquitectura y usabilidad. Versión resumida

Formulario en red de Quejas y Sugerencias · conectados con una base de datos y un sistema que permite llevar el seguimiento de las respuestas al cliente.

Page 15: Arquitectura y usabilidad. Versión resumida

Noticias de interés y Avisos destacados · para hacer de la página web el lugar donde encontrar, en primer plano y al día, lo más urgente e inmediato.

Page 16: Arquitectura y usabilidad. Versión resumida

Para los responsables de la Concejalíawww.murciaeducadora.net ofrece numerosas soluciones informáticas a medida para el equipo de programas educativos:

- coordinadora,

- gestores de los distintos programas,

- monitores de actividades,

- transportistas.

Page 17: Arquitectura y usabilidad. Versión resumida

-Bases de datos · de centros escolares, oferta anual de actividades, solicitudes, concesiones, etc.

Page 18: Arquitectura y usabilidad. Versión resumida

-Programa de toma de decisiones · para actividades anuales, talleres adultos, campamentos de ocio y tiempo libre.

Page 19: Arquitectura y usabilidad. Versión resumida

-Informes estadísticos · para memorias públicas e institucionales, control del gasto, etc.

Page 20: Arquitectura y usabilidad. Versión resumida

-Intranet de Programas Educativos · con herramientas de comunicación para la puesta en marcha del Plan de Calidad.

Page 21: Arquitectura y usabilidad. Versión resumida

Para el ciudadano en general

www.murciaeducadora.net ofrece numerosas secciones web concebidas para el ciudadano en general.

Page 22: Arquitectura y usabilidad. Versión resumida

-Presentación del Proyecto Murcia, Ciudad Educadora · de la Carta de Ciudades Educadoras, otras sedes comparables nacionales y extranjeras, asistencia a congresos, etc.

Page 23: Arquitectura y usabilidad. Versión resumida

-Oferta Educativa · detalle de las actividades programadas en cada curso escolar, sus destinatarios, concejalías y empresas implicadas,…

Page 24: Arquitectura y usabilidad. Versión resumida

-Noticias, Estadísticas, Contacto · secciones abiertas al usuario.

Page 25: Arquitectura y usabilidad. Versión resumida

-Publicaciones · editadas por la Concejalía de Educación.

Page 26: Arquitectura y usabilidad. Versión resumida

-Ocio y tiempo libre · oferta de actividades para los periodos vacacionales.

Page 27: Arquitectura y usabilidad. Versión resumida

-Plan de calidad · Carta de calidad, Memoria anual, con información pública del compromiso adquirido.

Page 28: Arquitectura y usabilidad. Versión resumida

172 Centros participantes (públicos, concertados, privados)[i]

61.184 Escolares participantes (curso 2003/04)

2.704 Actividades realizadas (curso 2003/04)[ii]

2.683 Profesores participantes (curso 2003/04)

836 Padres y madres participantes (curso 2003/04)

37 Publicaciones disponibles en PDF (curso 2004/05)

31.453 Visitas al web[iii]

17.242 Visitantes habidos[iv]

440.694 Páginas vistas[v]

[i] De 180 centros existentes en 2003/2004 en el Municipio de Murcia[ii] De entre 78 propuestas solicitables, de los distintos Programas Educativos[iii] Desde abril de 2004 a marzo de 2005[iv] Desde abril de 2004 a marzo de 2005[v] Desde abril de 2004 a marzo de 2005

MURCIAEDUCADORA.NET EN CIFRAS

Page 29: Arquitectura y usabilidad. Versión resumida

Estudio de www.ivi.esSede web corporativa, con vocación de portalSolución de comercio electrónico: Primera Visita VirtualIntranetMultiidioma: español, inglés, alemán

Rediseñado 3 veces entre 1997 y 2004Análisis de la competenciaRediseño visualMigración a aplicaciones más modernas (en 2004: PHP, MySQL)

MetodologíaReplanteamiento del mapa del webReparto de tareas (contenidos)

Page 30: Arquitectura y usabilidad. Versión resumida
Page 31: Arquitectura y usabilidad. Versión resumida
Page 32: Arquitectura y usabilidad. Versión resumida
Page 33: Arquitectura y usabilidad. Versión resumida

Resultados estadísticos de www.ivi.es

• 267,75 GB de información servida en 2004 (189,86 GB en lo que va de 2005)

• Más de 1.750.000 visitas al sitio desde octubre de 2000 (291.911 en lo que va de 2005)

• 1.769 visitas diarias de media en junio de 2005 (38.961 páginas vistas, 145.121 clics realizados y 1,15 Gb descargados al día)

• 273.077 visitantes distintos en 2004 (146.233 en los 6 primeros meses de 2005)

• 332 buzones POP de correo (175 en 2003, 76 en 2001)

• 141 buscadores y directorios temáticos en los que se ha dado de alta manualmente (60 en inglés, 24 en alemán)

Page 34: Arquitectura y usabilidad. Versión resumida

Resultados mensuales 2005

Page 35: Arquitectura y usabilidad. Versión resumida

Páginas más visitadas Accesos

/pacientes/foro/read.php 1.126.364

/pacientes/foro/list.php 833.246

/ 329.013

/pacientes/foro/search.php 60.146

/pacientes/tucaso.htm 47.927

/pacientes/chat.htm 42.004

/tratamientos/fecundacion.htm 31.163

/tratamientos/inseminacion.htm 25.559

/pacientes/infertilidad.htm 24.199

/pacientes/foro/login.php 20.074

/centros/madrid.htm 18.978

/pacientes/foro/post.php 17.487

/pacientes/primeravisita.htm 17.282

/centros/valencia.htm 16.167

/pacientes/cita.htm 14.759

/pacientes/tucaso2002.htm 13.899

/pacientes/tucaso2003.htm 13.323

/pacientes/foro/register.php 12.924

Page 36: Arquitectura y usabilidad. Versión resumida
Page 37: Arquitectura y usabilidad. Versión resumida

Estudio de www.rmbm.orgPortal de la Red Municipal de Bibliotecas de MurciaMantenido parcialmente por el clienteIntranet+ Bitácora

Ampliado sin pausa desde 2001Rediseño visual: Web pública-IntranetRediseño de la arquitectura Migración a aplicaciones más modernas (origen: Front Page)

MetodologíaReplanteamiento del mapa del webAnálisis de servicios on-line participativosAnálisis de aplicaciones localesDocumentación exhaustiva

Page 38: Arquitectura y usabilidad. Versión resumida
Page 39: Arquitectura y usabilidad. Versión resumida
Page 40: Arquitectura y usabilidad. Versión resumida
Page 41: Arquitectura y usabilidad. Versión resumida
Page 42: Arquitectura y usabilidad. Versión resumida
Page 43: Arquitectura y usabilidad. Versión resumida
Page 44: Arquitectura y usabilidad. Versión resumida
Page 45: Arquitectura y usabilidad. Versión resumida
Page 46: Arquitectura y usabilidad. Versión resumida
Page 47: Arquitectura y usabilidad. Versión resumida
Page 48: Arquitectura y usabilidad. Versión resumida
Page 49: Arquitectura y usabilidad. Versión resumida
Page 50: Arquitectura y usabilidad. Versión resumida
Page 51: Arquitectura y usabilidad. Versión resumida

Consejos para abordar trabajos

Análisis de la competencia

Estudio de tendencias generales de Internet

Explicitación escrita de las necesidades del cliente

Coordinación con el máximo nivel de decisión

Elaboración detallada de proyectos y presupuestos

Temporización detallada y orden de marcha estricto

Selección del equipo

Previsión de un crecimiento sostenido

Comunicación pública del trabajo, como un nuevo producto

Plan de pruebas de usuario

Auditoría periódica del web

Page 52: Arquitectura y usabilidad. Versión resumida
Page 53: Arquitectura y usabilidad. Versión resumida

Bibliografía

“Técnicas avanzadas para el diseño de páginas web”. David Siegel

“Usabilidad. Diseño de sitios web”. Jakob Nielsen

“Diseño con estándares web”. Jeffrey Zeldman

“Rediseño de sitios web”. Kelly Goto y Emily Cotler

“Diseño interactivo”. R. Kristof y A. Satran

“Sistemas de signos en la comunicación visual”. O. Aicher y M. Krampen“Bases del diseño gráfico”. Alan Swann“Laus 05”. Varios autores (XL internet, seleccionado)“ADGText04”. ADG-FAD

“Lenguaje visual. La cara oculta de la comunicación”. Peter Bonnici“¡Contra!”. José Antonio Millán“La actividad publicitaria en Internet”. Montse Lavilla

Page 54: Arquitectura y usabilidad. Versión resumida

Bibliografía

“El diseño no es una guinda”. Manuel Estrada

“Guía práctica del diseño digital”. Pina Lewandowsky, Francis Zeischegg

“Cibertiendas. Los mejores diseños de tiendas virtuales”. C. Gerdes, J. Nachtwey

“Diseñar hoy”. Raquel Pelta

“Diseño digital”. Javier Royo

“No me hagas pensar”. Steve Krug

Page 55: Arquitectura y usabilidad. Versión resumida

Enlaces a trabajos de XL internet “visitados”

www.sefcarm.es

www.um.es

www.sitmurcia.com

www.murciaturistica.es

www.murciaeducadora.net

www.llavetex.com

www.ivi.es y www.ivi.es/primeravisita

www.rmbm.org

www.elquijoteyyo.net

www.jular.net

www.xli.net

Page 56: Arquitectura y usabilidad. Versión resumida