CollaboraOnline / online

Collabora Online is a collaborative online office suite based on LibreOffice technology. This is also the source for the Collabora Office apps for iOS and Android.
https://collaboraonline.com
Other
1.77k stars 678 forks source link

Add seperating (vertical) lines between group functions in the Notebook bar interface COOL #4286

Open JP-Mills opened 2 years ago

JP-Mills commented 2 years ago

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

To aid in usability it is requested that there be vertical dividing lines between grouped functions in COOL. similar to how this occurs in Microsoft Office 365 and OnlyOffice as well as the desktop applications LibreOffice, Microsoft Office, Kingsoft Office, WPS etc. This is the standard/industry way of separating functionality and is widely used in applications other than Office suites that use a 'ribbon' like interface.

This action make it explicit that icons are functionally related, when resizing windows only having white space is not as clear and can potentially cause confusion.

If not enabled by default could this be 'switched on' with a menu item?

Describe the solution you'd like A clear and concise description of what you want to happen.

I would like small vertical dividers be placed between grouped functional areas to aid in usability.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

If vertical lines are not possible perhaps something could be done with different contrasting colour for the functionally grouped areas.

Additional context Add any other context or screenshots about the feature request here.

Users that typically use 'ribbon' like interfaces expect this division of grouped areas by functionality as this is the widely used UI paradigm. This will aid in usability for COOL.

Andreas-Kainz commented 2 years ago

From a design perspective I don't like vertical separators, BUT the statusbar and the classic toolbar has vertical separators, so from the UI point of view, it is common to seprate groups of commands.

So I would say yes to vertical separators, cause we use them in the statusbar and the toolbar also.

Ezinnem commented 2 years ago

@eszkadev

Andreas-Kainz commented 2 years ago

This is how it would look with vertical separators (same color as for the toolbar/statusbar). I would not add vertical separators @pedropintosilva your choice.

The separators have to be added to the notebookbar*.js files so manual work is needed (which is the reason, that I don't like it).

Screenshot_20220518_013101

JP-Mills commented 2 years ago

Hi Andreas, hi Pedro, I would say those separators serve the purpose they are supposed to be separating the icons into the related  functional areas. It is now much clearer for users that there is a relationship in these sections and is expected and the norm in a 'ribbon' like interface. I think this serves your end users better. Thanks and regards

Sent from Yahoo Mail on Android

On Wed, 18 May 2022 at 0:35, @.***> wrote:

This is how it would look with vertical separators I would not add vertical separators @pedropintosilva your choice.

The separators have to be added to the notebookbar*.js files so manual work is needed (which is the reason, that I don't like it).

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>