"Modernes" Design eines Dialoges der eine Mehrfachauswahl zur Verfügung stellt

[v2afrank]

Wir sind gerade bei uns über eine Anwendung am Diskutieren die gerade aktuell ist.
Dabei kam von einem Kollegen die spöttische Anmerkung der Dialog sieht aus wie in einer Windows 2000 Anwendung und eigentlich muss ich ihm Recht geben.
Gerade mit diesem Dialog bin ich sehr unzufrieden. Mir fällt allerdings jetzt nicht ein wie man es aufpeppen kann. Der Screenshot kommt zwar von einer C# Anwendung das spielt aber keine Rolle.
Der Kollege hat mich zum Beispiel darauf hingewiesen dass in "modernen" Dialogen Ok und Abbruch absolut nicht mehr üblich sind wie man ja mittlerweile an vielen Dialogen in Windows 10 sehen kann. Ich finde das zwar fürchterlich aber meine Meinung ist dabei egal.
Wie würdet Ihr denn einen solchen Dialog designen ?

[TigerLilly]

https://msdn.microsoft.com/en-us/lib...(v=vs.85).aspx
https://developer.microsoft.com/en-u...ws/apps/design
https://msdn.microsoft.com/en-us/lib...(v=vs.85).aspx
https://developer.apple.com/macos/hu...erview/themes/
https://developer.apple.com/library/...roduction.html

Man mag diese Design Guides für gut oder schlecht halten, aber die Lernkurve wird für User flacher, wenn sie vertrautes Design vorfinden.

HTH

[v2afrank]

Gebe ich Dir absolut Recht. Danke.
Ich werde mir das auch noch einmal ansehen, aber trotzdem:
Hat denn jemand hier schon mal so einen Dialog in Form dieses Design Guides gemacht ?

[TiGü]

Es wäre schon sehr viel gewonnen, wenn:

- durchgängig eine Schriftart, -Farbe und -Größe genommen wird (Segoe UI - vgl. Tabelle im oberen Drittel von https://msdn.microsoft.com/en-us/lib...(v=vs.85).aspx),
- die Buttons alle gleich hoch und breit sind und
- der Abstand der Button zum Rand des Elternelements gleich wäre (siehe Abstand von Alle zum Grid versus Abstand von OK zum unteren Rand).

In der Tabelle selbst könnte man die die Spalten nur so groß machen wie sie gebraucht werden.
Die Nummern könnten zentriert in der Zelle stehen anstatt linksbündig.
Was soll der verschenkte graue Rand rechts?
In der ersten Zeile ist ein Leerzeichen zuviel (zwischen "Gerät" und "gesäubert").
Die ersten drei Einträge sind mit Fragezeichen versehen, das vierte nicht...warum?

[Rollo62]

Ich mache gerne Dialoge die sehr simpel und kurz sind
In der Art: wollen sie dies ?

Und dann ein Infobutton für weitere Info.

Weil ich die Erfahrung habe das keiner mehr lange Sätze verstehen kann 😉

Rollo

[Hobbycoder]

Dialog mit eingebautem DBGrid finde ich eh nicht so schick.
Wenn die Anzahl der sichtbaren Zeilen dann erstmal nur 4 ist, die Table aber 200 beinhaltet, wäre das schon mühselig. Würde der Dialog dann maximiert sähe die Table auch eher unschön aus.

Wenn die erste Spalte "Nummer" nicht von großer Bedeutung ist, würde ich an der Stelle eine CheckListBox bevorzugen, oder sogar den Dialog mit Ckeckboxen dynamisch generieren,
und auch die Größe des Dialogs dynamisch an die Anzahl der Auswahlkriterien und die Bildschirmgröße anpassen.

[v2afrank]

Zitat von Hobbycoder:

Dialog mit eingebautem DBGrid finde ich eh nicht so schick.
Wenn die Anzahl der sichtbaren Zeilen dann erstmal nur 4 ist, die Table aber 200 beinhaltet, wäre das schon mühselig. Würde der Dialog dann maximiert sähe die Table auch eher unschön aus.

Ja das ist hier in der Tat so.
Ich habe das Fenster mit Absicht so klein gezogen. Die Fragen darunter waren noch schlimmer und die wollte ich hier nicht zeigen

[v2afrank]

Ok,
das kann ich ja auf jeden Fall machen.
Eben kurz zu Deinen Fragen. Das Grid ist ein DataGridView. Das ist per Default eben grau hat aber alClient gesetzt.
Die Fragen kann der User selber editieren und hier hat irgendjemand das Fragezeichen vergessen einzugeben.
Zur Erklärung. Der User kann sich selber Fragen überlegen die bei einer Sichtprüfung abgefragt werden. In diesem Dialog wählt er denn aus welche Sichtprüfung für den gerade ausgewählten Prüfling durchgeführt werden soll.
Die Buttons hatte ich absichtlich kleiner gemacht. Ich wollte das die sich etwas von Ok und Abbruch absetzen. Ich werde mal so machen wie Du es angemerkt hast