TxDOT.gov Biblioteca de productos
Componentes
Los componentes son unidades fundamentales de una interfaz de usuario, diseñadas para funcionalidades, estructuras y estilo específicos que fomentan la coherencia.
Explora los componentes a continuación para saber cómo se utilizan en la web de TxDOT.gov , incluyendo orientación sobre anatomía de componentes, ubicación, consideraciones de accesibilidad y mejores prácticas.
- Promueve la coherencia en el diseño y la experiencia de usuario
- Hace que crear sitios web y aplicaciones sea más rápido y fácil
- Garantiza que todas las páginas y características sean consistentes
- Guía a los usuarios con diseños y estilos familiares
- Mejora la usabilidad y accesibilidad en todos los dispositivos
- Ahorra tiempo y esfuerzo aprovechando elementos prediseñados
Los componentes están diseñados para productos digitales específicos y casos de uso. Aunque los componentes pueden compartir comportamientos y patrones de interacción similares, su apariencia e implementación pueden variar entre productos digitales de TxDOT para soportar necesidades específicas del producto.
Piénsalos como el mismo tipo de zapato disponible en diferentes colores o tallas. La función se mantiene igual mientras la presentación se adapta al producto.
La accesibilidad es fundamental para garantizar que todos los usuarios puedan utilizar eficazmente los recursos digitales.
Probar componentes responsivos en diferentes dispositivos mejora la satisfacción del usuario. Consulta la sección de accesibilidad bajo cada componente o visita la página de política de accesibilidad para obtener información adicional.
Componentes actuales
Una lista de encabezados que ocultan o revelan contenido.
Se usa para activar una acción o evento.
Permite colocar los componentes uno al lado del otro.
Exhibiciones de contenido destacado.
Resalta contenido con texto, imagen y botón.
Estructura el contenido y proporciona una jerarquía clara.
Añade imágenes o ilustraciones a la página.
Transmisión de vídeo en directo
Retransmite vídeos en directo como las cámaras de la Comisión y de tráfico.
Enlaza directamente a secciones específicas de una página.
Enlaces directos a páginas relacionadas.
Una tabla contiene datos organizados en filas y columnas.
Introducir, formatear y organizar el contenido de texto dentro de una página web.
Contiene contenido y acciones sobre un único tema.
Inserta y reproduce un vídeo de YouTube dentro de una página web.
Componentes futuros
Los componentes que aparecen a continuación existen actualmente en AEM, pero estamos en proceso de crear documentación completa y mejores prácticas.
- Forma AEM
- Héroe de la bandera
- Listado de calendarios
- Tarjeta de contacto
- Vista previa del documento
- Evento
- Alerta destacada
- Banner de alerta global
- GovDelivery
- Carta horizontal
- Iframe
- Tarjeta de información
- Lista
- Objeto de medios
- Alerta de página
- Título e imagen de la página
- Estado del proyecto
- Componente de la red social
- Tarjeta de estadísticas
- Pestaña
- Título con botón
- Tarjeta de citas de TxDOT