Saltar al contenido principal

Programador

Descripción general​

El patrón de programador es un patrón de formulario que puede utilizar para programar acciones únicas o recurrentes basadas en intervalos de tiempo.

Cuándo se debe utilizar​

  • Para programar un evento, como una implementación, compilación o cita.
  • En formularios en páginas completas, en asistentes, en modales o en paneles laterales (cajones).

Anatomía​

El patrón de programador se crea a partir de componentes Jutro existentes. Para obtener un desglose en profundidad de la anatomía del patrón, consulte la siguiente sección:

Anatomía del patrón de programador

  1. Botón de conmutación: Se utiliza para alternar entre el formato estándar y el formato cron.
  2. Selección de menú desplegable: Se utiliza para especificar la frecuencia de un evento. Los valores posibles para este campo incluyen No se repite, Minutos, Horas, Días, Semanas y Meses.
  3. Cuadro combinado múltiple: Se utiliza para especificar los días de la semana en los que se produce un evento.
  4. Selector de fecha: Se utiliza para especificar la fecha de inicio de un evento.
  5. Selector de tiempo: Se utiliza para seleccionar la hora y la zona horaria.
  6. Componentes de fecha de finalización: Se utiliza para especificar la fecha en que finaliza un evento. Incluye los componentes selector de fecha y selector numérico (stepper).
  7. Entrada de texto: Se utiliza para ingresar sintaxis cron.
  8. Área de texto: Se utiliza para mostrar un string de solo lectura de eventos próximos.
  9. Botón: Se utiliza para guardar un evento o retroceder y no realizar ninguna acción.

Pautas generales​

  • Oculte el botón de conmutación si el formato estándar o cron no es pertinente para su caso de uso.
  • Cambie el formulario del programador predeterminado a la sintaxis cron si se ajusta a su caso de uso. Cuando la sintaxis cron es la predeterminada, aparece como botón de conmutación a la izquierda y la estándar aparece como el botón de conmutación a la derecha.
  • Oculte el menú desplegable de frecuencia si está tratando con eventos únicos.
  • No abrume a los usuarios con opciones de programación complejas. Mantenga la configuración predeterminada sencilla y proporcione opciones avanzadas para los usuarios que la necesiten.

Contenido​

Pautas generales de redacción​

  • En todos los aspectos del diseño de las interfaces de productos de Guidewire, utilice mayúsculas como se usan en las oraciones. No use mayúsculas en todas las palabras.
  • Use verbos en tiempo presente y voz activa en la mayoría de las situaciones.
  • Use contracciones comunes para darle al texto un tono más natural e informal (pauta correspondiente al inglés).
  • Use un lenguaje sencillo. Evite la jerga innecesaria y el lenguaje complejo.
  • Las palabras y las oraciones deben ser breves.

Accesibilidad​

  • Si se tematiza un componente individual, tenga en cuenta el contraste de color en los botones.
  • Siempre incluya rótulos de entrada.
  • El orden en que se desplazará el tabulador debe comenzar en la parte superior izquierda del formulario, continuar por toda una fila y luego pasar a la siguiente.
  • Si hay un título de grupo, como “Fecha de finalización”, anúncielo a través del lector de pantalla, si corresponde.

Capacidad de ser responsive​

  • En general, la estructura del contenedor de este patrón alcanza el máximo en el componente más ancho. Lo más probable es que no haya necesidad de que este componente abarque todo el ancho de la página.
  • El ancho máximo suele ser de alrededor de 500 px.
  • Los componentes pueden abarcar una o dos columnas, según el caso de uso.
  • Los componentes con múltiples entradas (por ejemplo, fecha de finalización) se ajustan a medida que el ancho del contenedor se reduce en los dispositivos móviles.

Tematización​

De forma predeterminada, los temas y la marca coinciden con los de la aplicación, a menos que se invaliden.

Los patrones pueden adoptar ciertos temas para cumplir con los requisitos específicos de la marca y las necesidades del cliente. Esto incluye elementos visuales como colores, tipografía, íconos, botones y otros componentes o elementos gráficos.

Más información sobre la tematización con tokens de diseño

Investigación que lo avala​

El diseño de este patrón es el resultado de la investigación de mercado comparativa, así como de casos de uso interno. La investigación de mercado se centró en otro software empresarial con programadores avanzados como Google Call, Zoom Meetings y Microsoft. Estos patrones se convirtieron en la referencia para el programador “estándar”, que permite a los usuarios seleccionar una frecuencia, un intervalo de fechas y una hora para un evento único o recurrente. Los diseñadores de UX investigaron el formato cron para garantizar que sus diseños respetaran los estándares de la industria.

Internamente, tuvimos varios casos de uso técnicos en los que los usuarios deben programar implementaciones o compilaciones recurrentes. Para ello, pueden utilizar el “formato estándar” si sus eventos programados siguen un patrón recurrente estandarizado, como una vez a la semana o cada dos días. Si necesitan programar eventos para un momento específico, pueden usar el formato cron. Esto garantiza que el patrón tenga la flexibilidad de que lo utilicen usuarios técnicos y no técnicos.

Componentes​

Patrones​

Recursos​

Descargue un archivo ZIP con los patrones más recientes de Jutro y comience a diseñar experiencias.

Biblioteca de patrones de Jutro (19.6 MB)