HanashiDev / Haltestellenmonitor-v3

GNU General Public License v3.0
1 stars 3 forks source link

Change UI for TripView + yellow AccentColor #23

Closed DragonCat4012 closed 7 months ago

DragonCat4012 commented 8 months ago

Draft!!! code needs maybe some refactoring so its a wip

Motivation

added a more simple tripview which is extendable to show more details. why less information? bc its easier to first decide for a trip based on the time and transportation types and then to review the trip details. before it was very overwhleming having that many information on the screen for the user to read and sort out.

Also madesome changes regarding Colors and textStyle in the extended Form to make it easier for the user to directly spot important infomation.

Added a yellow acceent color since blue doesnt fit the yello colorsheme of the app-logo and the brand.

added a shortname function to further reduce information overflow in the tripView

Gitignore

Additionally added some files to the gitignore

Showcase

tripView

tripDetailView

t0mbrn commented 8 months ago

will the new trip view include the ability to start a live activity for a sub trip?

Hanashi commented 8 months ago

will the new trip view include the ability to start a live activity for a sub trip?

Not for now, but we can gladly plan this for the future.

DragonCat4012 commented 8 months ago

edit: newVision

implementation

reworked the exytended tripview to further improve the user experience by definining foreground and background informations via textcolor and textstyle. Merged stairs and waiting time to one entry to reduce length

t0mbrn commented 8 months ago

Maybe use sf-symbol "stairs" together with the arrow in the top bar to make it more clear what's meant?

DragonCat4012 commented 8 months ago

Maybe use sf-symbol "stairs" together with the arrow in the top bar to make it more clear what's meant?

there not enough space to make two icons next to each other, im thinking of not showing the stairs in the bar at all since for most people its not an important informatkion and in the trip detail view theyre visible

t0mbrn commented 8 months ago

Maybe use sf-symbol "stairs" together with the arrow in the top bar to make it more clear what's meant?

there not enough space to make two icons next to each other, im thinking of not showing the stairs in the bar at all since for most people its not an important informatkion and in the trip detail view theyre visible

Or maybe create a custom symbol? SF Stairs with an arrow? Idk just an idea

Hanashi commented 8 months ago

Hi it's currently a draft, so I changed it to draft :) I will comment in the next days to your changes. But currently it looks very good :)

DragonCat4012 commented 8 months ago

oh yea sry meant do to that but forgot ^^"

DragonCat4012 commented 8 months ago

Maybe use sf-symbol "stairs" together with the arrow in the top bar to make it more clear what's meant?

there not enough space to make two icons next to each other, im thinking of not showing the stairs in the bar at all since for most people its not an important informatkion and in the trip detail view theyre visible

Or maybe create a custom symbol? SF Stairs with an arrow? Idk just an idea

hm sf only has stairs upwards so idk, I will probably just remove the stair icon in the bar view

Hanashi commented 7 months ago

Hello, the code looks good. I will test it and then approve it. I'll get to it sometime this week :)