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
1. 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
2. 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.
3. 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.
4.
5. ¿Consultores vs. desarrolladores?
Relación entre los desarrolladores web y otros actores
Integrarse en equipos mixtos empresa-cliente
Tipos de clientes
Trabajar con intermediarios
Consultores
Informáticos
Diseñadores gráficos
Agencias o gabinetes de comunicación
Departamentos de marketing
6. 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
7.
8. 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
9. Estudio de casos
Sedes web corporativas
Portales
Soluciones de comercio electrónico
Servicios on-line con georreferenciación
Intranets
Bitácoras
Proyectos multiidioma
Resultados
Cualitativos
Cuantitativos
estadísticas · rastros
Evolución natural de un proyecto web
10.
11. 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).
12. 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.
13. 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.
14. 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.
15. 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.
16. Para los responsables de la Concejalía
www.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.
17. -Bases de datos · de centros escolares, oferta anual de
actividades, solicitudes, concesiones, etc.
18. -Programa de toma de decisiones · para actividades anuales,
talleres adultos, campamentos de ocio y tiempo libre.
20. -Intranet de Programas Educativos · con herramientas de
comunicación para la puesta en marcha del Plan de Calidad.
21. Para el ciudadano en general
www.murciaeducadora.net ofrece numerosas secciones
web concebidas para el ciudadano en general.
22. -Presentación del Proyecto Murcia, Ciudad Educadora · de la
Carta de Ciudades Educadoras, otras sedes comparables
nacionales y extranjeras, asistencia a congresos, etc.
23. -Oferta Educativa · detalle de las actividades programadas en cada
curso escolar, sus destinatarios, concejalías y empresas implicadas,
…
26. -Ocio y tiempo libre · oferta de actividades para los periodos
vacacionales.
27. -Plan de calidad · Carta de calidad, Memoria anual, con
información pública del compromiso adquirido.
28. Páginas vistas[v]
440.694
Visitantes habidos[iv]
17.242
Visitas al web[iii]
31.453
Publicaciones disponibles en PDF (curso 2004/05)37
Padres y madres participantes (curso 2003/04)836
Profesores participantes (curso 2003/04)2.683
Actividades realizadas (curso 2003/04)[ii]
2.704
Escolares participantes (curso 2003/04)61.184
Centros participantes (públicos, concertados, privados)[i]
172
[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
29. Estudio de www.ivi.es
Sede web corporativa, con vocación de portal
Solución de comercio electrónico: Primera Visita Virtual
Intranet
Multiidioma: español, inglés, alemán
Rediseñado 3 veces entre 1997 y 2004
Análisis de la competencia
Rediseño visual
Migración a aplicaciones más modernas (en 2004: PHP, MySQL)
Metodología
Replanteamiento del mapa del web
Reparto de tareas (contenidos)
30.
31.
32.
33. 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)
37. Estudio de www.rmbm.org
Portal de la Red Municipal de Bibliotecas de Murcia
Mantenido parcialmente por el cliente
Intranet
+ Bitácora
Ampliado sin pausa desde 2001
Rediseño visual: Web pública-Intranet
Rediseño de la arquitectura
Migración a aplicaciones más modernas (origen: Front Page)
Metodología
Replanteamiento del mapa del web
Análisis de servicios on-line participativos
Análisis de aplicaciones locales
Documentación exhaustiva
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51. 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
52.
53. 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
54. 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
55. 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