¿Qué es?
El portal Tipo es un proyecto que acumula la experiencia de varios años en la construcción y mejora de portales por parte de Agesic. Constituye un material en permanente evolución que tiene en cuenta los lineamientos y buenas prácticas en Usabilidad y Accesibilidad, teniendo en cuenta los estándares internacionales y que intenta ser una vía de intercambio con los distintos equipos de desarrollo de portales involucrados a los largo del Estado para mejorar, corregir y evolucionar la Web estatal.
Se trata de una lista de formatos (plantillas) que surgen del relevamiento de las necesidades de decenas de organismos, chicos medianos y de gran porte que sirven como paquete de herramientas a la hora de publicar el contenido institucional de las diferentes organizaciones.
El concepto rector de todo el portal es la idea de contenedores, de porciones de pantalla independientes que muestran contenidos. De esta forma un mismo documento puede ser representado de distintas formas en distintas secciones del portal, pero manteniendo uniforme la estructura, el lenguaje y por lo tanto la forma en que los usuarios interactúan con él.
Todas las páginas del portal están construidas sobre una grilla de 12 columnas combinables y una serie de reglas donde los contenedores pueden colocarse. Éstas reglas traen implícitas los atributos CSS necesarios para la visualización correcta en todos los espacios de la grilla, haciendo muy sencilla la modificación de los layout dentro de estos parámetros.
En esta guía rápida para el uso de contenedores sobre la grilla se puede visualizar la lógica para el control de las distintas visualizaciones de los contendores para las distintas resoluciones de pantalla
Diseño atómico
La metodología de diseño utilizada para este proyecto es Atomic design (Brad Frost) en la que se definen y diseñan en el inicio los elementos mínimos e indivisibles para luego generar al combinarlos los componentes más complejos que serán utilizados a lo largo de todas las páginas, logrando así una consistencia sin fisuras tanto en el aspecto como en los modelos de interacción de cada uno de los elementos.