Ratgeber: Auslastung mit einer Skala und einer verständlichen Einheit anzeigen

Ein Balken braucht eine Bedeutung

Auf einer Verwaltungsseite zeigt ein grüner Balken 72 an. Sind das belegte Plätze, Prozent oder verbleibende Dateien? Ohne Einheit und Bezugsgröße kann selbst eine sorgfältig gestaltete Anzeige missverständlich bleiben. Dieser Ratgeber behandelt das bestehende HTML-Element meter und entwickelt daraus einen kleinen Prüfauftrag für eine verständliche Auslastungsanzeige.

Nach der MDN-Referenz beschreibt meter einen Messwert innerhalb eines bekannten Bereichs oder einen Anteil. Minimum, Maximum und aktueller Wert bestimmen die Skala. Zusätzliche Angaben können niedrige, hohe und bevorzugte Bereiche beschreiben. Daraus folgt aber keine automatisch richtige fachliche Bewertung: Welche Auslastung erwünscht ist, muss für die konkrete Aufgabe entschieden werden.

Ein Beispiel mit Werkstattplätzen

Eine offene Werkstatt hat in unserem erfundenen Beispiel zwölf Arbeitsplätze. Neun sind belegt. Schreibe neben die Anzeige deshalb „9 von 12 Plätzen belegt“ und nicht nur „75“. So lässt sich die Aussage auch ohne die Balkenfarbe verstehen. Ergänze bei Bedarf, für welchen Termin dieser Stand gilt.

Bitte den Entwicklungsassistenten, die Skala aus denselben Daten wie den sichtbaren Text zu erzeugen. Eine Änderung der Gesamtkapazität muss beide Darstellungen beeinflussen. Wenn die Werkstatt vorübergehend nur acht Plätze anbieten kann, darf die alte Zwölfer-Skala nicht unbemerkt stehen bleiben. Solche Änderungen gehören zum Datenmodell und zur Verwaltung.

Grenzfälle vor der Freigabe ansehen

Prüfe keinen belegten Platz, genau einen freien Platz und vollständige Belegung. Teste außerdem fehlende Daten. Ein unbekannter Stand darf nicht automatisch als null belegte Plätze erscheinen. Lege für diesen Fall eine ausdrückliche Meldung fest, etwa „Belegung noch nicht verfügbar“.

Überlege auch, wie ein rechnerischer Widerspruch behandelt werden soll. Wenn mehr Belegungen als Plätze vorliegen, sollte die Anwendung den Datenfehler sichtbar machen und eine Korrektur ermöglichen. Eine hübsche Skala darf das Problem nicht bloß verdecken. Nutze dafür Testdaten, ohne echte Anmeldungen zu verändern.

Keine Fortschrittsgeschichte erfinden

Die Belegung beschreibt einen Zustand zu einem bestimmten Zeitpunkt. Sie sagt nicht, wie weit ein laufender Arbeitsvorgang abgeschlossen ist. Benenne die Anzeige deshalb nach ihrer tatsächlichen Aufgabe. Bei der Abnahme sollen eine zweite Person und die verantwortliche Verwaltung erklären können, was der Wert bedeutet, woher er stammt und wie aktuell er ist. Erst diese Verbindung macht aus einem farbigen Balken eine nützliche Information für die nächste Entscheidung.