Kostenrechner auf der Website: eine erste Preisspanne verständlich machen

„Was kostet das ungefähr?“ ist häufig die erste Frage, bevor ein Kunde ein ausführliches Gespräch vereinbart. Bei einer individuellen Dienstleistung lässt sich darauf nicht immer mit einem festen Preis antworten. Ein Kostenrechner auf der Website kann dennoch Orientierung geben: Er verbindet wenige verständliche Angaben mit einer erläuterten Schätzung und zeigt, was für ein konkretes Angebot noch geprüft werden muss.

Damit das funktioniert, braucht der Rechner Regeln aus Ihrem tatsächlichen Betrieb. Eine hübsche Eingabemaske kann unklare Kalkulationsgrundlagen nicht ersetzen. Die wichtigste Vorbereitung findet deshalb vor der Programmierung statt: Welche Fälle können Sie seriös einordnen, welche Unsicherheiten bleiben und wann soll das Ergebnis zu einer persönlichen Abstimmung führen?

Den geeigneten Teil Ihrer Leistung auswählen

Als fiktives Beispiel betrachten wir einen Malerbetrieb, der Innenwände streicht. Die Website soll eine erste Budgetspanne für einen begrenzten Standardfall zeigen. Schimmelbehandlung, unbekannte Untergründe oder ein vollständig neuer Wandaufbau werden nicht automatisch kalkuliert. Für solche Vorhaben wird ein eigener Rückfrageweg angeboten.

Ein Rechner ist dann hilfreich, wenn wenige Angaben den Aufwand tatsächlich beeinflussen und der Betrieb die Regeln erklären kann. Bei einem unbekannten Reparaturschaden wäre eine scheinbar genaue Zahl oft irreführend. Dort kann ein strukturiertes Anfrageformular passender sein. Beginnen Sie also mit einem wiederkehrenden, gut verstandenen Fall, statt sämtliche möglichen Leistungen in einen Rechner zu pressen.

Eine Musterrechnung gemeinsam aufschreiben

Die folgenden Zahlen sind ausschließlich erfundene Rechenwerte zur Erklärung. Sie sind weder Marktpreise noch ein Angebot von PEMKO oder einem Malerbetrieb. In unserem Modell gibt es eine Grundposition von 150 Euro und einen flächenabhängigen Bereich von 12 bis 18 Euro je Quadratmeter. Für 40 Quadratmeter ergibt das 630 bis 870 Euro. Andere Leistungsbestandteile sind in diesem Modell noch nicht enthalten.

Im echten Projekt legt der Betrieb fest, welche Leistungen enthalten sind, wie Fahrt, Materialien, Vorarbeiten und weitere Positionen behandelt werden und welche Preisbasis angezeigt wird. Angaben zur Umsatzsteuer und zum Geltungsbereich müssen zum tatsächlichen Angebot passen. Diese fachlichen Vorgaben werden vor der Umsetzung freigegeben. Der Webdesigner erfindet keine betriebliche Kalkulation.

Eingaben so benennen, dass Kunden sie kennen können

„Bearbeitungsfläche“ ist ohne Erklärung mehrdeutig. Im Beispiel steht daher „Ungefähre zu streichende Wandfläche in m²“. Die Seite erklärt, wie die Fläche abgeschätzt wird und welche Bestandteile berücksichtigt werden. Wenn Kunden nur die Bodenfläche kennen, darf diese nicht unbemerkt als Wandfläche verwendet werden.

Eine Auswahl zum Untergrund enthält verständliche Zustände und die Möglichkeit „weiß ich noch nicht“. Unwissen führt zu einem hilfreichen nächsten Schritt, statt den Besucher zu einer beliebigen Auswahl zu zwingen. Eingabefelder behalten sichtbare Beschriftungen und erläutern nötige Einheiten. Die W3C-Anleitung zu Formularbeschriftungen erklärt die eindeutige Verbindung zwischen Feld und Beschriftung.

Zu einem kompakten Rechner können drei Eingaben genügen. Zusätzliche Fragen werden nur aufgenommen, wenn ihre Antwort die Berechnung oder die Bearbeitung verändert. Für die Planung der anschließenden Anfrage hilft Kontaktformular: Felder und Ablauf planen.

Das Ergebnis mit seinen Voraussetzungen zeigen

Unter der Spanne steht, welche Angaben verwendet wurden und welche Annahmen gelten. Im Beispiel könnte die Zusammenfassung lauten: „40 m² Wandfläche, definierter Standarduntergrund, weitere Vorarbeiten noch nicht beurteilt.“ Dadurch kann der Kunde eine falsch gewählte Eingabe erkennen und berichtigen.

Der nächste Kontakt übernimmt diese Zusammenfassung. Eine Büroperson erhält Eingaben, Ergebnis und den verwendeten Regelstand, nicht nur „Kunde möchte 630 Euro bezahlen“. Die Seite erklärt, dass nach der fachlichen Prüfung ein individueller Leistungsumfang und Preis vereinbart werden. Eine reine Beschriftung „unverbindlich“ heilt keine unzutreffende oder unvollständig erklärte Kalkulation.

Ein Produktfinder erfüllt eine andere Aufgabe: Er hilft bei der Auswahl eines geeigneten vorhandenen Artikels. Unser Kostenrechner schätzt dagegen einen definierten Leistungsumfang. Diese beiden Funktionen können sich ergänzen, sollten im Angebot aber getrennt beschrieben werden.

Praxisbeispiel: Eventanfrage mit offenen Fahrtkosten

Im PEMKO-Projekt Kinderschminken mit Jana werden zwei unterschiedliche Leistungen getrennt vorbereitet: ein Geburtstag nach Kinderzahl und ein Veranstaltungspaket nach Dauer. Die Anfrage fragt außerdem nach Wunschdatum, Anlass und gewünschten Angeboten. Dadurch wird deutlich, auf welchen Leistungsumfang sich der unverbindliche Richtwert bezieht.

Ein wichtiger Unterschied zur einfachen Musterrechnung oben ist die Anfahrt. Auf der öffentlichen Preise- und Anfrageseite von Jana genügt für den ersten Kontakt der Veranstaltungsort. Straße und Postleitzahl sind freiwillig. Die Seite bietet ausdrücklich eine Anfrage mit noch offenen Fahrtkosten an, wenn keine Fahrtstrecke berechnet wurde. Wer die freiwillige Adresshilfe nicht nutzt, muss deshalb keine vermeintlich genaue Gesamtsumme übernehmen.

Für Ihren eigenen Rechner ergibt sich daraus eine konkrete Gestaltungsaufgabe: Trennen Sie den bereits berechenbaren Leistungsanteil von noch ungeklärten Kosten. Ein leerer Entfernungswert bedeutet nicht, dass die Anfahrt kostenlos ist. Erklären Sie direkt am Ergebnis, welche Angabe fehlt und wie sie später geklärt wird.

Auch Preisorientierung und Buchung bleiben getrennt: Bei Jana werden Verfügbarkeit, endgültiger Umfang und Preis persönlich abgestimmt. Prüfen Sie bei Ihrem Entwurf deshalb zwei Fälle: Bleiben noch offene Kosten in Ergebnis und Zusammenfassung erkennbar? Und versteht der Kunde, ob er gerade eine Anfrage sendet oder bereits verbindlich bucht? So ergänzt das Beispiel die rechnerischen Tests um eine verständliche Entscheidung für den Besucher.

Regelpflege als Teil der Funktion einplanen

Der Betrieb bestimmt eine zuständige Person für Kalkulationsänderungen. Im Angebot wird festgehalten, welche Werte sie selbst pflegen kann und welche Änderungen eine technische Anpassung brauchen. Ein neuer Zuschlag darf nicht nur an einer sichtbaren Textstelle geändert werden, während das Ergebnis noch mit dem alten Wert entsteht.

Jede freigegebene Regelversion erhält einen nachvollziehbaren Stand. Neue Regeln werden zuerst an Musterfällen geprüft. Bereits eingegangene Anfragen müssen mit ihrer damaligen Berechnung verständlich bleiben. Die Grundsätze einer geregelten Übergabe erläutert Websitepflege auslagern.

Sieben Testfälle vor der Veröffentlichung

1. Bekannter Standardfall: Der Rechner liefert denselben Wert wie die freigegebene Handrechnung.
2. Grenzwerte: Kleinste und größte zulässige Fläche werden korrekt behandelt. Außerhalb des Bereichs erscheint eine verständliche Rückfrage.
3. Unbekannte Ausgangslage: „Weiß ich nicht“ führt zur individuellen Prüfung und erzeugt keine erfundene Sicherheit.
4. Fehlerhafte Eingabe: Leere, negative und unpassende Werte werden erläutert; eine Dezimalzahl wird wie vorgesehen verarbeitet.
5. Geänderte Auswahl: Nach einer Korrektur sind Ergebnis und Zusammenfassung wieder konsistent.
6. Mobile und Tastaturbedienung: Sämtliche Felder, Hinweise und Ergebnisse bleiben erreichbar und lesbar.
7. Kontakt und Regelwechsel: Eingaben, Ergebnis und Regelstand kommen beim Empfänger an. Eine freigegebene Regeländerung wird anschließend erneut getestet.

Die Eingaben werden auch bei ihrer technischen Verarbeitung geprüft. Die MDN-Dokumentation zur Formularvalidierung erläutert, weshalb eine Prüfung im Browser allein keinen ausreichenden Schutz bietet.

Mit echten Musterfällen ein Angebot vorbereiten

Für einen ersten Auftrag sammeln Sie drei bis fünf typische Fälle mit Ihrem Rechenweg. Ergänzen Sie einen Fall, der bewusst nicht automatisch kalkuliert werden soll. Daraus entstehen Eingaben, Regeln, Ergebnisdarstellung und Abnahmetests. Das Angebot sollte die fachliche Vorbereitung, Gestaltung, Umsetzung, spätere Regelpflege und eine mögliche Systemanbindung erkennbar benennen.

PEMKO kann die passende Rechneroberfläche planen und die technische Umsetzbarkeit Ihrer Regeln prüfen. Über Kostenrechner für Ihre Website anfragen können Sie Ihre Leistung und den gewünschten ersten Anwendungsfall beschreiben. Vertrauliche Kalkulationsunterlagen tauschen wir anschließend über einen abgestimmten Weg aus.

Quellen

• W3C WAI: Formularfelder beschriften.
• MDN: Client-side form validation.