Die Implementierung der Website umfasst mehr als die Reproduktion des Mock-Ups. Es ist notwendig, Formulare, Nachrichten, Reaktionen auf Fehler und das Verhalten von Elementen unter verschiedenen Bedingungen zu entwerfen.
Das Mockup zeigt nur ausgewählte Situationen
Das grafische Design präsentiert oft eine Seite mit einem Inhaltssatz und einer ordnungsgemäß ausgefüllten Form. Es gibt auch einen Mangel an Ergebnissen, lange Wartezeiten, unvollständige Daten und eine unterbrochene Verbindung. Diese Situationen müssen in die Umsetzung einbezogen werden.
Beschreiben Sie für jedes interaktive Element den Anfang, die Operation und das Ergebnis. Der Benutzer sollte wissen, ob der Button funktioniert hat, ob die Operation läuft und was als nächstes getan werden kann. Das rotierende Symbol selbst löst das Unsicherheitsproblem nicht ohne Erklärung.
Form als Beispiel für eine vollständige Funktion
Überprüfen Sie das Pflichtfeld, das Format der ungültigen Adresse und die Situation, in der der Server den Vorgang nicht bestätigt hat. Zeigen Sie die Erfolgsmeldung nicht nur, weil der Benutzer auf die Schaltfläche geklickt hat.
Der Inhalt des Fehlers sollte angeben, wo und wie die Daten berichtigt werden. Wenn das Formular nicht gesendet wurde, sollten die eingegebenen Informationen ordnungsgemäß aufbewahrt werden, damit der Empfänger nicht erneut beginnen muss. Die Einzelheiten hängen von der Art der Daten und den vereinbarten Sicherheitsregeln ab.
Mehr als die Maus
Überprüfen Sie die Benutzeroberfläche auch mit Tastatur, Touchscreen und nach Textverbesserung. Sichtbarer Fokus, logische Reihenfolge und verständliche Beschriftungen helfen Ihnen, die Funktion in verschiedenen Situationen zu verwenden. Platzieren Sie wichtige Informationen nicht nur aufgrund des Cursors.
Die Empfängerliste kann Folgendes umfassen:
- Öffnungs- und Schließnavigation;
- Inhalte entwickeln, ohne den Kontext zu verlieren;
- Unterstützung für leere Suchergebnisse;
- Zurück zu einer früheren Ansicht;
- Betrieb der Website mit begrenzten Animationen.
Vergewissern Sie sich die Verbindung aller Teile
Das individuell geprüfte Formular kann sich nach dem Einfügen in die vorgefertigte Vorlage unterschiedlich verhalten. Daher sollte der Beleg die ganze Seite, ihren Inhalt und ihre Integrationen enthalten. Beachten Sie die Adresse und die genauen Schritte für jeden gefundenen Fehler.
Entwicklungsarbeit ist leichter zu bewerten und zu erhalten, wenn der Bereich das Verhalten beschreibt, nicht nur eine Liste von Bildschirmen. Empfang der Website und Verfügbarkeit der Website.
