Console event UX framework

[kschiffer]

Summary

We need to review the current UX of event streams in the Console. This issue serves as an overview for me to track individual event related issues and requirements. The goal is to develop a couple of wireframes with a new UX framework under which we can resolve the individual issues below.

Why do we need this?

There are currently some UX, as well as technical issues in our event streams:

• Event streams unable to handle high event frequencies Data views slow down and freeze after receiving many events #2887
• Event previews are not optimal
  • Hard to scan for common fields Highlight Frame Counter value of message events in Live Data views #3716
  • Horizontal scrolling not optimal Add Word Wrap option to events list in Live Data views #3718
• "Scannability" of events not optimal (no color-coding, icons not optimal) Improve recognizability and ability to differentiate events and devices by using colors in Live data views #3813, Improve visibility of events by using colors and better icons #3812
• Grouping of events and visual indication of related events Allow Escape key to close the Event Details window in Live Data views #3717, Visualize related events using correlation ids in the Console #3312, Group events in (live) data view #3713
• Missing filtering of events Event stream filters in console #2231
• Allow proper keyboard navigation for event view Keyboard navigation in events list in Live Data views not working #3719
• Showing advanced and interactive event details Show advanced and interactive event details in the Console #3311
• Extracting event data as JSON Export event log as JSON from console #2383
• Add second fraction to presented timestamps

What is already there? What do you see now?

• Many requirements, UX and technical issues
• Some preliminary ideas for solutions

What is missing? What do you want to see?

A proper UX framework for events in the Console, defined by a set of descriptive wireframes

How do you propose to implement this?

After such framework is found we should continue discussion about implementation details and plan the execution

How do you propose to test this?

Testing event related functionality is another big task which should however be discussed separately.

Can you do this yourself and submit a Pull Request?

I'll follow up with the UX first and then we can look what other assignments make sense.

[kschiffer]

I've updated some of the issues above with the blocked label. Not every event related should be blocked on this issue but my rationale is to rather invest into a wider UX concept to solve many issues at once rather than patchworking individual UX issues.

[htdvisser]

Roadmap update: Q4 2021 - Conference 2022

[KrishnaIyer]

Blocked on #6338.
Let's first discuss if we still want to use the SSE or use WebSockets for handling events from the Console before coming back to this.

[KrishnaIyer]

Most items here are done, moved or will not be done (commented in the individual issues), Replaced by #7341