Leitfaden für den Zugang
Beginnen Sie mit einem Bildschirm und einer klaren Aufgabe für die Nutzer. Prüfen Sie dann, was Sie am Zielort tatsächlich tun können, bevor Sie sich an einen umfangreicheren Entwurf machen. App Design bietet einen Einstieg über den Browser, aber diese Seite kann nicht bestätigen, welche Funktionen gegebenenfalls ohne Bezahlung verfügbar sind.
Sie benötigen ein Ziel für den Bildschirm, eine Liste der wichtigsten Inhalte und eine Möglichkeit, das Ergebnis zu bewerten. Ein fertiges visuelles Gestaltungssystem brauchen Sie für den Einstieg nicht.
Nehmen Sie eine App zur Terminbuchung als Beispiel. Definieren Sie die Aufgabe, skizzieren Sie den Buchungsbildschirm und prüfen Sie dann, ob jemand eine Uhrzeit auswählen und verstehen kann, was als Nächstes passiert. Diese vier Perspektiven machen die Überprüfung hilfreicher.
Notieren Sie das einzige Ziel des Bildschirms: Jemand soll eine Uhrzeit für einen Termin auswählen können. Listen Sie Datum, verfügbare Zeitfenster und Bestätigungsaktion auf, bevor Sie Farben auswählen.
Eine kurze, überprüfbare Beschreibung des Bildschirms sorgt dafür, dass sich der erste Entwurf auf die Buchungsaufgabe konzentriert.
Skizzieren Sie den Buchungsablauf von der Auswahl der Dienstleistung bis zur Bestätigung. Kennzeichnen Sie, wo Verfügbarkeit, Dauer und Stornierungsbedingungen erscheinen müssen.
Ein überprüfbarer Ablauf deckt fehlende Informationen auf, bevor die detaillierte visuelle Gestaltung beginnt.
Prüfe, ob Zeitfenster, Beschriftungen und die Bestätigungsaktion auf einem schmalen Bildschirm gut lesbar und leicht antippbar bleiben.
Die Anforderungen mobiler Geräte werden Teil des Designbriefings, statt erst nachträglich berücksichtigt zu werden.
Gehe den Bildschirm aus der Sicht einer Person durch, deren gewähltes Zeitfenster gerade nicht mehr verfügbar ist. Notiere die Meldung und die nächste mögliche Aktion.
Die Prüfung deckt neben dem idealen Buchungsablauf auch einen Fehlerzustand ab.
Betrachte diese drei Möglichkeiten als Ausgangspunkte, geordnet nach Aufwand. Wähle die einfachste, die deine aktuelle Designfrage beantwortet; keine davon legt die Zugangsbedingungen der Zielseite fest.
Am besten, wenn die Idee noch vage ist. Halte fest, wer die Anwendung nutzt, welche Buchungsaufgabe ansteht, welche Informationen erforderlich sind und welcher Fehlerzustand auftreten könnte. Notiere dies kurz in deinen eigenen Unterlagen, damit du es unabhängig vom gewählten Tool wiederverwenden kannst.
Am besten, wenn noch unklar ist, wo der Bildschirm im Ablauf steht. Zeichne die Schritte für Auswahl, Überprüfung und Bestätigung mit einfachen Kästchen und lege fest, was passieren muss, wenn eine Zeit nicht verfügbar ist.
Am besten, wenn der Ablauf bereits schlüssig ist. Prüfe auf einem Layout in Mobilgerätgröße, ob Beschriftungen verständlich, Tippflächen groß genug und Kontraste ausreichend sind und ob die Hauptaktion klar erkennbar ist. Vergewissere dich, dass der gewählte Editor die benötigten Änderungen unterstützt.
Dass eine Seite im Browser erreichbar ist, belegt nicht, dass Bearbeitung, Export, Zusammenarbeit oder Veröffentlichung uneingeschränkt möglich sind. Prüfe die aktuellen Bedingungen der Zielseite, bevor du dich auf eine dieser Funktionen verlässt.
Der Zugriff auf eine Webseite sagt nichts darüber aus, welche Designfunktionen enthalten sind oder ob die weitere Nutzung an Bedingungen geknüpft ist.
Was du stattdessen tun solltest
Prüfe die aktuellen Zugangsbedingungen der Zielseite und teste die eine Funktion, die du für deinen Bildschirm brauchst, bevor du das Projekt ausweitest.
Ein Bildschirmkonzept umfasst nicht automatisch eine funktionierende Buchungslogik, Verfügbarkeitsdaten, Benachrichtigungen oder eine veröffentlichte mobile Anwendung.
Was Sie stattdessen tun sollten
Trennen Sie das Briefing für die Benutzeroberfläche von den technischen Anforderungen und halten Sie jede Interaktion fest, die noch implementiert werden muss.
Ein Layout, das in einem breiten Browserfenster übersichtlich wirkt, kann auf einem Smartphone scheitern, wenn Text umbricht oder Bedienelemente zu dicht beieinanderstehen.
Was Sie stattdessen tun sollten
Prüfen Sie eine Version für schmale Bildschirme und testen Sie den Buchungsablauf mit jemandem, der nicht an der Gestaltung beteiligt war.
Farben und Symbole können im Terminbuchungsablauf weder einen unklaren nächsten Schritt noch eine fehlende Fehlermeldung ausgleichen.
Was Sie stattdessen tun sollten
Klären Sie die Aufgabe der Nutzer und die erforderlichen Zustände des Bildschirms, bevor Sie Typografie und Farben verfeinern.
Bringen Sie eine klar umrissene Aufgabe, die für Ihren Bildschirm benötigten Inhalte und eine Frage mit, die das Design beantworten soll. Öffnen Sie die verlinkte Seite im Browser, um den aktuellen Ablauf und die Zugangsbedingungen zu prüfen. Gehen Sie nicht davon aus, dass dort jede Funktion verfügbar ist, die in einem allgemeinen Designleitfaden beschrieben wird.
Sie können die verlinkte Seite im Browser öffnen und sich den Einstieg ansehen. Welche Funktionen derzeit zugänglich sind, wird auf dieser Seite nicht bestätigt. Prüfen Sie daher die Bedingungen auf der Zielseite, bevor Sie davon ausgehen, dass eine bestimmte Aktion kostenlos verfügbar ist.
Sie müssen nichts installieren, um ein Bildschirm-Briefing zu schreiben oder einen Ablauf auf Papier zu skizzieren. Der verlinkte Einstieg öffnet sich im Browser; prüfen Sie dort jedoch die aktuellen Voraussetzungen und verfügbaren Aktionen.
Bereiten Sie eine Aufgabe der Nutzer, die Informationen, die der Bildschirm anzeigen muss, und die nächste Aktion der Nutzer vor. Legen Sie für einen Buchungsbildschirm auch fest, was geschieht, wenn ein ausgewählter Termin nicht verfügbar ist.
Nein. Ein Bildschirmdesign vermittelt das Layout und die vorgesehenen Interaktionen; eine funktionsfähige App erfordert außerdem Implementierung, Datenverarbeitung und Tests. Betrachten Sie das Design als Spezifikation, die geprüft werden muss, nicht als Beleg dafür, dass diese Systeme bereits vorhanden sind.
Versuchen Sie, eine konkrete Frage zu beantworten, etwa ob Nutzer eine Terminzeit finden und bestätigen können. Prüfen Sie, ob Sie mit den verfügbaren Funktionen die nötigen Inhalte und Zustände darstellen können, und sehen Sie sich das Ergebnis anschließend in der Größe eines mobilen Bildschirms an.