Nos gustan los retos. Al crear el sitio web de la Universidad de Santander nos propusimos que fuese el mejor del país en su categoría: sitio web de universidad con navegación para múltiples sedes o campus.
Este caso de éxito se destaca por su capacidad para gestionar de forma centralizada contenidos de interés global a toda la institución y contenidos filtrados a cada campus de la universidad.
Antecedentes: ¿Cómo son las páginas o sitios web de las universidades en Colombia?
En cuanto a calidad del diseño web hay una gran brecha entre unos y otros. Enfocándonos en los sitios web de aquellas instituciones con múltiples campus, encontramos bastantes deficiencias como por ejemplo:
Navegación confusa o inexistente para contenidos específicos de un campus y abuso de micrositios externos: el usuario no puede diferenciar fácilmente la información correspondiente a su ciudad o campus, o simplemente los sitios de los campus son independientes generando problemas de mantenibilidad y uniformidad.
Pocos recursos de navegación y micrositios externos: por la gran cantidad de información que típicamente maneja un sitio web universitario, se requieren menús jerárquicos y menús complementarios. Sin embargo, algunos de esos sitios web esparcen información en micrositios externos (páginas web independientes) rompiendo toda uniformidad, familiaridad y otras cualidades importantes para la experiencia de usuario.
Factores diferenciadores por los cuales el sitio web udes.edu.co de la Universidad de Santander destaca sobre otros sitios comparables
Consideramos que este sitio se posiciona como el mejor en su nicho, en Colombia, por las siguientes razones
A diferencia de otros sitios web de universidades u organizaciones comparables, hemos evitado errores comunes, como:
Mientras otros recurren al uso innecesario de micrositios externos en udes.edu.co el concepto de micrositios es tan solo una gestión de contenido que permite tener un conjunto de páginas con navegación propia sin perder integración e institucionalidad en la navegación..
No requiere multiplicidad de sitios o páginas web, lo cual genera más costos y esfuerzos para la administración y mantenibilidad, y además menos valor para el usuario final.
La navegación está enriquecida con accesos para usuarios frecuentes como en la barra superior o los laterales offcanvas y más.
Elección adecuada del CMS ya que en lugar de reinventarnos la rueda como pasa en algunos casos, utilizamos uno de los principales CMS de código abierto en el mundo.
Un poco acerca de los logros, análisis y detalles técnicos que componen este caso de éxito
Hemos logrado posicionar este sitio web como líder en su categoría entre las universidades del país sustentados en los siguientes criterios:
1. Selección del CMS adecuado
Para este caso, hemos seleccionado Joomla debido a su robustez, posibilidad de crear una estructura multisitio y su capacidad de garantizar la escalabilidad requerida para este tipo de sitio web.
Un multisitio es una configuración en la que un solo sistema de gestión de contenidos (CMS) administra múltiples sitios web independientes desde una única instalación centralizada. Cada sitio puede ser completamente independiente, con su propio menú de navegación, apariencia visual y contenido.
En el caso de la UDES, los multisitios están especialmente diseñados para proporcionar una experiencia segmentada y personalizada en cada una de las sedes de la universidad: Bucaramanga, Cúcuta, Valledupar y Bogotá.
¡El usuario tiene el control!
3. Estructura de micrositios
Los micrositios representan secciones independientes y especializadas dentro del sitio web principal. Por ejemplo, si surge la necesidad de presentar a la comunidad información completamente nueva, llamada "Acreditación Institucional", en lugar de añadir esta información al menú principal, se opta por la creación de un micrositio interno con su propio menú, visible para los usuarios. De esta manera, los usuarios pueden acceder a la información de "Acreditación Institucional" de forma sencilla y directa.
4. Navegación
El sitio sobresale por su navegación robusta pero fácil de usar, diseñada tanto para públicos frecuentes como no frecuentes. A diferencia de otros sitios que dependen únicamente de un menú principal y botones en la zona de contenido, en este sitio se utilizan menús tanto a los lados (offcanvas) como en la parte superior (topbar), lo que facilita la navegación y el acceso a la información.
5. Buscador interno
Otro aspecto destacado es el buscador interno, que se diferencia del resto al integrar búsquedas especializadas en categorías como eventos y programas académicos. A diferencia de los típicos buscadores transversales por frases, que pueden arrojar resultados irrelevantes, este buscador proporciona resultados más precisos y relevantes para los usuarios.
6. Experiencia intuitiva e inteligente para móviles
En la búsqueda de ofrecer una buena experiencia de usuario en dispositivos móviles, se han considerado aspectos más allá del simple diseño responsive. Se ha implementado lo siguiente:
Menús offcanvas.
Asistente para guiar a los usuarios nuevos en la selección de sedes.
Menú para priorizar opciones clave para dispositivos móviles.
Además, se han incorporado buenas prácticas de usabilidad y se han implementado funcionalidades de deslizamiento (swipe), prestando atención a otros detalles aparentemente sutiles pero determinantes para mejorar la experiencia de usuario.
7. Contenidos especiales
El sitio también se destaca por su gestión de contenidos especiales, como por ejemplo los programas académicos; Hemos logrado que esta información se administre mediante formularios amigables, lo que facilita la actualización tanto para los webmasters como para cualquier otra persona que no tenga conocimientos de programación o diseño web.
Conclusiones y consejos para proyectos de diseño web para universidades que sean de múltiples campus
Estamos convencidos que crear un sitio web institucional sobre un CMS que NO sea de código abierto es un despropósito, que llenarse de micrositios independientes y otras malas prácticas, que hoy son comunes, y obedecen a mitos, malas decisiones, falta de planeación o falta de experticia de los equipos de trabajo involucrados.
Un sitio web que se base en un CMS de código abierto como Joomla o WordPress, que tenga funcionalidades de multisitio para navegación multicampus, que permita crear contenidos globales a toda la institución o específicos a un campus de forma centralizada, que sea rico en recursos de navegación, que sus micrositios estén integrados, que tenga opciones robustas de búsqueda y que además incluya todas las prácticas del buen diseño web contemporáneo, será un sitio ganador en el nicho de universidades, instituciones educativas y similares.
Por eso podemos afirmar que el sitio web udes.edu.co es uno de los mejores del país en su categoría.
Compresión GZIP y Brotli: acelere la velocidad de los sitios web con solo habilitarlos en su servidor
¿Sabía usted que al utilizar algoritmos de compresión de datos, puede reducir el tamaño de los archivos y lograr una mayor velocidad en los sitios web?
¡En menos de 1 minuto! Cómo revisar si su página web ya utiliza compresión para ser más rápida y no perder posicionamiento y clientes
¿Su página web tarda mucho tiempo en cargar? Sabemos lo frustrante que puede ser. La velocidad de un sitio web no solo impacta la experiencia de los usuarios, sino que ...
WordPress y Joomla - Mitos alrededor de los dos CMS más populares
Cómo ya debe saber, un CMS (Content Management System) o sistema de Gestión de contenidos, permite a las empresas y diseñadores web crear, organizar, ...
Aprenda a optimizar las imágenes de su página web y conozca el moderno formato WebP para ¡reducir tamaño y mejorar la velocidad de carga!
La velocidad de un sitio web es un factor fundamental que influye directamente en la experiencia del usuario, y uno de los principales elementos que pueden ...
