¿Qué es?
Es un sistema para diseñar y desarrollar rápidamente interfaces de usuario, que faciliten la experiencia de uso, el descubrimiento del contenido y la accesibilidad para todos los usuarios del ecosistema de más de 500 sitios web de la UC.
Este framework de diseño oficial es utilizado tanto por diseñadores como por desarrolladores de interfaz de usuario (front-end).
¿Por qué usarlo?
- Entrega estándares claros y un lenguaje común, a nivel visual y de código.
- Otorga mayor consistencia entre las diferentes interfaces, para mejorar la experiencia de nuestros usuarios en los distintos canales digitales.
- Facilita el proceso de medición de los sitios.
- Hace más eficiente el proceso de realizar mejoras a futuro en todo el ecosistema digital.
- Permite que diseñadores y desarrolladores puedan construir de manera eficaz sitios web para el ecosistema Digital UC.
- Ayuda a que las unidades internas de la UC sepan lo que pueden exigir como entregable a sus proveedores.
¿Cómo usarlo?
El Kit apoya el proceso de diseñar y desarrollar interfaces (sitios web, intranets, etc.) entregando recursos para los diferentes equipos y etapas:
Diseño
Pone a disposición de los diseñadores las pautas para el uso de colores, tipografías, grillas y formas, además de otros recursos, como la librería para diseñar en Figma. Esta contiene los lineamientos de diseño y el catálogo de los componentes del Kit (botones, menús, headers, tablas, formularios, etc.) para acelerar el proceso de diseño.
¡Solicita la librería para diseñar en Figma!
Desarrollo
Para los desarrolladores, entrega la librería de componentes en código HTML, CSS y Javascript, además de ejemplos de uso de los distintos elementos.
Kit para desarrolladoreslaunch
Adicionalmente, existe una plantilla básica para WordPress:
Template para WordPresschevron_right
Revisión
Todos los sitios que usan el Kit Digital deben pasar por el proceso de revisión del Checklist, para validar su correcta aplicación. Esto asegura que esté cumpliendo con el propósito de cumplir los estándares mínimos de usabilidad.
Template del Kit Digital en WordPress
Los puntos críticos del checklist están resueltos
El proceso de aprobación de uso del Kit es más rápido, ya que el template viene con los elementos necesarios para realizar un sitio web, correctamente aplicados, tales como headers, footers, tipografías, etc.
Entrega los componentes más comunes del kit como bloques de Wordpress
No hay necesidad de intervenir el código. Puedes incorporar distintos componentes sin que tengas que crear nuevos elementos.
Cuenta con plantillas para usos más comunes
Entre las páginas disponibles están: home, distintos tipos de páginas interiores, contacto, listado de noticias, noticia en detalle.
Integración con la API de Agenda (Próximamente)
Cuenta con el componente para mostrar las actividades de la Agenda UC que tu unidad quiera destacar.
Checklist Kit Digital
Esta herramienta permite asegurar el uso correcto del Kit Digital. Una vez aplicado, la unidad recibe un informe que detalla los puntos que se deben mejorar antes de la publicación de un sitio web.
¿Para qué sirve el Checklist?
- Garantiza que el sitio web cumple con los estándares mínimos de usabilidad y accesibilidad. Tu sitio se ve bien y funciona bien.
- Permite asegurar su calidad a lo largo del tiempo, y que se mantenga consistente en el diseño y los lineamientos con los otros sitios de la Universidad. Tu sitio no quedará obsoleto rápidamente.
- Es más fácil mantener un sitio que tiene el Kit, ya que, al contar con ciertos estándares, se pueden aplicar cambios de manera más rápida y eficiente. Si en el futuro quieres modificar algo, los costos serán menores.
El Kit Digital en cifras
Sitios usan el Kit Digital
Desde 2019 hasta noviembre de 2023, se ha utilizado el Kit en 212 proyectos de sitio web. Esta cifra incluye proyectos que están en etapa de diseño o de desarrollo.
Sitios han sido revisados
Y durante 2023 se ha logrado que gran parte de los sitios solo requieran 2 revisiones (que es el número de revisiones esperable).
Componentes y sus variaciones
En 2023 se han incorporado o mejorado 47 componentes del Kit, lo que suma un total de 181 componentes y sus variaciones (ej.: botones con estado normal y deshabilitado) publicados.