gub.uy ayuda Sitio de apoyo para la comunidad de referentes

Sprint 33: listado de actualizaciones y mejoras

Fichas

Enfoque Mobile First

En el marco de las mejoras del producto hemos decidido cambiar el enfoque hacia Mobile First en donde se prioriza el desarrollo  web partiendo de dispositivos moviles como referencia. Adoptar tomar un camino Mobile First ayudará a que la información desde los portales sea más accesible a todas las personas. Una interfaz Mobile ayudará a tener una interfaz mucho más amigable e interactiva, así como más sencilla de acceder desde los celulares. Por lo que a partir de este momento estaremos enfocándonos en realizar cambios progresivos para ir mejorando el enfoque hacia mobile firsdt. En esta ocasión los cambios que se realizaron son sobre el grupo de contenedores y funcionalidades más importantes.

Listado vertical:

Cambios en el diseño para mejorar la estructura de mobile

• Se adiciona el campo Información Adicional. (óptimo 50 caracteres)
• Cambios de longitud de campos: Título: actualmente tiene 50 caracteres, el óptimo sería a 60 (el tamaño del campo pasa a ser el máximo).Contenidos: Título del contenido: actualmente tiene 120, el óptimo sería a 80. (el tamaño del campo pasa a ser el máximo). Resumen del contenido: actualmente tiene 430, el óptimo sería a 360. (el tamaño del campo no varía, pero se recomendará con una ayuda contextual los caracteres óptimos para una mejor visualización Mobile).

Listado horizontal:

Cambios en el diseño para mejorar la estructura de mobile

• El campo Fecha pasa a ser obligatorio solo en el caso que un elemento tiene cargada un elemento fecha. (No se deben tener elementos con fecha y otros
• Cambios de longitud de campos. Título: actualmente tiene 50, el óptimo sería a 60. Resumen: se extiende 160 caracteres (antes era de 90), el óptimo sería a 160 caracteres (se recomendará con una ayuda contextual los caracteres óptimos para una mejor visualización Mobile). Contenidos:Título: actualmente tiene 65, el óptimo sería a 80. (el tamaño del campo pasa a ser el máximo).Resumen: actualmente tiene 120, el óptimo sería a 120. (el tamaño del campo pasa a ser el máximo).Nombre del enlace del pie de página: actualmente tiene 40, el óptimo sería a 40. (el tamaño del campo pasa a ser el máximo).

Datos numéricos:

• Cambios en el diseño para mejorar la estructura de mobile
• Se adiciona el campo Resumen. (óptimo 160 caracteres)
• Variante:Adicionar variante para configurar la cantidad de columnas. (La cantidad de columnas que pudiera configurarse es 1, 2 o 3).
• Variantes de alineación:Se observan dos variantes de alineación en este caso: Centrado, alineado a la Izquierda.
• Tener en cuenta de mantener los contenedores que ya existen con la variante de centrado.
• Adicionar el Enlace al pie. (campo Opcional)
• Cambios de longitud de campos: Título actualmente tiene 60, el óptimo sería a 60. (el tamaño del campo pasa a ser el máximo). Contenido: Información Adicional actualmente tiene 30, el óptimo sería 30. (el tamaño del campo pasa a ser el máximo). Valor Total actualmente tiene 10, el óptimo sería 8. (el tamaño del campo no varía, pero se recomendará con una ayuda contextual los caracteres óptimos para una mejor visualización Mobile).
• Título actualmente tiene 50, el óptimo sería a 80. (el tamaño del campo pasa a ser el máximo).
• Resumen actualmente tiene 120, el óptimo sería a 90. (el tamaño del campo pasa a ser el máximo).

Listado de trámites:

• Cambios en el diseño para mejorar la estructura de mobile
• Paleta de colores:Se incluye variante para poder configurar el Color.
• Ajustar el contenedor para que se pueda utilizar en las grillas de 2 columnas.
• Se incluye variante para poder configurar la cantidad de columnas. Las posibles columnas a configurar serían (1, 2, 3).
• Cambios de longitud de campos. Título: actualmente tiene 50, el óptimo sería a 60. (el tamaño del campo pasa a ser el máximo). Contenidos: Título actualmente tiene 75, el óptimo sería a 80. (el tamaño del campo pasa a ser el máximo). Resumen actualmente tiene 100, el óptimo sería a 100. (el tamaño del campo pasa a ser el máximo).Texto de botón: actualmente tiene 30, el óptimo sería a 30. (el tamaño del campo pasa a ser el máximo).
• Nombre del enlace del pie de página: actualmente tiene 30, el óptimo sería a 40. (el tamaño del campo pasa a ser el máximo).

Línea de tiempo

• Cambios en el diseño para mejorar estructura Mobile First.
• Se adiciona funcionalidad de desplazarse con las etiquetas.
• Se adiciona funcionalidad de Enlace al pie.
• Se debe crear un nuevo formato de texto, basado en el formato básico, pero debe permitir adicionar un botón en cada elemento como se observa en el maquetado. (Mantener la configuración del formato de texto dentro del módulo padre de los contenedores) 
• Se ajusta el estilo del enlace de cada elemento al nuevo que se visualiza en el diseño. (Botón con fondo blanco) 
• Paleta de colores: Permitir configurar la paleta de colores en el Timeline. Tener en cuenta los cambios que se precisen incluir en el módulo de la paleta. 
• Cambios de longitud de campos. Título: actualmente tiene 120, el óptimo sería 120. (el tamaño del campo pasa a ser el máximo).
• Contenido: Nombre actualmente tiene 30, el óptimo sería 80. (el tamaño del campo pasa a ser el máximo).Título actualmente tiene 120, el óptimo sería 120. (el tamaño del campo pasa a ser el máximo).
• Información adicional pasa a ser opcional.

Agenda

• Se incluye el año en el diseño de fecha. Consultar punto de “Molécula de Fecha”
• Tamaños de grillas: Se incorporan nuevos tamaños de grillas para facilitar el diseño de las subhome y el uso de los contenedores. Los tamaños que se manejarán a partir de ahora son los siguientes:

1. 3XL / 1920
2. 2XL / 1440
3. - / 960
4. XL / 720
5. LG / 615
6. -  / 560
7. MD / 510
8. -  / 450
9. SM / 360
10. XS / 282
11. 2XS / 120

Caminos de migas:

• Cambios en el diseño para mejorar estructura Mobile First.

Página de libro

• Cambios en el diseño para mejorar estructura Mobile First.
• Paleta de colores: tener en cuenta que el color del cabezal del libro lo toma de la configuración de la Paleta de Colores en la sección Color de fondo del cabezal para contenidos de tipo Libro.

Molécula de fecha

Se cambia el diseño de la molécula de fecha en el tipo de contenidos Actividad, y en el contenedor en que se usar. El nuevo diseño se adapta a todas las variantes de la molécula de fecha para que luego pueda ser reutilizada desde diferentes lugares de la solución:

• Estado: si ya paso la fecha de la actividad se muestra de un color diferente. Si no se muestra en el color azul que se venía mostrando.
• Se incluye el año.
• Se puede mostrar más de un año, si la actividad comienza en un año y termina en el siguiente.
• Se puede mostrar un rango de días.
• Se puede mostrar un rango de meses.
• Se aplica nuevo diseño en el calendario de próximas actividades.
• Se aplica nuevo diseño en el calendario de actividades anteriores.
• Se aplica nuevo diseño en el Listado de actividades de un evento.
• Se aplica nuevo diseño en el contenedor de agenda.

Paleta de colores

• Se hacen mejoras en la Paleta de Colores para asumir los nuevos cambios Mobile First.
• Se corrige error en la paleta que no permitía seleccionar los colores ubicados por defecto en el 9, 10, 11 y 12 en otras posiciones. Con esto se amplía de 18 a 22 los colores elegibles en cualquier posición.
• Se contempla además que cualquiera de estos colores pueda ser elegible en el "color secundario" (D1 y Hero), colocando automáticamente texto en blanco o negro de acuerdo al color elegido, para garantizar los contrastes mínimos.

Listado de mejoras 

1. Estamos trabajando en la actualización a PHP 8 y Drupal 10, como parte de este proceso estamos comenzando a actualizar versiones de módulos contribuidos y funcionalidades que se usan habitualmente. Se ha puesto especial atención en minimizar el impacto de estos cambios, ante alguna irregularidad que se detecte deberá comunicarse al correo de soporte@agesic.gub.uy
2. Accesibilidad Web: se incluyen mejoras de accesibilidad basados en los errores reportados en el Observatorio.
3. Se hacen ajustes de diseño a la presentación del tipo de contenido transparencia
4. Se unifican los mensajes de suscripción de boletines.
5. Se ajusta el criterio de orden para el listado de próximas actividades, ahora se ordena por fecha de inicio ascendente.
6. Se ajusta el filtro de temáticas del listado de proximas actividades para que solo muestre items que tengan resultados
7. Se ajustan los permisos para que los editores puedan cargar correctamente el tipo de contenido funcionarios
8. Se hacen correcciones en el funcionamiento en que las actividades pasan de proximas a anteriores:
9. Actividades en las que NO se especifica horario, deben permanecer en calendario de actividades hasta el día de finalización de la actividad. Pasan a anteriores a las 00:00 del día posterior a la finalización.
10. Actividades en las que SI se especifica horario, deben permanecer en el calendario de actividades hasta el horario de finalización de la activadad, y en ese momento pasan a actividades anteriores.

Etiquetas