Bug 127878 - Sidebar button to open dialog with further options is too small and vague on iOS
Summary: Sidebar button to open dialog with further options is too small and vague on iOS
Status: RESOLVED MOVED
Alias: None
Product: LibreOffice
Classification: Unclassified
Component: iOS Editor (show other bugs)
Version:
(earliest affected)
unspecified
Hardware: Other iOS
: medium enhancement
Assignee: Not Assigned
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2019-09-30 09:30 UTC by Nicolas Christener
Modified: 2022-05-03 12:42 UTC (History)
3 users (show)

See Also:
Crash report or crash signature:


Attachments
Printscreen showing the issue (485.24 KB, image/png)
2019-09-30 09:31 UTC, Nicolas Christener
Details
Example of a "three dot" button (60.98 KB, image/png)
2019-09-30 09:33 UTC, Nicolas Christener
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Nicolas Christener 2019-09-30 09:30:11 UTC
Description:
In the sidebar on iOS we have small rectangular buttons which can be used to open the dialog that contains further options.

Those rectangular buttons have at least the following problems:
* from a UX perspective they don't indicate what their purpose is
* they are too small to be used with a finger
* they don't have the same background as the "header bar" of the section (which is a gray gradient)

Please also see the attached screenshots.

Steps to Reproduce:
1. Open a writer document in the iOS app
2. Open the sidebar
3. Check the little rectangular button in the header bar of each sidebar section

Actual Results:
A button is used with the issues described in the description.

Expected Results:
The button should follow the same UX approach as other apps. I propose to have a button with three dots. I'll add an example screenshot of an other app.



Reproducible: Always


User Profile Reset: No



Additional Info:
Comment 1 Nicolas Christener 2019-09-30 09:31:16 UTC
Created attachment 154650 [details]
Printscreen showing the issue

The rectangular button is too small and doesn't indicate what the purpose is.
Comment 2 Nicolas Christener 2019-09-30 09:33:56 UTC
Created attachment 154651 [details]
Example of a "three dot" button
Comment 3 How can I remove my account? 2019-10-23 11:33:08 UTC
Working on this now.
Comment 4 How can I remove my account? 2019-10-23 11:55:39 UTC
Fixed in https://gerrit.libreoffice.org/#/c/81379/ . I couldn't make the button very large, as it is clipped by the header bar of the panel anyway. But I approximately doubled the size.
Comment 5 Nicolas Christener 2020-01-14 15:58:23 UTC
I believe the button itself (the icon on the button) is bad and does not express what the action of the button is.

Could Pedro make a better icon?

I think a circle/oval with three dots would be much better.

@Tor: should I make a new issue for this and we close this one?
Comment 6 Xisco Faulí 2020-07-22 15:23:15 UTC
(In reply to Nicolas Christener from comment #5)
> I believe the button itself (the icon on the button) is bad and does not
> express what the action of the button is.
> 
> Could Pedro make a better icon?
> 
> I think a circle/oval with three dots would be much better.
> 
> @Tor: should I make a new issue for this and we close this one?

Hello Nicolas, Tor,
Any update with regards to this ticket ?
Comment 7 Nicolas Christener 2020-08-03 09:20:13 UTC
The icons are bigger but I still suggest to change them to display something different. Right now it looks like two triangles and I fail to interpret what the meaning of the icon is.

It's probably a UX/UI task, maybe even a "easy hack"?
Comment 8 Xisco Faulí 2022-05-03 11:31:43 UTC
Hi Nicolas Christener,
Is this issue still reproducible?
Comment 9 Aron Budea 2022-05-03 12:42:03 UTC
Let's move this, since it affects the Collabora Office iOS app. Nicolas, if the issue is still relevant, please open a new one here: https://github.com/CollaboraOnline/online/issues