Gleiche Gestaltung braucht nicht überall denselben Seitenaufbau
Eine Liste hilft beim Vergleichen; eine Freigabe braucht die entscheidenden Einzelheiten. Vertraute Bedienelemente können trotzdem gemeinsam bleiben.
Richten Sie den Seitenaufbau nach der aktuellen Aufgabe aus. Wer einen Eintrag aus vielen Möglichkeiten auswählt, braucht andere Informationen als jemand, der eine konkrete Handlung bestätigt. Ein einheitliches Raster kann diese Unterschiede verdecken, wenn das Team es unverändert auf beide Situationen überträgt.
Zwei Aufgaben im selben Portal
Im vollständig erfundenen Beispiel wählt eine Person einen Projektbericht aus einer Liste und prüft anschließend dessen Versand. Die Daten in der Tabelle sind Platzhalter. Die erste Ansicht soll die Auswahl unterstützen; die zweite soll zeigen, welcher Stand an wen gehen würde.
Aspekt | Auswahlansicht | Prüfung vor dem Versand |
|---|---|---|
Beispieldaten | Bericht | Bericht |
Anordnung | Vergleichbare Zeilen und Filter helfen, den gesuchten Bericht zu finden. | Eine beschriftete Zusammenfassung zeigt Empfänger und Dateiversion vollständig. |
Hauptaktion | Bericht öffnen | Bericht an den angezeigten Empfänger senden |
Ein breites Listenraster ist für den Vergleich mehrerer Berichte gedacht. In einer Bestätigung kann dieselbe Spaltenstruktur wichtige Angaben an den Rand drängen oder auf kleinen Bildschirmen abschneiden. Im Beispiel wäre die richtige Datei mit einem übersehenen Empfänger weiterhin eine problematische Auswahl.
Wiederkehrende Funktionen erkennbar lassen
Die W3C-Erläuterung zu konsistenter Identifikation behandelt wiederkehrende Bedienelemente mit derselben Funktion. Dazu passen vertraute Bezeichnungen, Icons und zugängliche Namen. Daraus folgt kein Zwang, jede Seite gleich anzuordnen.
Navigation, Fokusdarstellung und das Verhalten bekannter Schaltflächen können gemeinsam bleiben. „Bericht öffnen“ und „Bericht senden“ müssen dagegen als verschiedene Handlungen erkennbar sein. Dieselbe unbestimmte Beschriftung „Weiter“ würde hier die Bedeutung der zweiten Handlung verbergen. Die gemeinsame Gestaltung soll das Erkennen unterstützen, ohne Unterschiede im Ablauf zu verwischen.
Die Bestätigung an der Handlung ausrichten
GOV.UK beschreibt eine Prüfansicht mit relevanten Angaben, Änderungsmöglichkeit und einer eindeutig benannten abschließenden Aktion. Für unser Beispiel heißt das: Empfänger, Projekt und ausgewählte Dateiversion müssen vor dem Senden verständlich zusammenstehen. Die Ansicht selbst ist noch keine Versandbestätigung.
Kann die Person den Empfänger ändern, muss sie danach die aktualisierte Zusammenfassung prüfen können. Andere bereits gewählte Angaben sollen dabei erhalten bleiben. Welche Änderung zulässig ist und welcher Stand tatsächlich gesendet wird, muss auch die Anwendung verlässlich verarbeiten; eine übersichtliche Seite allein legt das nicht fest.
Wann ein gemeinsamer Aufbau ausreicht
Bei einer kurzen, wenig veränderlichen Aufgabe kann eine kompakte Zusammenfassung im selben Bildschirm genügen. Eine zusätzliche Seite ist nicht für jeden Vorgang erforderlich. Entscheidend ist, ob die nötigen Angaben am Handlungspunkt verständlich und vollständig verfügbar sind.
Lassen Sie beide Aufgaben mit realistischen Beispielen erproben: zuerst den Bericht finden, dann Empfänger und Version vor der Aktion überprüfen. Beobachten Sie insbesondere lange Texte, kleine Bildschirme und die Rückkehr nach einer Änderung. So lässt sich beurteilen, welche Elemente gemeinsam bleiben und welche Anordnung die jeweilige Aufgabe benötigt.
Quellen
Geschrieben von
- Julia HoffmannRedakteurin für Design und UXJulia Hoffmann ist bei ASES für die redaktionellen Inhalte zu Design und User Experience zuständig. Ihre Beiträge behandeln die Nutzung von Websites und Anwendungen, die Gestaltung von Benutzeroberflächen und digitale Barrierefreiheit.
Weiterlesen
Alle Beiträge
Design & UX mit ASES
Nutzererlebnis, Oberflächen und Markenauftritt