Snapshot
Problem
Eine Praxisseite bedient gleichzeitig jemanden, der in Ruhe vergleicht, und jemanden mit akuten Schmerzen. Die beiden brauchen das Gegenteil voneinander.
Ziel
Beide Wege auf einer Startseite, ohne dass sie nach zwei zusammengeklebten Seiten aussieht.
Meine Rolle
Konzept, Informationsarchitektur, Gestaltung und Umsetzung, allein.
Ergebnis
Der Notfallweg steht an zweiter Stelle der Seite. Lighthouse 84 / 100 / 100 / 100.
Kontext
Zahnarztseiten haben ein Publikum, das sich schwer unter einen Hut bringen lässt. Die eine Hälfte sucht in Ruhe: vergleicht Praxen, liest über Implantate, schaut sich das Team an. Die andere Hälfte hat seit gestern Abend Schmerzen.
Was der einen hilft, steht der anderen im Weg. Wer vergleicht, braucht Substanz: Team, Verfahren, Kosten, Bewertungen. Wer Schmerzen hat, liest davon keine Zeile. Diese Person braucht eine Telefonnummer und die Gewissheit, dass heute jemand da ist.
Die übliche Lösung ist ein „Notfall“-Punkt im Menü. Das setzt voraus, dass jemand mit pochendem Zahn ein Menü liest und richtig rät.
Hinweis zur Einordnung
Nordent ist ein Konzeptprojekt. Praxis, Team, Auszeichnungen, Bewertungen und Kennzahlen sind erfunden; es gab keinen Auftraggeber und keine Nutzerforschung. Gestaltung, Informationsarchitektur, Umsetzung und die gemessenen Werte sind real.
Die zentrale Entscheidung
Der Notdienst bekommt keinen Menüpunkt, sondern den zweiten Platz auf der Seite: direkt unter dem Kopfbereich, als eigener dunkler Block mit einer roten Telefonschaltfläche.
Wer Schmerzen hat, scrollt einmal und ist da. Wer vergleicht, scrollt daran vorbei und verliert nichts: Der Block ist kurz und beantwortet nebenbei eine Frage, die auch ruhige Besucher haben: bekomme ich hier kurzfristig einen Termin?
Gestaltung
Drei Entscheidungen, die alle davon ausgehen, dass hier jemand nervös ist.
Petrol statt Klinikblau
Das übliche Praxisblau wirkt steril, verspielte Farben verlieren die Glaubwürdigkeit. Ein wärmeres Grün-Petrol hält beides: ruhig genug für Angstpatienten, präzise genug für eine Gesundheitsentscheidung.
Belege statt Sterne
Nicht „fünf Sterne, vertrauen Sie uns“, sondern Nachprüfbares: geprüfte Hygiene, Kammer-Mitgliedschaft, Garantiedauer, und Bewertungen mit sichtbarer Antwort der Praxis.
Die Kostenfrage vorweg
Fester Kostenvoranschlag vor der Behandlung, Ratenzahlung genannt, bevor jemand fragen muss. Bei Zahnmedizin ist der Preis die zweite Angst nach dem Schmerz.
Highlight · Die Terminstrecke
Formulare für Arzttermine fragen fast immer zuerst nach dem Namen. Das ist die Reihenfolge der Verwaltung, nicht die des Gesprächs: am Empfang würde niemand mit „Ihr Nachname?“ beginnen.
Erst das Anliegen, dann die Person
Schritt 1 fragt, worum es geht: Kontrolle, Reinigung, Schmerzen, Implantat. Das ist die Frage, die der Patient selbst beantworten kann, ohne etwas preiszugeben, und sie sortiert im Hintergrund gleich die passende Termindauer.
Erst danach kommen Datum und Kontaktdaten. Wer abbricht, hat bis dahin nichts Persönliches eingegeben.
Barrierefreiheit
Beim Aufbau der Fallstudie habe ich die Seite noch einmal geprüft und dabei drei echte Fehler gefunden und behoben:
- Die Sternebewertung war ein
divmitaria-label: auf einemdivohne Rolle ist das unzulässig, Screenreader lasen die Bewertung gar nicht vor. Jetztrole="img". - Der Logo-Link trug ein
aria-label, das den sichtbaren Text nicht vollständig enthielt. Das verletzt WCAG 2.5.3 Label in Name und bricht Sprachsteuerung. Das Attribut ist entfernt; der sichtbare Text ist jetzt der Name. - Es fehlte eine
robots.txt.
Barrierefreiheit stieg dadurch von 96 auf 100, SEO von 92 auf 100.
Ergebnis
Gemessen mit Lighthouse gegen die veröffentlichte Seite, mobil, im privaten Fenster:
84
Performance
100
Barrierefreiheit
100
Best Practices
100
SEO
Largest Contentful Paint 3,9 s · Cumulative Layout Shift 0 · Total Blocking Time 0 ms. Vor den Korrekturen oben stand hier 65 / 96 / 100 / 92. Tailwind wird inzwischen als gebautes Stylesheet ausgeliefert statt über das CDN. Einzelne, saubere Messung, nicht der beste aus mehreren Durchläufen.
Zwei Wege, eine Seite
Der Notfallweg ist der zweite Abschnitt, nicht ein Menüpunkt.
Termin ohne Vorleistung
Die Behandlung wird zuerst gewählt, persönliche Daten kommen zuletzt.
Vertrauen mit Nachweis
Hygiene, Kammer, Garantie und beantwortete Bewertungen statt einer Sternezahl.
Gelernt
Reihenfolge ist billiger als Navigation
Der Notfallweg brauchte keine neue Seite und keinen Menüpunkt, nur einen anderen Platz in der Reihenfolge. Das war die wirksamste Entscheidung im ganzen Projekt und hat keine Zeile Zusatzarbeit gekostet.
Ein Formular hat eine Gesprächsreihenfolge
Zuerst das Anliegen, dann die Person: Das fühlt sich richtig an, weil es der Reihenfolge am Empfang entspricht. Formulare erben ihre Reihenfolge sonst meist von der Datenbank.
Was ich als Nächstes prüfen würde
Ob der Notdienst-Block auf dem Handy noch früh genug kommt. Dort liegt er nach einem hohen Kopfbereich. Und ob „auch für Nicht-Patienten“ wirklich gelesen wird; das ist die Zeile, die einen Anruf auslöst oder verhindert.
Kurz gefasst
Eine Praxisseite bedient zwei Menschen, die Gegensätzliches brauchen. Nordent löst das nicht über Navigation, sondern über Reihenfolge: Der Kopfbereich arbeitet für den, der vergleicht, der zweite Abschnitt für den, der Schmerzen hat, und die Terminstrecke fragt erst nach dem Anliegen, dann nach der Person.
Live ansehen
Die gebaute Praxisseite läuft: der Notfallweg und die Terminstrecke lassen sich dort durchklicken.
Konzeptprojekt: Praxis, Team, Auszeichnungen, Preise und Kontaktdaten sind erfunden.