spyder-ide / ux-improvements

Discussion about UX improvements for Spyder 5 and beyond
4 stars 2 forks source link

Reorganize options shown in Preferences and menus #75

Open ccordoba12 opened 1 year ago

ccordoba12 commented 1 year ago

Right now there are some entries in Preferences, e.g. the Editor one

image

image

and menus, e.g. the Source one

image

which have way too many options without a clear structure.

So I propose we should do the following:

  1. Audit all Preferences' entries and menus to see how to present the information in them better.
  2. Reorganize entries in Preferences so they are always shown in the same order.
ccordoba12 commented 1 year ago

Another idea (but this is open to discussion) would be to add a question mark widget next to options in Preferences that have associated tooltips. That way, when users click on that widget, we'd show the info that we currently show in tooltips.

I think that would help them to better understand some complex options, which have good explanatory tooltips. However, those are probably missed because it's hard to know that you can get info on how an option works by hovering over it.

CAM-Gerlach commented 1 year ago

Audit all Preferences' entries and menus to see how to present the information in them better.

My Qt-fu to actually implement the changes is not so stronk (though if its just moving section groupings and orderings around, it would be possible), but auditing what we have and proposing a specific, logical, user-friendly order (and clearer and more consistent UI text) is right within my wheelhouse, as I've been wanting to do that for a while.

Reorganize entries in Preferences so they are always shown in the same order.

Here, do you mean the order of the preference panes in the left sidebar of the preferences? I believe there was a discussion about it before, but due to the changes in Spyder 5 with it being dependent on plugin load order (IIRC) the ordering doesn't really make clear sense, as it is neither alphabetical or directly following some type of progression (e.g. the same as in the Panes menu, with the Editor at the top). I suggest just following the order in the Panes menu, though perhaps that could also use a bit of re-ordering, which I could take a closer look at if desired.

Another idea (but this is open to discussion) would be to add a question mark widget next to options in Preferences that have associated tooltips. That way, when users click on that widget, we'd show the info that we currently show in tooltips.

Very good points and that's a common and very helpful UI pattern, so long as it isn't complex to implement.

ccordoba12 commented 1 year ago

but auditing what we have and proposing a specific, logical, user-friendly order (and clearer and more consistent UI text) is right within my wheelhouse, as I've been wanting to do that for a while

Great! Please leave your suggestions here so we can take a look at them.

Here, do you mean the order of the preference panes in the left sidebar of the preferences?

Correct.

I suggest just following the order in the Panes menu, though perhaps that could also use a bit of re-ordering, which I could take a closer look at if desired.

Good suggestion, I agree with it.

Very good points and that's a common and very helpful UI pattern, so long as it isn't complex to implement.

I don't think it'll be hard to implement (that's why I suggested it).

dalthviz commented 1 year ago

Note: To show widgets help info the WhatsThisMode could be used: https://doc.qt.io/qt-5/qwhatsthis.html#enterWhatsThisMode

ccordoba12 commented 1 year ago

What does that mode do @dalthviz?

dalthviz commented 1 year ago

When pressing the ? (that usually is at the top of some dialogs) shows a message for the widgets/actions that have used setWhatsThis to set some help text (which for now could be the tooltip text available). For example for the `buffer} config of the IPython Console using the current tooltip text it has it would look something like:

help

ccordoba12 commented 1 year ago

Ok, that looks interesting but not easily discoverable.

@conradolandia showed to me a similar solution to what I proposed above, but instead of display a widget, we would display a question mark icon next to an option that would show its associated help on hover.

@conradolandia, could you post a screenshot of what you showed me? Thanks!

conradolandia commented 1 year ago

Sure thing. You should see a tool-tip when hovering/clicking the question mark icon.

Connection dialog test

CAM-Gerlach commented 1 year ago

Yeah, the latter approach follows modern UI patterns and user expectations a lot more closely than the former, and is also a lot more discoverable and easier to use as well, IMO.

dalthviz commented 11 months ago

Note: Discussion and definition about the preferences specific organization and text still needs to be done

ccordoba12 commented 11 months ago

Yep, @CAM-Gerlach is going to take care of that.