Better design collaboration

[overflorian]

@BDVGitHub asked in a previous issue some questions:

@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?

Yes I do. I have no idea how to connect it with downstream tools but I've very open to suggestions. Would you like to run a test together to see if it works? Let's discuss it in private.
I've been working alone on the Penpot project for now but I would LOVE to collaboratively create interfaces. Not sure how to do it, nevertheless. I don't see any "share publicly this project" button in Penpot. Again, help is welcome.

Is this the final design?
#101 (comment)

It's unclear of what you mean by "final design".
As I am self-taught designer, my designs are very basics, only visuals. They do not allow to directly create clean code. Therefore, our developer @OtterWays looks at my designs and implement them on her side. So there is always a part of interpretation.

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.

This second design have been made by an ex-designer of the team with Figma. I don't have the source files neither the licence for Figma so it would be very difficult to re-create this design, sorry.

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

Thank you, that's a good suggestion. I leave it to @OtterWays to make the call but I'm in favour of this choice.

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?

Yes, that's always a win if we can use a proper open source library.

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

This would be currently very low on the roadmap, unfortunately. The reason is that we are still in beta version: the walls are not yet built, so we are not ready to pick the wallpaper yet.

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

That's a good idea but again, I'm afraid it would be for later. We still don't even have any menu yet!

[BDVGitHub]

@BDVGitHub asked in a previous issue some questions:

@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?

Yes I do. I have no idea how to connect it with downstream tools but I've very open to suggestions. Would you like to run a test together to see if it works? Let's discuss it in private. I've been working alone on the Penpot project for now but I would LOVE to collaboratively create interfaces. Not sure how to do it, nevertheless. I don't see any "share publicly this project" button in Penpot. Again, help is welcome.

I'll see if I can find out if there is a possibility within Penpot to connect it downstream...

You can export the interface in (svg + json) format see Penpot Export They also mention something about "Exported files linked to shared libraries provide different ways to export their assets. Choose the one that suits you better." But have not yet been able to find out what they mean by this and what exactly you can do with this....

To collaboratively create interfaces in Penpot I think you need to create a team. In the pen pot at the top left you have a button "your Penpot", click on it, then you will see a plus sign with "create new team" next to it. Then choose a team name and create a team. Then you should see a button "invite members" by email address

Is this the final design?
#101 (comment)

It's unclear of what you mean by "final design". As I am self-taught designer, my designs are very basics, only visuals. They do not allow to directly create clean code. Therefore, our developer @OtterWays looks at my designs and implement them on her side. So there is always a part of interpretation.

By "final design" I actually meant whether this is the final version of these screens or not. I understand the confusion because the UI will never really be finished...

So what I wanted to check was whether these screens have undergone adjustments afterwards or not and therefore whether or not they can be used in the app.

[BDVGitHub]

Which channel would you like to use for private conversation?

[overflorian]

Hi @BDVGitHub, I've sent you an invite via email.

-> To all: feel free to ask me to join the Panoramax Penpot project: I just need your email address.

So what I wanted to check was whether these screens have undergone adjustments afterwards or not and therefore whether or not they can be used in the app.

That is a good question. But the answer is annoying: it depends!
As you saw, the menu design had evolved for an intermediary, less ambitious version compared to the first proposal, so it could happen that the design is not final due to technical of time constraints.

Also, when I publish the design, it's definitely open to discussion with the community (as you have noticed, thanks to your suggestion).

Eventually, the roadmap is currently semi-public: I definitely sum it up in a thread https://community.openstreetmap.org/t/panoramax-app-for-android/120510/7 but at the same time the priorization is not public yet.
With the publishing of the first public version expected late 2024, this will change: we will migrate to the main Panoramax Gitlab and setup a public, open to discussion kanban board.

[BDVGitHub]

Hi @BDVGitHub, I've sent you an invite via email.

Thx I received the invite

-> To all: feel free to ask me to join the Panoramax Penpot project: I just need your email address.

Its maybe better to place also a post on OSM forum or Panoramax forum like you did here for Weblate because more people will see it there

[overflorian]

Good idea.
Let's try to design something together first and then I'll share it widely, if you don't mind

[BDVGitHub]

Here are some navigation menu designs
45 mobile menu examples and 8 mobile menu examples Which one do you prefer?

[overflorian]

I have created a sideshow of all the current screens in order to have a clear view of current state of the app:
https://design.penpot.app/#/view/7ad540b5-8190-815d-8005-557bd9c172ae?page-id=7ad540b5-8190-815d-8005-557bd9c172af&section=interactions&index=0&zoom=fit&share-id=7ad540b5-8190-815d-8005-5580a9e5d2e6&zoom=fit

Here are some navigation menu designs. Which one do you prefer?

Allow me to reply to your question in the menu dedicated thread

[overflorian]

The next priorities in term of UI development are:

1. Implement the first version of the menu Create a global menu #51 (comment)
2. Create a "saved but not sent yet pictures" feature Reliability issues (pictures permanently lost) #132
3. Resume a failed upload Resume a failed upload #119

Let's discuss in the dedicated threads for these topics.

I suggest to focus on 2. for now.

[BDVGitHub]

Eventually, the roadmap is currently semi-public: I definitely sum it up in a thread https://community.openstreetmap.org/t/panoramax-app-for-android/120510/7 but at the same time the priorization is not public yet. With the publishing of the first public version expected late 2024, this will change: we will migrate to the main Panoramax Gitlab and setup a public, open to discussion kanban board.

What platform will be used for the public, open to discussion kanban board if I may ask?
Penpot uses taiga for kanban see Penpot taiga (its open source)