Die Sache mit dem Raster

Das Raster hilft dir nicht nur dabei, deine Ein- und Ausgabeelemente auf deiner Seite zu sortieren und an verschiedene Auflösungen anzupassen, es hilft dir auch dabei diesen Formularen eine ansprechende Form zu geben.
Was ich oft sehe, ist sozusagen eine Zerstückelung der einzelnen Container, durch leere Container erzeugte Abstände und vor allem auch ganz oft sehr unterschiedliche Breiten von Containern. Das Problem dabei ist aber, dass das Auge des Users unterschiedlichen Breiten nicht besonders gut folgen kann und das menschliche Auge auch grundsätzlich total auf Symmetrie steht.
Gleichermaßen muss man aber auch ein bisschen darauf achten, dass die Breite der Eingabeelemente mindestens grob der zu erwartenden Eingabe entspricht. Gebe ich beispielsweise einen String mit 5 Stellen ein, muss die Eingabezeile nicht die volle Breite der Seite einnehmen.
Es ist in eine Jonglage mit fast zu vielen Bällen, aber die Hinweise, die ich euch direkt mitgeben kann, sind:
- Lass die Container die volle Breite des Rasters nutzen
- um Formulare zu verschmälern, setze lieber die Breite des Rasters mittels CSS (oder die Breite des Tooltips an entsprechender Stelle)
- Achte auf eine angenehme Lesbarkeit des Formulars (Abstände am Raster nicht vergessen)
- Leere Container sind halt auch irgendwie Unsinn

Support Me on Ko-fi
1 comment Add New Comment
[…] mit Intrexx zu geben. Mir ist nämlich, als sei es erst gestern gewesen, als ich euch ein paar handliche Tipps zur Entwicklung besserer Applikationen mit Intrexx gab, allerdings ist das nun auch schon wieder über 2 Jahre her und ich weiß natürlich auch […]