Valores del Sistema de Diseño Dominicano

Pensamos en las personas como centro para lograr interfaces fáciles de usar y de gran utilidad para todos los dominicanos.

Humano

Conocer a fondo los problemas de los ciudadanos y construir soluciones pensadas en la personas que utiliza un servicio.

Conocer las necesidades, motivaciones, rutinas y limitaciones para diseñar interfaces de acuerdo al contexto a los problemas a solucionar.

Usable

Presentar los elementos que conforman una interfaz digital de manera intuitiva y amigable para el usuario.

Al asegurar la usabilidad se cumple con tres factores principales: eficacia, eficiencia y satisfacción del usuario.

Para generar un sitio web usable se deben seguir las siguientes directrices:

  1. Contar con un ícono de página o “favicon”
  2. Mantener al usuario informado en todo momento y de manera coherente sobre lo que está sucediendo en el portal
  3. Diferenciar los hipervínculos
  4. Generar un rastro de navegación
  5. Distinguir los campos requeridos y opcionales en los formularios
  6. Generar la información de seguimiento necesaria tras el llenado de un formulario
  7. Evitar elementos invisibles
  8. Emplear un lenguaje simple y comprensible para los usuarios
  9. El logo y nombre del organismo
  10. Contar con botones que permitan al usuario imprimir la información que visualice
  11. Mantener la consistencia en los estilos gráficos y funcionalidades.
  12. Mostrar los elementos de navegación
  13. Ofrecer una guía o instructivo de uso por cada proceso que el usuario deba realizar.
  14. Facilitar una herramienta de búsqueda.

Se recomienda:

  1. Apelar al reconocimiento más que la memoria para que el usuario identifique los elementos.
  2. Indicar el resultado deseado en cada campo de un formulario.
  3. Evitar sobrecargar de información.
  4. Agrupar de manera coherente las preguntas de un formulario.
  5. Procurar que las cajas de texto en los formularios tengan el tamaño adecuado para el dato a introducir.
  6. Evitar el uso de campos opcionales o acciones en los formularios que no sean relevantes.
  7. Reducir el uso excesivo de scripts.
  8. Resumir a no más de tres la cantidad de clics que se deben dar para llegar a cualquier página dentro del sitio web.

Accesible

Asegurar que las interfaces puedan ser utilizadas por cualquier persona, sin importar su condición, reduciendo las barreras que dificultan su uso.

Para estas directrices se toma como referencia la Norma sobre Accesibilidad Web del Estado Dominicano (NORTIC B2).

Para crear un sitio web accesible se deben seguir las siguientes directrices:

  1. Proveer una descripción precisa de toda imagen o video bajo la etiqueta ALT.
  2. Indicar las dimensiones de ancho y alto en el código fuente de cada imagen.
  3. Dotar a cada campo de entrada de una etiqueta que muestre instrucciones precisas de la información a colocar.
  4. Contar con una secuencia de navegación establecida por código para mostrar el contenido ordenadamente.
  5. Ofrecer instrucciones con más de un indicador sensorial.
  6. Tener un contraste entre el texto y el fondo con una proporción mínima de 4.5:1 o 3:1 para textos cuyo tamaño de fuente supere los 18 puntos o 14 puntos.
  7. Ofrecer la posibilidad de navegar todo el portal utilizando solo el teclado.
  8. Nombrar todas las páginas web desde el código fuente. Este nombre debe describir el contenido de la misma.
  9. Utilizar enlaces descriptivos y amigables al usuario.
  10. Establecer el idioma de cada página web en el código fuente.
  11. Ofrecer al usuario una descripción textual de errores detectados.
  12. Definir el nombre.
  13. Evitar hipervínculos rotos.
  14. Separar la presentación del contenido.
  15. Asegurar el reajuste de tamaño del texto hasta un 200% sin que se pierda contenido o funcionalidad.
  16. Ofrecer una herramienta que permita cambiar el tamaño de los textos y el contraste del fondo.
  17. Evitar acciones automáticas no iniciadas por el usuario.
  18. Presentar una alternativa para que el usuario pueda cancelar procesos que ejecute.
  19. Ofrecer el hipervínculo para descargar el programa visualizador de los archivos multimedia que lo requieran.

Se recomienda:

  1. Evitar la sobrecarga de videos o animaciones en la portada.
  2. Suministrar un hipervínculo con la imagen en alta calidad cuando esta haya perdido calidad en un proceso de optimización.
  3. Utilizar el formato JPG para la presentación de imágenes.
  4. Emplear un solo directorio para almacenar las imágenes.
  5. Proporcionar equivalentes no textuales como dibujos.
  6. Procurar que los textos y gráficos sean comprensibles cuando se vean sin color.
  7. Utilizar tecnologías y pautas proporcionadas por el Consorcio de la World Wide Web (W3C).
  8. Facilitar tecnología de asistencia que reemplace el uso del teclado como el reconocimiento de voz.
  9. Proporcionar mecanismos de autocompletado.