Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Análisis de la web de centro del CEIP Lope de Vega
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
En este vídeo vamos a analizar una web de centro de primaria que consideramos ejemplar en dos
00:00:03
sentidos. Uno es el cumplimiento del anexo 1 de las instrucciones de la Viceconsejería de Educación
00:00:10
sobre la inclusión en el portal EducaMadrid de las páginas o sitios web de los centros y otro
00:00:17
es la adecuación a las propuestas que hemos hecho en el curso acerca de la web de centro como
00:00:23
herramienta de comunicación. Para ello vamos a aplicar esta lista de comprobación que podéis
00:00:28
encontrar en los materiales del curso. Veis que tienen cinco claves de una web de centro que
00:00:33
comunica. La primera clave acerca de los contenidos, la segunda acerca de la identidad corporativa
00:00:38
aplicada al diseño web, la tercera con respecto a los enlaces de las publicaciones en redes sociales
00:00:44
propias, la cuarta la localización del centro educativo en Google Maps y la quinta las políticas
00:00:51
de interacción con los usuarios en internet. A continuación, voy a analizar la web del colegio de primaria Lope de Vega
00:00:57
aplicando esta checklist, esta lista de comprobación. En la web de Lope de Vega, en cuanto a los contenidos de la web de centro,
00:01:08
encontramos que se dirigen a diversos públicos, familias, alumnos y maestros,
00:01:19
aunque en redes se hacen eco también de asociaciones de vecinos
00:01:26
y otros movimientos ciudadanos, como por ejemplo el que promueve
00:01:29
la presencia de la mujer en ciencia, tecnología, ingeniería y matemáticas.
00:01:32
Lo podéis ver porque incluyen a Lampa, porque hablan en el apartado de centro
00:01:37
cuando se presentan, hablan de familias, se dirigen a familias, alumnos y maestros
00:01:44
y en general por las publicaciones que podemos observar.
00:01:50
También publican imágenes con distintos formatos, publican en imagen, gif, infografías, vídeo
00:01:55
y esto tanto en la propia página web como en la red social Twitter.
00:02:03
aquí tenéis un ejemplo de un vídeo más vídeos fotos entonces si vamos a twitter que lo tienen
00:02:09
integrado aquí en la propia web vemos que también en esta cuenta tienen vídeos fotos veis de otros
00:02:22
públicos que comparten hablan de asociaciones de vecinos y asociaciones culturales hablando de la
00:02:32
mujer y la niña en ciencia etcétera y también hay algún gif por eso estoy buscando por ejemplo aquí
00:02:40
tenéis una infografía donde también se aprecia que utilizan este formato una foto y a ver si
00:02:46
encuentro el gif y lo veis aquí un vídeo un póster el logotipo aquí está aquí tenéis un
00:02:54
gif un ejemplo de gif para que veáis que utilizan también este formato lo podéis ver aquí vale bueno
00:03:01
los contenidos además se distribuyen en la propia web, en los blogs del centro,
00:03:10
aquí arriba tienen en un apartado los distintos blogs, y también en la cuenta de Twitter.
00:03:18
En cuanto a los blogs docentes, llama la atención que todos están hechos en la plataforma de contenidos Blogger,
00:03:25
lo podéis ver en la parte inferior izquierda de la página,
00:03:30
Cuando se aprecia la dirección de Internet a la que dirigen todos, están creados en Blogspot, que es el gestor de contenidos de Google para blogs.
00:03:35
Y, bueno, en este caso, una propuesta de mejora sería que integraran, que unificaran los blogs y los trabajaran empleando la herramienta de EducaMadrid, la plataforma de EducaMadrid,
00:03:47
para que no tengan que las personas al hacer clic aquí marcharse de la página web
00:03:58
porque se abriría el blog, como por ejemplo este, el de PequeBots,
00:04:03
se abriría en la plataforma de Blogspot y nos quitaría de la página web.
00:04:08
Convendría que se mantuvieran las visitas dentro de la página, de la web de centro.
00:04:13
Como digo, los contenidos se distribuyen en los blogs y también en la cuenta de Twitter,
00:04:20
que la voy a abrir aquí para que la veáis
00:04:25
veis que tiene más de 2000 tweets
00:04:27
más de 700 seguidores
00:04:31
y más de 1600 me gustos
00:04:33
es una cuenta bastante activa
00:04:35
para ser una cuenta de centro educativo
00:04:37
también en cuanto a los contenidos
00:04:39
vemos que si se monitorizan
00:04:42
y gestionan
00:04:45
la viralización de los contenidos en medios
00:04:46
ajenos, generalmente
00:04:49
en Twitter respondiendo
00:04:51
a comentarios
00:04:53
y agradeciendo a menciones que hagan de la cuenta otros usuarios.
00:04:55
Esto denota un gran nivel de vinculación con sus públicos.
00:05:01
Esto lo podemos ver aquí en Twitter bajando con la barra de desplazamiento.
00:05:06
Debajo de cada una de las publicaciones, estos son los comentarios, las respuestas,
00:05:10
estos son los retuits o el número de veces que se comparte el contenido
00:05:14
y el número de me gustas, los corazones.
00:05:19
Entonces, en general vemos que hay muchos me gustas y retuits y algunas respuestas e interacciones, ¿vale? Las interacciones siempre cuestan un poquito más, sobre todo las respuestas a tweets en el caso de las cuentas educativas.
00:05:21
Pero bueno, en general se puede apreciar que hay una cierta interacción, ¿verdad?
00:05:36
Bien, pues volvemos a la web.
00:05:44
No parece que exista un calendario explícito como el que hemos planteado en este curso,
00:05:48
con respecto a un calendario editorial, me refiero.
00:05:53
Está centrado todas las publicaciones en aspectos de la vida escolar, proyectos, actividades complementarias y extraescolares,
00:05:57
por lo cual este podría ser un aspecto a considerar por parte del colegio como aspecto de mejora.
00:06:04
En cuanto al siguiente punto de la lista de comprobación, la identidad corporativa del centro aplicada al diseño web,
00:06:11
con respecto a los colores, se aprecian tres colores corporativos.
00:06:21
El azul claro, que es el que podemos ver aquí, el azul oscuro, el que vemos en el fondo de la barra del menú principal y en el texto del logotipo y la cabecera de la web, y el amarillo del logotipo, que sería el color de acento.
00:06:27
Los colores podríamos decir que mantienen una proporción de 60-30-10, como hemos visto en el curso, utilizando el color principal, el azul claro, porque aparece más veces.
00:06:44
¿Lo veis? El color azul oscuro como color secundario aparece menos veces y el que menos aparecería sería el del escudo, el color amarillo.
00:06:54
Los colores responden a un esquema de colores complementarios y eso con respecto al color, los enlaces están en azul claro y oscuro, ¿vale?
00:07:06
como el color principal y secundario, luego a nivel de color esta web lo hace bien, lo hace francamente bien.
00:07:17
En cuanto a las tipografías, ¿qué observamos? Observamos que aparentemente tienen un solo tipo de letra,
00:07:25
pero si analizamos con una extensión de navegador un complemento, yo estoy trabajando en Mozilla Firefox,
00:07:32
Esto lo podéis instalar aquí en este menú en complementos, buscáis WattFont y lo instaláis.
00:07:39
Si activáis WattFont podéis comprobar el tipo de letra que se utiliza, en general es 1, es helvética,
00:07:48
excepto en este área que se han olvidado aparentemente de cambiarlo y esta está en otro tipo que es muy parecido,
00:07:56
que es Trebuchet MS, es similar, es de palo seco, es sin serir, pero se han equivocado
00:08:05
y lo han dejado de esta manera. Entonces, convendría dejarlo todo con un solo tipo
00:08:12
de letra. Las fuentes, bueno, pues es una buena práctica también utilizarla solo un
00:08:18
tipo de letra, ya lo hemos visto, o sea que esto también lo están haciendo bien. En
00:08:25
cuanto al logotipo, el logotipo es un logosímbolo que ha sido rediseñado a partir del primer
00:08:28
escudo del colegio esto lo podemos ver en la cuenta de twitter que han publicado dejando
00:08:34
que vaya rapidito hasta donde está la publicación donde nos cuentan bueno me he pasado donde nos
00:08:40
cuentan la esta esta de aquí es un logotipo y nos dicen que hay un comando gráfico en el lope en el
00:08:47
colegio encabezado por tres personas que han dado una vuelta han rediseñado el primer escudo que
00:08:56
diseñó este otro usuario, que aparentemente es una mamá del colegio. Le han dado una vuelta,
00:09:04
luego hay diseñadores. Si os fijáis en los perfiles, son diseñadores que imaginamos que
00:09:11
son también profesores del centro, que han rediseñado el logotipo y lo han dejado en un
00:09:19
logosímbolo con el mismo esquema de colores de la web empleando el color secundario, el azul oscuro
00:09:28
y el color de acento el amarillo. Les ha quedado francamente bien. En cuanto a formas y texturas
00:09:35
apreciamos en cuanto a formas y texturas aquí en la web en concreto nada hasta que nos desplazamos
00:09:41
hasta abajo y vemos que el colegio está decorado por un par de murales con grafitis creados por un
00:09:49
artista urbano internacional llamado mario mankey que bueno ha diseñado estos estos dos grafitis
00:09:58
que son las formas que destacan en el colegio son formas onduladas como podéis ver que si observáis
00:10:07
el logotipo pues se repiten en el logotipo en la hoja en esta pluma no supuestamente del fénix
00:10:17
El fénix del logo original. Entonces, las líneas curvas y las ondas predominan en los grafitis, aunque no lo recogen en la página web de una forma tan explícita.
00:10:27
En la cuenta de Twitter, si os fijáis en la imagen de perfil y en la imagen de cabecera, si está recogido un fragmento de los grafitis, luego podríamos considerar que estas formas se podrían aprovechar más en la web.
00:10:40
Se podrían poner como patrones, como texturas, como fondos de la web, aunque no con tanto color.
00:10:57
Esto en cuanto a formas y texturas, las fotografías en general se aprecian fotos de calidad alta
00:11:04
excepto ya veis aquí una captura de pantalla que ha quedado en mala calidad
00:11:11
eso tiene fácil arreglo y en general las fotos son de buena calidad
00:11:16
Aquí en este carrusel podéis ver, no aparecen retocadas, esta también se podría mejorar la calidad
00:11:21
un poquito, esta está fenomenal
00:11:28
se nota que está diseñada en un programa
00:11:30
de diseño
00:11:32
en un formato de imagen que no pierde calidad
00:11:35
o sea que en general las fotos bien
00:11:38
como comentario de mejora
00:11:41
que podrían hacer, podrían
00:11:44
colorear las fotos
00:11:45
con una tonalidad azulada o amarilla
00:11:47
en este caso corresponde con los colores corporativos
00:11:49
esta también
00:11:52
y bueno aquí vemos que las paredes
00:11:53
también y los suelos están de amarillo
00:11:56
y de azul no corporativos bien podrían coger imágenes coloreadas o imágenes de época como
00:11:57
pueda ser por ejemplo en maestra de pueblo este perfil de twitter es muy famoso y si os fijáis
00:12:07
en sus fotos y vídeos sigue un patrón de imágenes que son imágenes antiguas años 50-60 sería otra
00:12:14
forma de trabajar las imágenes en la web de centro. Si no publicamos, o sea, cuando hagamos
00:12:24
publicaciones propias donde no aparezcan alumnos, sino que sean publicaciones del blog, pues es una
00:12:30
de las propuestas que hemos hecho en el curso y que se podrían tener en cuenta. Bien, esto en
00:12:35
cuanto a las fotografías, que en general están muy bien. En cuanto a los enlaces de las publicaciones
00:12:46
en redes sociales propias, ¿qué podemos observar?
00:12:52
No se aprecia que se acorten y personalicen los enlaces que se publican.
00:12:57
Si esto se hiciera, esto, por ejemplo, que es un enlace,
00:13:04
figuraría con su enlace acortado de Bitly o el de la herramienta que utilizarán.
00:13:07
Como posible mejora, podrían hacerlo para medir su alcance en Twitter
00:13:15
y eventualmente en Google Analytics el tráfico que generan estos enlaces hechos con Bitly a la web del centro.
00:13:20
Y por último, en cuanto a la localización del centro educativo en Google Maps,
00:13:29
si buscamos el CEIP Lope de Vega en Google Maps, aquí nos aparece su ficha
00:13:36
y vemos que tiene puesta la información de la dirección, provincia, teléfono y demás.
00:13:42
Parece ser que lo han personalizado y tiene una serie de reseñas que vamos a ver, vamos a ir a ver las reseñas de Google para ver si están gestionadas, si el perfil está gestionado o no.
00:13:49
Y vemos que en general la puntuación que obtienen es muy alta, tiene 15 reseñas y hay respuestas del propietario.
00:14:02
Luego, esta localización de Google está gestionada por el centro porque hay respuestas. Si no las hubiera, podríamos entender que no las hay. Aquí tenemos otra respuesta. Luego, es un perfil gestionado y se responden a los comentarios de las reseñas. Luego, es una buena práctica según lo que hemos visto en el curso.
00:14:10
Y finalmente, las políticas de interacción con usuarios en Internet son evidentes, es evidente que hay un dominio de la etiqueta en Internet a tenor de los comentarios, de las respuestas a los tweets que se generan con emoticonos y demás.
00:14:39
sí que se aprecia un control por lo menos de la etiqueta en internet
00:15:04
y el hecho de que respondan en los comentarios y reseñas de la localización de Google
00:15:08
pues también denota que hay una cierta seguridad o por lo menos cierta confianza a la hora de responder comentarios.
00:15:16
En general son positivos, si fueran negativos sería quizá más complicado de gestionar pero lo hacen bien.
00:15:23
Como podemos ver, este colegio está haciendo un gran trabajo con su web de centro, tanto a nivel de cumplimiento de las directrices de la viceconsejería como a nivel de comunicación.
00:15:30