Let's talkHablemos
All workTodo el trabajo

01 / 04

Redwood Messaging

Designing consistent feedback for complex enterprise workflows.

Diseñando feedback consistente para flujos empresariales complejos.

Message Banner, Progress Banner, Acknowledgment Toast and Progress Toast
CompanyEmpresa
Oracle · Redwood Design System
My roleMi rol
Lead designer for the messaging component family
Diseñadora líder de la familia de componentes de mensajería
ComponentsComponentes
Message Banner, Progress Banner, Acknowledgment Toast, Progress Toast
OutcomeResultado
In production across Oracle interfaces
En producción en interfaces de Oracle

01Project overviewResumen del proyecto

At Oracle, I was the lead designer for a family of Redwood messaging components: Message Banner, Progress Banner, Acknowledgment Toast and Progress Toast.

En Oracle fui la diseñadora líder de una familia de componentes de mensajería de Redwood: Message Banner, Progress Banner, Acknowledgment Toast y Progress Toast.

I researched and developed their final component behavior, and defined patterns, interactions and design usage guidelines. The work reached production across Oracle interfaces.

Investigué y desarrollé el comportamiento final de cada componente, y definí patrones, interacciones y guías de uso. El trabajo llegó a producción en las interfaces de Oracle.

02Problem statementEl problema

Enterprise workflows need to communicate errors, confirmations and ongoing work without taking over the task. Long or stacked messages can compete with page content, while brief notifications may not provide enough time or detail to act.

Los flujos empresariales necesitan comunicar errores, confirmaciones y procesos en curso sin apoderarse de la tarea. Los mensajes largos o apilados compiten con el contenido de la página, y las notificaciones breves pueden no dar tiempo ni detalle suficiente para actuar.

The challenge

El reto

Define the usage of each component for the right message: when to use each pattern, how it behaves and what users can do next. The work also addressed consistency between banner implementations, coexistence with other components, and the space messages occupy.

Definir el uso de cada componente según el mensaje: cuándo usar cada patrón, cómo se comporta y qué puede hacer el usuario después. El trabajo también atendió la consistencia entre implementaciones del banner, la convivencia con otros componentes y el espacio que ocupan los mensajes.

03Research and insightsInvestigación e insights

I started by exploring the needs and goals of messaging patterns, gathering stakeholder requests and defining acceptance criteria. I reviewed enterprise scenarios, usability and accessibility to understand how messages should support users throughout a task.

Empecé explorando las necesidades y objetivos de los patrones de mensajería, reuniendo requerimientos de stakeholders y definiendo criterios de aceptación. Revisé escenarios empresariales, usabilidad y accesibilidad para entender cómo los mensajes deben acompañar al usuario durante una tarea.

Keep the message appropriate

Un mensaje adecuado

A brief confirmation and an error that needs action have different requirements. I used purpose, context and persistence to frame the choice of component.

Una confirmación breve y un error que requiere acción tienen necesidades distintas. Usé propósito, contexto y persistencia para guiar la elección del componente.

Help users recover

Ayudar a recuperarse

Errors need context and relevant next steps. The banner explorations considered message-specific actions, because different issues can require different responses.

Los errores necesitan contexto y siguientes pasos relevantes. Las exploraciones del banner consideraron acciones específicas por mensaje, porque cada problema puede requerir una respuesta distinta.

Review sessions and component audit
Review sessions and an audit of existing messaging across Oracle products.
Sesiones de revisión y auditoría de la mensajería existente en productos Oracle.

04ProcessProceso

I explored component layouts and behavior, then reviewed proposals with the design community, stakeholders, implementation teams and accessibility specialists. I documented the resulting states, usage rules and interaction details.

Exploré layouts y comportamientos de los componentes, y revisé las propuestas con la comunidad de diseño, stakeholders, equipos de implementación y especialistas en accesibilidad. Documenté los estados resultantes, las reglas de uso y los detalles de interacción.

Annotated anatomy of banner and toasts
Annotated anatomy of the Message Banner, Progress Toast and Acknowledgment Toast, and how they appear in a real page on desktop and mobile.
Anatomía anotada del Message Banner, Progress Toast y Acknowledgment Toast, y cómo aparecen en una página real en desktop y móvil.

05SolutionSolución

Four components cover contextual messages, brief acknowledgments and ongoing processes. Shared guidance helps product teams choose and apply them consistently.

Cuatro componentes cubren mensajes contextuales, confirmaciones breves y procesos en curso. Una guía compartida ayuda a los equipos de producto a elegirlos y aplicarlos de forma consistente.

  • Message Banner

    Keeps information, warnings or errors visible in context. It supports details and relevant actions when users need more than a brief notification.

    Mantiene visibles información, advertencias o errores en contexto. Admite detalles y acciones relevantes cuando el usuario necesita más que una notificación breve.

  • Progress Banner

    Keeps users informed during longer processes. Progress indicators and outcome states show whether the task is running, completed or needs attention.

    Mantiene informado al usuario durante procesos largos. Los indicadores de progreso y estados de resultado muestran si la tarea está en curso, terminada o requiere atención.

  • Acknowledgment Toast

    Confirms that an action completed successfully. It provides brief, noncritical feedback and dismisses automatically without requiring a response.

    Confirma que una acción se completó con éxito. Da feedback breve y no crítico, y se cierra solo sin requerir respuesta.

  • Progress Toast

    Shows an action while it is still running and updates when it finishes. Where supported, users can dismiss the toast or cancel the task through separate controls.

    Muestra una acción mientras sigue en curso y se actualiza al terminar. Donde aplica, el usuario puede cerrar el toast o cancelar la tarea con controles separados.

Messaging and Progress guidelines pages

Messaging + Progress guidelines

Guías de Messaging + Progress

Messaging guidance explains component selection and how messages work together. Progress guidance adds duration, blocking and non-blocking behavior, transaction context and outcomes. I documented these decisions so teams could apply them across workflows.

La guía de Messaging explica cómo elegir el componente y cómo conviven los mensajes. La guía de Progress agrega duración, comportamiento bloqueante y no bloqueante, contexto de la transacción y resultados. Documenté estas decisiones para que los equipos pudieran aplicarlas en todos sus flujos.

06ImpactImpacto

The messaging work reached production. The internal Redwood component tracker shows how frequently components are used across Oracle interfaces.

El trabajo de mensajería llegó a producción. El tracker interno de componentes de Redwood muestra con qué frecuencia se usan los componentes en las interfaces de Oracle.

3,821Message Banner instances. Second in the component ranking; HCM and SCM account for the largest counts, and CX is also represented.instancias del Message Banner. Segundo lugar en el ranking de componentes; HCM y SCM concentran la mayoría, y CX también aparece.
~1,950Acknowledgment Toast instances, the fourth most-used component across Oracle products.instancias del Acknowledgment Toast, el cuarto componente más usado en productos Oracle.

An instance is one use of a component in an Oracle interface. The snapshot shows adoption across product teams; it does not count unique users.

Una instancia es un uso del componente en una interfaz Oracle. La captura muestra adopción entre equipos de producto; no cuenta usuarios únicos.

Redwood Component Usage tracker
Redwood Component Usage tracker, oj-sp-messages-banner detail.
Tracker Redwood Component Usage, detalle de oj-sp-messages-banner.