¿Qué son los estándares?
Son protocolos y pautas normalizadas que describen los requisitos necesarios para guiar a los servicios digitales del Gobierno de la Ciudad de Buenos Aires hacia su máximo potencial. Diseñamos soluciones centradas en la ciudadanía para que su experiencia sea simple, usable y accesible.
¿Por qué necesitamos estándares?
La finalidad de los estándares es la creación de un servicio universal, accesible, fácil de usar, abierto y de uso libre, en el que todo el mundo pueda confiar y colaborar.
Investigar, diseñar, reutilizar
Cada componente de nuestro sistema fue seleccionado en función de la interacción del/a vecino/a con los diferentes servicios digitales de la Ciudad.
Este proceso de selección fue discutido exhaustivamente para evitar arrastrar vicios de prácticas anteriores como la personalización constante de componentes según cada requerimiento.
En esta línea, propusimos recursos que sean fáciles de reutilizar, escalar y adaptar en cada caso de uso.
Esto no quiere decir que todo lo que hoy se presenta bajo este sistema sea una decisión definitiva.
Por el contrario, sabemos que Obelisco es un organismo vivo que va a ir alimentándose del feedback permanente que reciba de todas las partes que interactúen con él, ya sean áreas de Gobierno, proveedores internos o externos y usuarios en general.
- Fomentamos el diseño modular, iterativo y centrado en el usuario.
- Nos enfocamos en la accesibilidad, usabilidad y la compatibilidad con dispositivos.
- Creamos un lenguaje de diseño consistente con nuestros valores y motivaciones.
- Buscamos que los equipos construyan prototipos con agilidad.
- Estamos abiertos a un feedback constante de la comunidad para alimentar el sistema.
Fichas de componentes
A partir de un diseño atómico podemos pensar todo nuestro sistema de diseño, configurándose a partir de pequeñas unidades de interacción, hasta grandes patrones.
Abordamos la difícil tarea de crear fichas técnicas de descripción y uso de cada componente para que quien necesite usar Obelisco cuente con una guía detallada a la hora de prototipar o implementar el sistema.
De todas maneras, el equipo de Experiencia Digital está siempre abierto al diálogo y, de ser necesario, se podrá modificar o agregar contenido con el fin despejar dudas de usos y comportamientos.
- Estructuramos nuestros componentes en átomos, moléculas, organismos y templates.
- Usamos un lenguaje común entre diseñadores y desarrolladores.
- Apostamos por la comunicación constante entre diseñadores, contenidistas y desarrolladores.
- Creamos paletas estandarizadas simples y accesibles.
- Implementamos guías de uso y buenas prácticas de cada componente.
Colores accesibles
A la hora de construir nuestro sistema pusimos especial atención en la accesibilidad de la paleta de colores. Todos los contrastes entre texto y fondo (dentro de los componentes y en textos en general) fueron abordados conforme la Ley Nº26.653 de Accesibilidad Web.
- Nos basamos en las normas de contraste accesible de la W3C.
- Planteamos una paleta reducida.
- Categorizamos el sistema de color según su uso: textos, fondos y detalles cromáticos.
Sistema consistente
Necesitábamos diseñar un sistema que representara la manera en que el Gobierno de la Ciudad dialoga con los vecinos y vecinas. Para esto utilizamos componentes simples, despojados de recursos que puedan opacar la claridad de la información o el mensaje, sin perder de vista la armonía visual y la accesibilidad.
Algunos de nuestros recursos:
- Un tipo de letra amigable, pregnante y legible para los encabezados.
- Tipografías universales y de fácil lectura para el cuerpo de la información.
- Una estructura sólida y modular, apoyada en grillas cuidadosamente diseñadas.
- Un diseño con formas suaves y colores neutros.
- Un discurso claro e inclusivo.
- Un sistema de código abierto ávido del feedback de la comunidad