Beschreibung zu Szenen hinzufügen

Möchten Sie eine Beschreibung zu den Szenen hinzufügen

Siehe Anfrage hier:

Ich habe mich heute Nachmittag warm gemacht. Was haltet ihr davon?

Ich habe noch nicht herausgefunden, wie man das in der Bearbeitung schön macht. Wenn jemand eine Idee hat, bin ich dankbar :slight_smile:

Daran habe ich mich gar nicht mehr erinnert, und ich hatte sogar abgestimmt.
Ich werde « Beschreibung » einfach direkt über das Eingabefeld einfügen.

So ?

Das gefällt mir sehr! Der Textbereich ist vielleicht etwas massiv, aber ich unterstütze vor allem die Idee, eine Beschreibung hinzuzufügen!

Die kleine MR, die gut läuft:
https://github.com/GladysAssistant/Gladys/pull/1778

@Lokkye cool! :slight_smile: Zögere nicht, mich hier zu taggen, wenn der PR fertig ist :slight_smile:

Beim Design wirkt es ein bisschen „blockig“, da gebe ich dir recht :grin:

Achte auch auf die Ausrichtung der Szenen in der Listenansicht, sie muss unabhängig von der Größe der Beschreibung (da sie dynamisch ist) ausgerichtet bleiben.

Ich habe eine kleine Änderung an der Szenenliste vorgenommen, um alle Probleme mit der Größe zu vermeiden.

@pierre-gilles: Der PR sollte jetzt fertig sein :blush:

Das mag ich sehr @Lokkye :+1::+1::+1:

Cool! Es wäre toll, wenn der Footer ebenfalls ausgerichtet wäre:

Wenn es dynamisch große Inhalte in einer Karte gibt, ist die beste Praxis, Elemente desselben Typs untereinander auszurichten :slight_smile:

Eine coole UX-Ressource zum Thema: The ultimate UX and UI guide to card design for the web - Point Jupiter

Wie sieht es übrigens mit der Bearbeitung der Beschreibung am Ende aus?

Ich habe den Footer ausgerichtet, stimmt, das sieht wirklich schöner aus :slight_smile:

Für die Bearbeitung sehe ich keine andere Möglichkeit, als es so zu machen:

@pierre-gilles: Falls du eine Idee hast, bin ich ganz Ohr.

Cool, so ist es viel besser :slight_smile:

Die Beschreibung muss nicht permanent bearbeitbar sein, du könntest sie genauso anzeigen wie in der Listenansicht (als grauer Text), platziert unter dem Titel

Für den „Bearbeitungsmodus“ könntest du entweder dasselbe Muster wie für den Titel verwenden (klickbar zum Bearbeiten), oder man könnte ein „Stift“-Symbol anzeigen, das es ermöglicht, in den Bearbeitungsmodus für den Titel und die Beschreibung zu wechseln, und das die Anzeige der Beschreibung in ein Eingabefeld umwandelt

Ich bin mir nicht sicher, ob ein Textarea notwendig ist, das veranlasst den Nutzer, eine riesige Beschreibung zu schreiben, obwohl man stattdessen eher dazu anregen sollte, eine kurze Beschreibung zu schreiben

Übrigens, vielleicht sollte man eine Zeichenbegrenzung festlegen, damit es nicht irgendwie wird

Achte auch auf die Responsivität der Seite, teste sie auch auf mobilen Geräten :slight_smile:

Danke Lokkye, ich habe es eilig :slight_smile:

Solange du in dieser Entwicklung bist, wäre es nicht möglich, auch die Möglichkeit hinzuzufügen, den Titel der Szene zu bearbeiten? :slight_smile: Es sei denn, es gibt einen besonderen Grund, warum man den Namen einer Szene nicht umbenennen kann?

Du kannst es schon machen. Du musst nur auf den Titel deiner Szene klicken, nachdem du auf „Bearbeiten“ geklickt hast.

Oh Mist! Die Schande! Diese Astuce hatte ich noch nie gesehen. Ich habe immer dupliziert und das alte gelöscht :see_no_evil_monkey:

Ich habe die Änderung an der Beschreibung bearbeitet.



Was haltet ihr davon?

@pierre-gilles: Ich habe es mit der Gerätesimulation in Chrome für die mobile Version getestet. Wie machst du deine Tests? Und ich habe eine Begrenzung von 100 Zeichen hinzugefügt, mal sehen, ob das ausreicht.

Das ist viel besser :slight_smile:

Der Abstand ist allerdings ein bisschen komisch, es gibt einen großen Abstand zwischen dem Titel und der Beschreibung, findest du nicht?

Für den Text kannst du stattdessen der Bootstrap-Klasse « text-muted » verwenden, um mit dem Rest von Gladys konsistent zu bleiben.

Das passt gut, dass du das jetzt ansprichst, ich habe gerade an der Verbesserung der UX der Szenen gearbeitet, um insbesondere diese Anforderung zu lösen => Pouvoir déplacer une action vers le haut ou le bas dans les scènes - #3 par lmilcent

Ich stelle mir das für die Beschreibung so vor:

Für den Bearbeitungsmodus sollten wir vielleicht einen Hinweis hinzufügen, damit der Benutzer versteht, dass es veränderbar ist (ich gebe zu, dass die aktuelle Lösung beim Titel nicht unbedingt ideal war)

Für die responsive Darstellung habe ich ein bisschen an der Verbesserung der responsive Darstellung dieser Seite gearbeitet, die nicht ideal ist:

Was ich dir vorschlage, wenn deine PR funktional gut ist, ist, dass ich sie in das Design integriere, an dem ich gerade arbeite, damit die Arbeit nicht doppelt gemacht wird :slight_smile:

Was denkst du?

Gleiches, auf Chrome!

Für « sensible » Dinge wie Drag and Drop mache ich echte Tests auf meinem Telefon (auf demselben Netzwerk wie mein Mac, ich greife auf meine Entwicklungsumgebung zu)

Bearbeitung: Meine UX-Szenenverbesserungen: Pouvoir déplacer une action vers le haut ou le bas dans les scènes - #23 par pierre-gilles

Für die Titelbearbeitung habe ich 2 Optionen

Der „Stift“, um anzuzeigen, dass es beim Klick bearbeitbar ist:

Oder ein neuer Button:

Der „Plus“-Button sollte, meiner Meinung nach, leichter sein.
Und den Stift nur zum Bearbeiten der Beschreibung behalten.