Baustein-Muster · 8 Bedienelemente zum Anklicken

Fertige Teile, die man nicht neu erfinden muss.

Das sind die Bausteine, mit denen Besucher deine Seite bedienen: Fenster, Reiter, Aufklapper, Tabellen, Schalter, Meldungen. Alle hier sind live — klick sie an. Sie lassen sich auch nur mit der Tastatur bedienen (Tab, Pfeiltasten, Esc), wie es sich für professionelle Seiten gehört.

So antwortest du: z. B. „U1, U4 und U5 brauche ich, U8 nicht." Bei künftigen Projekten baue ich genau diese Bausteine ein — im Look, den du bei /brand und /design-system gewählt hast.
U1Aufpoppendes Fenster

Dunkelt den Rest ab und verlangt eine Entscheidung. Esc schließt es.

Gut für: Sicherheitsabfragen, Kontaktformulare, Bildvergrößerungen.

U2Reiter

Mehrere Inhalte auf einer Fläche. Mit den Pfeiltasten wechseln.

Lüftung: Konzept, Berechnung, Ausschreibung und Abnahme.

Gut für: Leistungsübersichten, Produktvarianten, Preisvergleiche.

U3Aufklapper

Antworten bleiben zu, bis jemand sie braucht — hält die Seite kurz.

Wie lange dauert eine Planung?

Je nach Umfang vier bis zehn Wochen — nach einem Erstgespräch nenne ich dir einen festen Termin.

Was kostet ein Prüfbericht?

Pauschal nach Anlagengröße. Du bekommst vorab ein Angebot mit Fixpreis.

Arbeitest du auch außerhalb von Linz?

Ja, österreichweit — Termine vor Ort werden gebündelt.

Gut für: häufige Fragen (FAQ), Preislisten, Leistungsdetails.

U4Sortierbare Tabelle

Klick auf eine Spaltenüberschrift sortiert. Zahlen stehen rechts, sauber untereinander.

Bürohaus Linz12.400Abgenommen
Schule Wels8.150In Prüfung
Labor Graz3.900Neu
Hotel Salzburg21.700Abgenommen

Gut für: Referenzlisten, Messwerte, Preise, Vergleiche.

U5Schalter

Ein/Aus ohne „Speichern“-Knopf. Zeigt den Zustand sofort.

BenachrichtigungenE-Mail bei neuen Berichten
Dunkler ModusSchont die Augen am Abend
Bewegungen reduzierenWeniger Animationen auf der Seite

Gut für: Einstellungen, Admin-Bereiche, Kunden-Portale.

U6Meldungen & Hinweis-Einblendung

Drei Dauer-Hinweise oben; der Knopf blendet eine kurze Meldung unten rechts ein.

HinweisWartungsfenster am Sonntag, 02–04 Uhr.
GespeichertDer Bericht wurde abgelegt.
Das hat nicht geklapptDie Datei ist zu groß (max. 10 MB). Bitte verkleinern.

Gut für: Rückmeldung nach Aktionen, Fehler verständlich erklären (Ursache + Lösung).

U7Fortschritt & Platzhalter

Zeigt, dass etwas läuft. Die grauen Streifen warten auf Inhalt, statt eine leere Seite zu zeigen.

Bericht wird erstellt0 %

Gut für: Uploads, Berichte, alles, was länger als eine Sekunde dauert.

U8Aufklapp-Menü

Aktionen zu einem Eintrag, ohne die Seite zu überladen. Pfeiltasten und Esc funktionieren.

Noch nichts gewählt.

Gut für: Zeilen-Aktionen in Tabellen, Konto-Menü, „Mehr“-Knöpfe.

Projekt wirklich löschen?

„Bürohaus Linz“ und alle zugehörigen Berichte werden entfernt. Das lässt sich nicht rückgängig machen.