Redesign Graph editor Header and Menus to 2.80 Blender UI standards #89069

New Issue

bassam kurdali · 2021-06-11T20:13:53+02:00

bassam kurdali commented

2021-06-11 20:13:53 +02:00

The current graph editor menus have slowly evolved and not been evaluated carefully. As a result, the header menus are a bit of a mess:

Here some options are really hard to parse and arranged oddly (for intance, Show Handles and Show "Only Selected Keyframe Handles" are related, but seperated from each other, and it is really hard to parse what they do, some options like "AutoMerge Keyframes" don't belong at all in View.
This design task is to work towards making the header area in the graph editor match blender design, so that options are found in an expected place, similar to e.g. the 3D View header which has received more attention:

Reorganize the header so that similar items are in similar places, e.g. pivot and snapping options should be centered
Add an overlay menu and organize some of the clutter in the view menu so it makes more sense, and fits a (Blender) users expectations of where things should be
Reorganize all the menus if needed, and move items that don't belong (e.g. the aforementioned AutoMerge Keyframes) to a logical place
Potentially upgrade the editor to use the tool system and have two lines in the header for options, etc.

The current graph editor menus have slowly evolved and not been evaluated carefully. As a result, the header menus are a bit of a mess: ![viewmenu_graph_editor.png](https://archive.blender.org/developer/F10167310/viewmenu_graph_editor.png) Here some options are really hard to parse and arranged oddly (for intance, Show Handles and Show "Only Selected Keyframe Handles" are related, but seperated from each other, and it is really hard to parse what they do, some options like "AutoMerge Keyframes" don't belong at all in View. This design task is to work towards making the header area in the graph editor match blender design, so that options are found in an expected place, similar to e.g. the 3D View header which has received more attention: - Reorganize the header so that similar items are in similar places, e.g. pivot and snapping options should be centered - Add an overlay menu and organize some of the clutter in the view menu so it makes more sense, and fits a (Blender) users expectations of where things should be - Reorganize all the menus if needed, and move items that don't belong (e.g. the aforementioned AutoMerge Keyframes) to a logical place - Potentially upgrade the editor to use the tool system and have two lines in the header for options, etc.

bassam kurdali commented

2021-06-11 20:13:53 +02:00

Added subscriber: @BassamKurdali

bassam kurdali commented

2021-06-11 20:18:16 +02:00

Current Appearance:

Snapping options and Proportional editing are right justified, whereas they are centered in the 3D View
There is no overlays drop down

**Current Appearance:** ![grapheditor_current.png](https://archive.blender.org/developer/F10167322/grapheditor_current.png) - Snapping options and Proportional editing are right justified, whereas they are centered in the 3D View - There is no overlays drop down # The view menu is confusing, and almost requires careful reading with every use. Some options don't really belong there.

bassam kurdali commented

2021-06-11 20:24:48 +02:00

Mockup 1

Centered Pivot, snapping and proportional editing header buttons, matching 3D View and other editors
Added Overlays menu to the right
Moved Markers and 2D Cursor from View to the overlays
Moved Curve extrapolation from View to the overlays
Moved "Only selected Curves Keyframes" from View to overlays and renamed slightly
Removed "Show Handles" and "Only Selected Keyframes Handles" And replaced it in overlays with an Enum Menu that has "None, All, Selected" options.

**Mockup 1** ![grapheditor_mockup_1.png](https://archive.blender.org/developer/F10167325/grapheditor_mockup_1.png) - Centered Pivot, snapping and proportional editing header buttons, matching 3D View and other editors - Added Overlays menu to the right - Moved Markers and 2D Cursor from View to the overlays - Moved Curve extrapolation from View to the overlays - Moved "Only selected Curves Keyframes" from View to overlays and renamed slightly - Removed "Show Handles" and "Only Selected Keyframes Handles" And replaced it in overlays with an Enum Menu that has "None, All, Selected" options. # Removed "Automerge Keyframes" - there are several places where it could go, and the View menu isn't one of them. (It could go in the Key menu, in the "Options" button if graph editor goes to a tools system, or the sidebar, or some/all of the above)

bassam kurdali commented

2021-06-11 20:27:10 +02:00

Mockup 2

Based on suggestions from Hans Goudey, replaced "Only Selected Curves Keyframes" with an enum - the boolean is a bit confusing as turning it ON turns OFF keyframes on unselected curves. The enum currently has "All" and "Selected" as options, it could be "Selected Curves" if that is too cryptic.

**Mockup 2** ![grapheditor_mockup_2.png](https://archive.blender.org/developer/F10167331/grapheditor_mockup_2.png) Based on suggestions from Hans Goudey, replaced "Only Selected Curves Keyframes" with an enum - the boolean is a bit confusing as turning it ON turns OFF keyframes on unselected curves. The enum currently has "All" and "Selected" as options, it could be "Selected Curves" if that is too cryptic.

Paul Larson commented

2021-06-12 02:52:31 +02:00

Added subscriber: @GeorgiaPacific

Philipp Oeser commented

2021-06-24 13:28:31 +02:00

Added subscriber: @lichtwerk

Philipp Oeser commented

2021-06-24 13:28:31 +02:00

Changed status from 'Needs Triage' to: 'Needs Developer To Reproduce'

Philipp Oeser commented

2021-06-24 13:28:31 +02:00

Think there is not much to be done from the triaging side of things, will let the devs decide to set status to confirmed.

Christiaan Moleman commented

2021-07-08 00:29:17 +02:00

Added subscriber: @ChristiaanMoleman

Christiaan Moleman commented

2021-07-08 15:00:26 +02:00

One suggestion I would make, regardless of where they end up in the UI, is to make Only Selected Curve Keyframes (and perhaps also Handles) default to ON, because this is extremely confusing to new users and the first thing I have to tell people to enable if they're doing animation and working in the graph editor. For most animators, you pretty much never want to select ALL curves. If you wanted to manipulate more than one curve at once you would manually select multiple curves. Normally you focus on one curve at a time. The default behaviour should be only selected.

Related: https://blender.community/c/rightclickselect/xsgbbc/

This RCS entry is about how locked curves should NOT be selectable, but it stems from the same problem of users accidentally selecting curves and keys they don't want with default settings.

One suggestion I would make, regardless of where they end up in the UI, is to make *Only Selected Curve Keyframes* (and perhaps also *Handles*) default to **ON**, because this is *extremely* confusing to new users and the first thing I have to tell people to enable if they're doing animation and working in the graph editor. For most animators, you pretty much never want to select ALL curves. If you wanted to manipulate more than one curve at once you would manually select multiple curves. Normally you focus on one curve at a time. The default behaviour should be **only selected**. Related: https://blender.community/c/rightclickselect/xsgbbc/ This RCS entry is about how locked curves should NOT be selectable, but it stems from the same problem of users accidentally selecting curves and keys they don't want with default settings.

Luciano Muñoz Sessarego commented

2021-10-14 18:44:16 +02:00

Added subscriber: @LucianoMunoz

Andy Cuccaro commented

2021-10-22 13:53:43 +02:00

Added subscriber: @AndyCuccaro

bassam kurdali commented

2021-10-22 17:53:16 +02:00

I kinda agree here. The problem (too many handles) is less likely to occur with simple animations/new users, and not worth the confusion. More advanced animators should have an easier time/tendency to customize to their liking / task at hand.

Nika Kutsniashvili commented

2023-01-05 13:56:22 +01:00

Added subscriber: @Nika-Kutsniashvili

Philipp Oeser removed the

Download

What's New

Blender Studio

Manual

Developers Blog

Documentation

Benchmark

Blender Conference

Development Fund

One-time Donations

Redesign Graph editor Header and Menus to 2.80 Blender UI standards #89069

The view menu is confusing, and almost requires careful reading with every use. Some options don't really belong there.

Removed "Automerge Keyframes" - there are several places where it could go, and the View menu isn't one of them. (It could go in the Key menu, in the "Options" button if graph editor goes to a tools system, or the sidebar, or some/all of the above)