Create a global menu

[overflorian]

Here is my interface suggestion, using the same look-and-feel than the new Google Maps menu (cf. https://nextcloud.junglebus.io/index.php/s/MWgQZDzyxfMMFcZ), more particularly the dynamic horizontal resizing during the scroll down and the swipe behaviour.

All used icons are here: Icones menu.zip

[overflorian]

Also, when it would be implemented, I suggest to add a "Language" setting:

• located after "send via Wi-Fi only", separated with a divider

• opens a dedicated menu / screen, inspired from the Google Maps one,see:
  

• Available entries would be the same:

• "Suggested entries": (use this logo https://fonts.google.com/icons?icon.query=language&selected=Material+Symbols+Outlined:globe:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=%235f6368)

  • "Paramètre système par défaut" / "System default": always the first option, activated by default
  • English, located second by default

[divider]

• "Other available", every other available language, ranked by alphabetical order (use "language icon: https://fonts.google.com/icons?icon.query=language&selected=Material+Symbols+Outlined:language:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=%235f6368)

Do not forget to display the language name both in native and currently selected language.

[Jean-BaptisteC]

Mixed links and settings are not a good option. IMO It's better to create a new screen for settings.

[overflorian]

Hi Jean-Baptiste and thank you for your proposal.
I believe you are absolutely right: the long term vision is definitely to create a "settings" dedicated screen. It will definitely be implemented in the future.

As for now and as a first step:

• there are only 3 settings parameters "flash always enabled" ; "reduce luminosity" ; "send via Wi-Fi".
• in the menu, other items are limited to "instance" and "account", plus the legal mentions

It's not much. If we create separated screen, they would be quite empty.

Therefore, my proposal is an intermediate compromise, as for now, to display all these elements within a single clic from the user.

[overflorian]

Here's a more detailed mockup

[Jean-BaptisteC]

It's better to replace Réglages de ma prise de vue by Réglages because wifi is not using during capture.

[overflorian]

A first minimal version could be:

• a link to change the instance currently active
• see again the introduction tutorial
• link to the forum : https://forum.geocommuns.fr/c/panoramax/6
• link to the legal mentions : https://panoramax.fr/mentions-legales

[BDVGitHub]

@overflorian Is it possible to add a button "report bug" to a screen, so that people get directed to the github issue page to descripe the bug they encounter?

Is it also possible to add a logbook see (second post on) #111 why its important to have a logbook.

[BDVGitHub]

Also, when it would be implemented, I suggest to add a "Language" setting:

* located after "send via Wi-Fi only", separated with a divider

* opens a dedicated menu / screen, inspired from the Google Maps one,see:
  ![image](https://private-user-images.githubusercontent.com/11553211/333792847-bd78a4fb-3816-4fe2-8534-8ed89e89ee06.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzE5MTE2NjgsIm5iZiI6MTczMTkxMTM2OCwicGF0aCI6Ii8xMTU1MzIxMS8zMzM3OTI4NDctYmQ3OGE0ZmItMzgxNi00ZmUyLTg1MzQtOGVkODllODllZTA2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDExMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQxMTE4VDA2MjkyOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNhOGNkNTdlNjdhMmY1YzliZjc3YjUyYzViZjg5ZDU2YjQxODMzNjQ4MDI4M2FlNjk5YzdiNjVjODllYTI5OWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.gBpMsXvXmOkGlYp0t-EfMK3Ri_XGV1AiFRWcV8FF2MY)

* Available entries would be the same:

* **"Suggested entries"**: (use this logo https://fonts.google.com/icons?icon.query=language&selected=Material+Symbols+Outlined:globe:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=%235f6368)
  
  * "Paramètre système par défaut" / "System default": always the first option, activated by default
  * English, located second by default

[divider]

* "**Other available**", every other available language, ranked by alphabetical order (use "language icon: https://fonts.google.com/icons?icon.query=language&selected=Material+Symbols+Outlined:language:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=%235f6368)

Do not forget to display the language name both in native and currently selected language.

Good suggestion, had a look around myself and came across the following, also looks pretty clear with the flags next to the languages

Site where I found the language selection UI

[overflorian]

@overflorian Is it possible to add a button "report bug" to a screen, so that people get directed to the github issue page to descripe the bug they encounter?

You got it

[BDVGitHub]

@overflorian do you use Penpot to create the UI or what do you use and how can we use the screens that you create to import in Android Studio?

Is this the final design?
#101 (comment)

Can you make this one #51 (comment) in the same design like this one #51 (comment) ?
So that they have the same colors like the intro.

For #51 (comment)
In Google icons I didn't found a round country flag.
But there is an open source library were you can find it see iconify country flags

Since Iconify is open source and has a very extensive icon library isn't it better to use iconify's over in app icons instead of Google icon?

Is it posibele to add the posibility to enable "dark theme" somewhere? So that the UI is shown in dark/grey colors?

And maybe also an option to let the user choose font size, so that people with reduced vision can easily use the app.

Thx

[overflorian]

@BDVGitHub I've replied in a dedicated issue because your questions are a bit off-road here.

[overflorian]

An even earlier version should include access to the logs and we'll manage to switch instances later:

Proposed icon

• https://fonts.google.com/icons?selected=Material+Icons:manage_history:&icon.query=history&icon.size=24&icon.color=%232a4252

[overflorian]

Replying to #130 (comment):

I think that what I prefer is not important.
I believe we have to design and implement the best compromise between the limited development ressources we have access to and the most efficient interface for the user.
Therefore I don't think we are ready to implement very complex / interactive / moving UI yet.
So, to me: a static, useful menu, available from a sandwich button, seems like the best compromise for now.

Nevertheless, moving forward, the main inspiration I worked from and the ideal evolution would be to imitate the current Google Maps menu, see the screencast I made in introduction of this thread.