¡Nueva imagen de marca!
Los portales evolucionan junto con el Centro de Recursos Para el Aprendizaje y la Investigación. El nombre de la página principal pasa a
ser CRAI - Bibliotecas, mientras que el de prepas y el catálogo se renombran CRAI – Biblioprepa y
CRAI, respectivamente, además se abandona el logo anterior para dar paso al logotipo institucional
y homologar el portal con los lineamientos de diseño institucional para
sitios web
¡Nuevo framework!
El conjunto de bibliotecas Bootstrap se actualiza a la
versión más reciente, 5.3, con lo que se tiene un mejor desempeño y compatibilidad. Esta es la
segunda gran actualización de los portales desde su lanzamiento (biblioprepa, 2019) y rediseño (Biblioteca y Catálogo,
2020), lo que implicó un trabajo de revisión completo del código.
Como consecuencia, se han rediseñado la mayoría de las páginas, sin perder la armonía y principios de diseño originales, por el
contrario, se facilita la identificación e interacción de elementos.
Ahora
Emerald*
Economía y administración /
Sociales
Tipo de recurso:
Ir al sitio
Algunas páginas se han simplificado para ofrecer una mejor experiencia de navegación, y se han incluido barras de búsqueda para filtrar
elementos visibles, por ejemplo, la página de contacto.
En esta misma línea, los encabezados, títulos y subtítulos se rediseñaron para ocupar menos espacio, ser menos redundantes y mostrar más
información de un vistazo, además, en pantallas pequeñas se hacen visibles enlaces con saltos de página para ir a otras secciones dentro
de la misma página.
Se ha dado una mayor compatibilidad con los dispositivos táctiles, algunos botones y elementos solo son visibles cuando el puntero pasa
sobre un elemento, pero, si el dispositivo cuenta con pantalla táctil, estos botones serán siempre visibles
Mejor contraste: las tarjetas y elementos ahora cuentan con bordes sutiles para identificar mejor cada elemento y el tema oscuro
aprovecha las pantallas oled con negros más profundos. Las micro animaciones se rediseñaron para identificar mejor a elementos
interactivos, siendo más discretas y precisas.
A continuación, una lista más detallada:
- Nuevos botones, conforme a los lineamientos institucionales ahora son redondeados (Cápsula) y amplían sus colores.
-
Nuevos íconos en los enlaces de acción, los cuales varían según la actividad, por ejemplo, los botones de “Ver más” cambian a “Ver
menos” cuando están activos
- Ajuste a las barras de búsqueda: más delgadas y limpias
- Nuevo botón de Búsqueda avanzada para libros impresos
Barra de navegación
-
Nueva animación para la página de inicio: con el fin de mejorar la accesibilidad, la barra de navegación se mantiene siempre visible,
la transparencia inicial se sustituye por un efecto de “dock” con esquinas redondeadas que se adhiere a la parte superior de la
pantalla al desplazarse, conforme nuevas tendencias de diseño web (Excepto el Catálogo en línea)
- Tipografía más gruesa para mejor legibilidad
- La opción Ayuda ahora es texto para mejorar la compatibilidad con lectores de pantalla
- Se ajusta mejor a pantallas grandes
Portal Bibliotecas
Nueva sección de recursos digitales
-
Se crea una nueva sección con una lista simplificada derecursos digitales para aquellos usuarios que ya saben lo que quieren y buscan
una forma rápida de acceder
- en esta misma sección se ofrece la opción de ver la lista detallada
Página de ayuda
-
Nueva denominación: la página ahora se llama “Centro de ayuda” debido a la creciente cantidad de recursos que ofrece
- Nueva sección de “Ayuda por recurso digital”
Página de colecciones
- Se rediseña y se eliminan las tarjetas, los colores de acento son más sutilies
- Se dividen en “Principales colecciones”, “Relacionadas a la academia” y Especiales” para una mejor identificación
- Se agrega un botón a la búsqueda avanzada en el catálogo en línea
Página de contacto
- Nuevo directorio, las tarjetas se sustituyen por una lista más minimalista y los filtros por una barra de búsqueda
- Se agregan directivos y coordinadores, así como un enlace a la sección contacto del portal biblioPrepas
Página de Normatividad
- Nueva página de normatividad, con el reglamento y próximamente otros documentos de carácter similar
Página acerca de nosotros
- Se separa la información relativa a las bibliotecas de la del CRAI
- La información se presenta en diferentes secciones en lugar de ventanas emergentes
Página Open Access
-
Se renueva por completo, las tarjetas con listas desplegables se sustituyen por una sola lista con indicadores de tipo de recurso y
área de estudio
- Todos los enlaces fueron revisados y actualizados
- Esta nueva distribución facilitará su futura actualización
Página de préstamo interbibliotecario
- Diseño más sobrio y compacto: se rediseñaron los pasos en tarjetas
- Se eliminaron animaciones en elementos sin interacción
- Se implementa color de acento en elementos numerados
- La sección Convenios pasa de tarjetas a una lista más compacta
Página de recursos digitales
- Se reestructuran las tarjetas de cada recurso para identificar mejor sus elementos y evitar confusiones al dar clic
- Para evitar confusiones y duplicidades, se eliminan las secciones deslizables y los filtros por decanato:
- Ahora se especifica el tipo de recurso mediante íconos y el decanato mediante leyendas de colores
- Se colocan indicadores alfabéticos para mejorar la visibilidad e identificación
Página de Sedes bibliotecarias
-
Nueva página, donde se concentra la información de las bibliotecas relativas al CRAI. Esta es la evolución de la denominada página
“subbibliotecas”, ya que estas pasan a ser bibliotecas individuales de especialidad con su propia sección:
- Biblioteca del Centro de Estudios Guadalupanos
- Biblioteca del Centro de Estudios en Ciencia y Religión
Página de talleres
- Se optimiza el espacio en pantallas más grandes
- Las tarjetas de talleres se rediseñaron con los nuevos botones
-
Los mensajes importantes tienen un aspecto más limpio para evitar exceso de elementos visuales que podían provocar que pasaran
desapercibidos
- El calendario ahora se integra mejor a la sección correspondiente para evitar confusiones.
Portal BiblioPrepa
Barra de navegación
-
Nueva animación para la página de inicio: con el fin de mejorar la accesibilidad, la barra de navegación se mantiene siempre visible,
la transparencia inicial se sustituye por un efecto de “dock” con esquinas redondeadas que se adhiere a la parte superior de la
pantalla al desplazarse, conforme nuevas tendencias de diseño web (Excepto el Catálogo en línea)
- Tipografía más gruesa para mejor legibilidad
- La opción Ayuda ahora es texto para mejorar la compatibilidad con lectores de pantalla
- Se ajusta mejor a pantallas grandes
Sección de servicios
- Se rediseñan las tarjetas y las ventanas emergentes de esta sección.
- Se actualizan las cabeceras y títulos
- Se actualizan las ilustraciones de cada ventana emergente.
Sección de recursos
- Se agregan nuevos recursos: eBook Academic Collection, MAS Reference eBook Collection y MAS Ultra - School Edition.
- Se actualiza la imagen de fondo de la sección.
Sección de contacto
- Se actualizan los títulos y las tarjetas deslizables ahora tienen un borde para mejor identificacón
Página de Ayuda
- Se denomina ahora Centro de ayuda
- Se crea una nueva sección de preguntas frecuentes (en desarrollo)
Catálogo en línea e intranet koha
En estos portales solo se modificó el estilo, no el funcionamiento, ya que es una plataforma de terceros, sin embargo, se aplicaron
algunos lineamientos de diseño institucional y actualizaciones como:
- Nueva imagen en la barra de navegación: se deja de lado el logotipo anterior y se da paso al logotipo institucional
- Nuevo logotipo CRAI en la página del Staff, tanto al iniciar sesión como en la barra de búsqueda superior
