Design-Optimierungen Mobile Devices

decidim-swiss / decidim.swiss

2 stars 0 forks source link

Design-Optimierungen Mobile Devices #67

Open innosmith opened 1 year ago

innosmith commented 1 year ago

Diverse Anpassungswünsche für mobile Devices gemäss PDF attached und Video zum Download. "Günstig" umsetzbare Anforderungen bitte umsetzen, Aufwändigeres bitte kurz kommentieren und noch nicht umsetzen. Dann klären wir zuerst die Priorisierung gegenüber anderen Anforderungen.

IK_Anpassungen_Mobile.pdf

Referenziertes Video kann von der Dropbox heruntergeladen werden: https://www.dropbox.com/t/IEb7Hp3kXT6sxayy

carlobeltrame commented 1 year ago

Bei diesen Wünschen braucht eine Abklärung der technischen Umsetzung und Aufwände fast gleich lang, wie sie einfach umzusetzen. Ich würde vorschlagen, dass hier eine Timebox von z.B. 4 Stunden definiert wird, und wir setzen in dieser fixen Zeit so viel wie möglich der Wünsche um.

innosmith commented 1 year ago

Bitte mit einem Stundenbudget von 4h nachfolgende Verbesserungen versuchen umzusetzen. Alles andere, was in der initialen Beschreibung und PDF/Video gezeigt wird, sein lassen. Wir hoffen, das mit dem Re-Design von Decidim einiges besser umgesetzt sein wird im Bereich Navigation.

Prio 1:

Menüanpassung im Header: Zumindest auf IOS wird das Logo links abgeschnitten, wenn eingeloggt (siehe Screenshot).
Menüanpassung im Header: wenn eingeloggt, den "Bearbeiten" Link so anordnen, dass es besser aussieht.
Zuoberst und zuunterst erscheint ein orange/roter Balken auf IOS (siehe Screenshot) und bei Android Phones etwas kleiner. Kann dieser Farbbalken entfernt werden? Das wirkt sehr abschreckend.

Prio 2:

Im Footer etwas mehr Abstand zwischen dem grauen Balkenanfang und der oberen Kante des Gemeinde Köniz Logos.

Bildschirmfoto 2023-05-12 um 14 35 32

carlobeltrame commented 1 year ago

Ich habe das auf INT umgesetzt.

innosmith commented 1 year ago

Besten Dank für die Umsetzungen @carlobeltrame! Auf Android bereits tiptop. Auf iPhones wäre es gut, wenn der orange Balken oben noch entfernbar ist, siehe Screenshot.

larsUE commented 1 year ago

@innosmith Kleiner Tipp: Diese Farbe kannst du selber im Backend einstellen. Bei den Farbeinstellungen ist es die "Theme Color"

innosmith commented 1 year ago

Wir wählen weiss als Theme-Farbe. Keine weiteren Anpassungen nötig.

nicolefreypuzzle commented 7 months ago

Bitte nach eurer Prüfung auf PROD auf "Done" setzen