Enhance the user experience by improving the widgets on the run detail page without altering user flows.
The primary goals of this UI update are:
  • Improve the entire page's layout by reorganizing the order of widgets and the information within them.
  • Unify color and icon use to ensure consistency across the application.
Specifically:
  • To enhance the usability and aesthetics of the "General" widget in run detail page, improvements will involve reordering and resizing elements, optimizing the widget for increased interactive intuitiveness, unifying icon styles to outline format, and introducing an expand/collapse functionality. This aims to address the visual imbalance caused by the increased elements such as resource labels, pipeline name, and optimization details within the widget.
  • The current Process widget layout presents problems because the names can be too long and unreadable, the numeric value is unclear, and the progress bar lacks clarity. We aim to improve this by resizing and restyling the Process widget, providing an easy way to jump into tasks, and evaluate an overall progress indicator for added clarity.
  • Improve the Status widget UI on the run detail page, enhancing accessibility by adjusting text color contrast, consolidating the use of colors, especially for the "Cached" status, and renaming the widget to accurately reflect its content: "Task status." These changes aim to enhance user experience and clarity in interpreting the widget information.
  • The Tasks table enhancement is addressed in a separate effort.