Maniphest T36028

New 4-column layout for the editor-type-selector menu...
Closed, ResolvedPATCH

Assigned To
Julian Eisel (Severin)
Authored By
David Jeske (jeske)
Jul 6 2013, 6:54 AM
Tags
  • User Interface
  • BF Blender: 2.8
Subscribers
Aaron Carlisle (Blendify)
Aditia A. Pratama (aditiapratama)
Bartosz Moniewski (monio)
Charbel Nicolas (charbelnicolas)
David Jeske (jeske)
Diego Gangl (januz)
Greg Zaal (gregzaal)
5 More Subscribers
Tokens
"Like" token, awarded by januz."Like" token, awarded by plyczkowski."Love" token, awarded by monio."Like" token, awarded by josiahjack.

Description

MOTIVATION: The current editor-type selection menu is a confusingly long vertical list of 17 items, 47% of which end in "Editor" (8 of them). After seeing a bunch of suggestions to improve this, I decided to experiment. After discussion and a bunch of experimentation, I settled on this patch. This is based on the same menu-style as the multi-column Modifiers menu, which works well.

http://www.pasteall.org/pic/54986

The four-grouping categories are defined as follows...

+ /* Workspaces - author new data directly */
+ /* Tools - alternate editing views on the data being created in workspaces */
+ /* Asset Management (Tools) - browse, manage, load, mix, and process assets for use in workspaces */
+ /* Scripting - Script 3d objects, the UI, and the BGE. */

..this patch obsoletes my previous patch for this menu...

Related Objects

Mentioned In
rB60712d12eb89: UI: 4-column layout for the editor-type selector menu
D3112: UI: New 4-column layout for the editor-type-selector menu
rB7530cfccc2f0: Use 4-column layout for editor menu
Mentioned Here
rB60712d12eb89: UI: 4-column layout for the editor-type selector menu
T54389: Blender Interactive Mode Outline
P239 4-column layout for editor menu

Event Timeline

David Jeske (jeske) edited a custom field.Jul 6 2013, 6:54 AM
David Jeske (jeske) attached 1 file(s): F21717: jeske-editor-type-menu-reorg-RC2.patch.

attached a patch for the lasted 3-column layout with no headers..

Aditia A. Pratama (aditiapratama) added a comment.Jul 22 2013, 1:53 AM

this is nice, gonna check it out

Greg Zaal (gregzaal) added a comment.Oct 17 2013, 8:00 AM

+1 - though the name "Node Space" should stay as "Node Editor" imo, I understand "editor" is used very often, but "space" just doesn't make sense. The rest of the name changes are good.

Diego Gangl (januz) added a subscriber: Diego Gangl (januz).EditedNov 21 2013, 1:43 AM

+1. This is a great idea, and "Game Logic" is definitely an improvement. I agree on using "Node Editor" or even just "Nodes". I would remove "Editor" from "Video Sequence" too.

Josiah Jack (josiahjack) added a subscriber: Josiah Jack (josiahjack).Nov 21 2013, 5:42 AM

+1! I love this direction. Node Editor should be called such. Video Sequencer is a shorter name. The "Tools" column doesn't quite seem to be the right name. Perhaps there should be an Animation Tools column that includes Timeline, Graph Editor, Dope Sheet, NLA Editor, and Movie Clip Tracker (never actually used any of these since I don't animate so maybe not all of these are animation related but you can still see my point)

William Reynish (billrey) added a subscriber: William Reynish (billrey).Nov 21 2013, 11:43 AM

This is a nice idea, but I'm not sure about the categories. Asset Management: How is Movie Clip Tracker and NLA Editor related?

Tools: There are no tools here. Seems random. Why do some of the animation editors go here, and some other places?

Proposed change:

Workspaces:

  • 3D View
  • UV / Image
  • Nodes
  • Video Sequencer
  • Movie Tracker

Animation:

  • Timeline
  • Graph Editor
  • Dopesheet
  • NLA Editor

Scripting:

  • Text Editor
  • Game Logic
  • Python Colsole
  • Info

Data:

  • Outliner
  • Properties
  • File Browser
  • User Preferences
Bartosz Moniewski (monio) added a subscriber: Bartosz Moniewski (monio).Nov 22 2013, 1:51 AM

I think @William Reynish (billrey) arrangement will work better.

Greg Zaal (gregzaal) added a comment.Nov 22 2013, 8:28 AM

Agreed, I like billrey's grouping too.

Diego Gangl (januz) added a comment.Nov 22 2013, 1:13 PM

+1 @William Reynish (billrey)'s arrangement too

Aditia A. Pratama (aditiapratama) added a comment.Dec 17 2013, 1:04 AM

Added patch based on @William Reynish (billrey) arrangement

Diego Gangl (januz) added a comment.Apr 27 2014, 11:57 PM

So, we're getting close to Bcon3. Any chances of this landing in 2.71?

Greg Zaal (gregzaal) added subscribers: Julian Eisel (Severin), Jonathan Williamson (carter2422).Feb 5 2015, 9:37 AM

Sorry to revive an old thread, but I still think this would be great :)

@Julian Eisel (Severin) & @Jonathan Williamson (carter2422), could you guys take a look?

To summarize: The editors list is large and confusing, with a lot of redundant use of the word "Editor". It sounds like most of us agree the following grouping would be nice:

(from @William Reynish (billrey))

Workspaces:

  • 3D View
  • UV / Image
  • Nodes
  • Video Sequencer
  • Movie Tracker

Animation:

  • Timeline
  • Graph Editor
  • Dopesheet
  • NLA Editor

Scripting:

  • Text Editor
  • Game Logic
  • Python Console
  • Info

Data:

  • Outliner
  • Properties
  • File Browser
  • User Preferences

Which would be arranged similar to this:

Bartosz Moniewski (monio) added a comment.Feb 5 2015, 10:02 AM

@Greg Zaal (gregzaal) I find your arrangement very confusing, cannot understand logic behind it. What timeline and properties window have in common? What Move clip tracker has to do witch asset menagement? IMHO its obvious that it it fits to workcpaces.

Second thing- We have whole bunch of animation editors (too much imho) in blender and many people ask me constantly where they do this or that. With "Animation" column things will be easier, learning curve will straighten a bit.

I propose to stick what @William Reynish (billrey) did. Everything is perfect clear in his solution.

Bartosz Moniewski (monio) awarded a token.Feb 5 2015, 10:03 AM
Greg Zaal (gregzaal) added a comment.Feb 5 2015, 10:18 AM

@Bartosz Moniewski (monio) the screenshot was merely to give an example of how the editors could be layed out (in 4 columns) the actual names and categories would be better like billrey's proposal, as I said.

Paweł Łyczkowski (plyczkowski) awarded a token.Feb 5 2015, 12:35 PM
Paweł Łyczkowski (plyczkowski) added a subscriber: Paweł Łyczkowski (plyczkowski).

Looks good to me!

Diego Gangl (januz) awarded a token.Feb 5 2015, 12:53 PM
Bartosz Moniewski (monio) added a comment.EditedFeb 5 2015, 1:01 PM

@Greg Zaal (gregzaal) OK. Sorry for misunderstanding. Then, +1 for this!

@Jonathan Williamson (carter2422) Can we add this to 2.74 UI targets? Path by @Aditia A. Pratama (aditiapratama) is already done so all it need is a review.

Julian Eisel (Severin) added a subscriber: Pablo Vazquez (pablovazquez).EditedFeb 5 2015, 1:10 PM

Re design: Assuming we use the grouping as per @William Reynish (billrey)'s proposal -> LGTM
Re code: Looks mostly good from a first glance, only one code-style concern for now: Use tabs instead of spaces (see our guidelines). I'd like to know if @David Jeske (jeske) is still available to work on the patch or if I shall commandeer it? (I'll give you 2 days ;P)

And let's invite Pablo to the party as well, as he's the other module owner of the UI-team :)

Jonathan Williamson (carter2422) added a comment.Feb 5 2015, 11:07 PM

The four-column is a good improvement, when combined with the column titles. It works for this specific case, but in others it wouldn't work as well. And I like @William Reynish (billrey)'s names and organization much better as well. It gives us more room to grow and makes it much easier to choose an editor at a glance, even if it does take slightly longer (mouse movement) to select some of them.

@Julian Eisel (Severin), assuming @venomgfx is on board as well then I'll leave it to set the target for 2.74 or 2.75; since it'll be dependent on any and all changes that may be needed.

David Jeske (jeske) added a comment.EditedFeb 6 2015, 12:32 AM

I also like billrey's categories better than my initial proposal !

Keep in mind, the main goal of this change is not to establish what the categories ARE, but to stop the menu from coming up in a different order based on the orientation it opens, and to put the items in groups to make it easier to specially remember where things are.

I would love to see this implemented with billrey's categories.

Pablo Vazquez (pablovazquez) added a comment.Feb 6 2015, 12:36 PM

I have mixed feelings about this. It really increases mouse movement a lot, makes the menu quite wide which reminds me of the same issue we have in the modifiers list right now.

Splitting the options using William's categories could help even with the current vertical layout. Also cleaning the naming for some options (removing the word "Editor" from most of them) as it was mentioned before.

The space-switch menu is a bit long, yes, and it's only going to get longer. But this needs to be solved with a different approach that can be used elsewhere (on modifiers list, color management, or the ridiculous example shown below)

One solution we already have is shortcuts for some options, by using the numbers or by hitting the letter underlined for each option. On top of this we could have a search field, that's activated on tab for example. So you open the menu, you can press any number or letter underlined to quickly go to that option (as it is now), or just tab and start typing what you want to search for. The search field should be non-intrusive like we have now on any datablock fields.

Anyway, this needs testing. Is there a patch with the new categories/sorting, that works against current master?

David Jeske (jeske) added a comment.Feb 6 2015, 2:07 PM

How does it increase mouse movement? By my measurement, the 4 column layout reduces mouse movement, by putting more items within a short-distance mouse reach. It also encourages muscle memory mouse movement, instead of visual-servoing.

http://www.pasteall.org/pic/show.php?id=55034

The patch is really simple, I have not tried it, but it should apply on current master.

Julian Eisel (Severin) added a comment.Feb 18 2015, 4:53 PM

@venomgfx, although I like the idea of having a search menu in there, I think there's a bit more involved to do that. I also don't really see why this should increase mouse movement, I think it highly decreases it.

Bartosz Moniewski (monio) added a comment.EditedFeb 18 2015, 10:15 PM

@venomgfx, you showed extreme example but its completely different situation. If we remove word "Editor" from "Video Sequence Editor" whole menu shrink drastically in width (gaps behavior) resulting even less mouse movement. Next thing- in layout proposed by @William Reynish (billrey) we operate mostly on two first columns which also reduce mouse movement in practice.

IMHO even if mouse movements will be increased (which in fact is not the case) we still can get clear visual key for quicker and more intuitive navigation.

Diego Gangl (januz) added a comment.Jul 13 2015, 12:48 AM

So... this patch went back to sleep :)

@Julian Eisel (Severin) what do you think about applying this patch to ui-experiments, so everyone can test it?

Julian Eisel (Severin) mentioned this in rB7530cfccc2f0: Use 4-column layout for editor menu.Jul 13 2015, 3:47 AM
Julian Eisel (Severin) added a comment.EditedJul 13 2015, 3:54 AM

Actually I thought about reviving this again the other day, but think we're mainly awaiting @venomgfx' input.

Moving things forwards: Updated patch (see P239) and pushed it to the UI-experiments branch for testing.

Looking like this currently (in UI-experiments branch):

Aaron Carlisle (Blendify) moved this task from Backlog to UI Tweaks on the User Interface board.Sep 4 2016, 10:30 PM
Diego Gangl (januz) added a comment.Mar 21 2018, 2:54 PM

Friendly ping!
Maybe we can get this in for 2.8? What do you think @venomgfx ?

Pablo Vazquez (pablovazquez) added a comment.Mar 22 2018, 12:22 PM

Looks good! One thing: since Workspaces are a thing now, I would rename the "Workspaces" column to "Editors".

Other than that it looks good to me. Go!

PS: Thanks for the friendly ping @Diego Gangl (januz) :)

Pablo Vazquez (pablovazquez) awarded a token.Mar 22 2018, 12:23 PM
Pablo Vazquez (pablovazquez) rescinded a token.
Aaron Carlisle (Blendify) edited projects, added BF Blender: 2.8; removed BF Blender.Mar 22 2018, 2:23 PM
Aaron Carlisle (Blendify) moved this task from UI Tweaks to Blender 2.8 Design on the User Interface board.
Aaron Carlisle (Blendify) moved this task from Backlog to UI/Workflow on the BF Blender: 2.8 board.
Julian Eisel (Severin) added a comment.Mar 22 2018, 10:56 PM

Agree that "workspaces" isn't the best term by now, but "Editors" sounds ambiguous too. Everything in this list is an editor, most even have the term in their name. Maybe something like "Main" or "General"? Or "Interaction"/"Interactive" since these are the main editors to interact with data visually. Or something like "Graphics"?

Aaron Carlisle (Blendify) added a subscriber: Aaron Carlisle (Blendify).Mar 22 2018, 11:04 PM

I preferer either general (main works too but I like general more). I would avoid Interaction"/"Interactive because it might be confusing with T54389. I dont really like graphics either.

Diego Gangl (januz) added a comment.Mar 22 2018, 11:25 PM

+1 for general. Main makes it sound like animation/etc are a secondary thing and graphics applies to prety much everything we do in Blender.

PS: @venomgfx no prob! ?

Pablo Vazquez (pablovazquez) added a comment.Mar 23 2018, 12:33 PM

"General" sounds like the most fitting indeed.

Go!

Julian Eisel (Severin) mentioned this in rB60712d12eb89: UI: 4-column layout for the editor-type selector menu.Mar 23 2018, 2:33 PM
Julian Eisel (Severin) changed the task status from Unknown Status to Resolved.Mar 23 2018, 2:34 PM
Julian Eisel (Severin) claimed this task.

This finally landed in master! Committed rB60712d12eb89f.

Thanks all for the feedback and patience!

Charbel Nicolas (charbelnicolas) added a subscriber: Charbel Nicolas (charbelnicolas).Mar 26 2018, 11:27 AM

I don't see any real benefit with this change. It seems it was mostly designed to cater to some users visual preference but it doesn't actually change anything for the better. It seems it was modified just for the sake of changing the layout. If you want to argue that it was a long confusing vertical list you might as well start changing the File menu (which has a "confusingly long vertical list" of 20 items and wherever else you see fit (following your logic). I'm aware the File menu has plenty of shortcuts but like I said, organizing the Editor types menu horizontally doesn't make it easier to navigate.

For the modifier list I can understand since it has a LOT of them, but for this simple menu which actually looked much better vertically, I simply do not understand. Also, before, the 3D View was the first one to pop up on the list which I would say is more important and more widely used than the movie clip editor (further mouse travel now, tsssssk).

And by the way, you still have 8 items with the word Editor, and I don't know about you, but I'm mostly guided by what the editor icon looks like, which you could follow either up or down easily, and now with the new layout you have to navigate up and down and side to side ;)

If you wanted, you could have added the same General, Animation, Scripting and Data headers to the vertical list if proper distinction is what you needed/wanted.

No wonder this task had been hanging around since 2013, I'd say it was because hardly anyone deemed it important. If this is the new design paradigm for the 2.8 UI overhaul, may god help us.

Well, anyways, I don't mind the new layout but it didn't really solve a thing, it just made it different.

Take this with a grain of salt, these are just my 2 cents.

David Jeske (jeske) added a comment.EditedMar 23 2019, 7:31 PM

@Charbel Nicolas (charbelnicolas) This is a bit moot, as the horizontal layout made it into Blender 2.8. However, just for anyone stumbling upon this...

The issue with the old vertical menu is that it FLIPPED the order of the menu when opened from the bottom or top, in order to not make 3dview too far from the mouse. This was a usability issue, making things hard to find (because their order changed based on which way the menu opened), and interfering with with fast muscle memory use of the menu. This doesn't happen with long "File" menus because they are generally opened from the top of apps.

The point of going horizontal was not "just to change the layout", but was to solve these two competing goals, which is to have the menu have a consistent layout regardless of initiation direction AND keep the most commonly used workspaces as close to the menu-initiation-point as possible. The horizontal design achieves this well. there is no vertical layout I'm aware of which better addresses these two design goals.

The only case where the horizontal menu places the 3dview is far from the initiation point is when the menu opens to the left (from the right side of the screen), but this usually results in selecting the outliner or properties, which are conveniently on the right side of the horizontal menu.

NOTE: blender 2.8 still has some text menus which flip order based on whether they open up or down. It remains to be seen if this is an actual problem.... Here is an example with the timeline..