Einfache Websites und Apps

Entwickeln Sie schnelle, zugängliche Websites und Apps mit klarer Navigation und hilfreichen Inhalten.

54 Artikel · Zuletzt aktualisierter Artikel

Verstehen Sie das Thema.

Ein praktischer Leitfaden zu diesem Thema.

Die Entwicklung einer Website oder App bedeutet, eine Aufgabe zu ermöglichen, nicht nur Bildschirme zu erstellen. Diese Kategorie verbindet Inhaltsstruktur, Benutzeroberfläche, Barrierefreiheit, Leistung, Sicherheit und Wartung zu einem ganzheitlichen Nutzererlebnis.

Was ist zu prüfen?

  • Beschreiben Sie Aufgaben und Zielgruppen, bevor Sie Komponenten und Technologien auswählen.
  • Testen Sie Navigation, Formulare und Fehlermeldungen auf verschiedenen Geräten und Interaktionsmodi.
  • Planen Sie Aktualisierungen, Backups und die Weiterentwicklung von Inhalten von Anfang an.
  • Öffnen, Bewegung, Schließen und Kontextwiederherstellung in Schnittstellen überprüfen, die eine Aufgabe unterbrechen.
  • Bewegungsdaten erfassen, reduziertes Verhalten anbieten und testen, ob Fortschritt, Status und Navigation auch ohne Animation verständlich bleiben.
  • Eine abgebrochene Anfrage kann serverseitig bereits ausgeführt sein.
  • Zellbeziehungen müssen auch auf kleinen Bildschirmen verständlich bleiben.
  • Suche, Speicherung, Fortschritt und Fehler visuell, per Tastatur und mit Screenreader wahrnehmbar machen.
  • Die heruntergeladene Datei hängt von Darstellungsgröße und Gerät ab.
  • Trennzeichen und Datumsreihenfolge können verschiedene Deutungen erzeugen.

Hilfreiche Fragen.

  • Welcher Pfad führt zu einer erfolgreichen Aktion?
  • Welche Zustände oder Inhalte sind schwer verständlich?
  • Wie werden Korrekturen auf Regressionen geprüft?
  • Erklärt das Formular nach einem Fehler die Korrektur, während gültige Werte erhalten bleiben?
  • Ist ein Modal erforderlich?
  • Schließt reduziertes Verhalten jegliche Animation aus?
  • Bei erneuter Verbindung automatisch wiederholen?
  • Sind Karten immer zugänglicher als Tabellen?
  • Soll jede Änderung angesagt werden?
  • Muss sizes immer 100vw sein?
  • Reicht ein Wechsel der Oberflächensprache?

Beispiel einer Entscheidung.

Situation.
Benutzer finden das Formular, verlassen es aber nach einem Validierungsfehler.
Prüfen.
Beachten Sie Beschriftungen, Tabulatorreihenfolge, Fehlermeldung, gespeicherte Werte und das Verhalten bei schmalen Bildschirmen.
Handeln.
Beheben Sie den Fehler vollständig und testen Sie die Aufgabe anschließend erneut mit Tastatur, Zoom und Bildschirmleseprogramm.

Entwerfen Sie Wartezeiten und Wiederherstellung.

Ein Nutzererlebnis ist unvollständig, wenn nur der Erfolg geplant ist. Berücksichtigen Sie fehlende Antworten, unbekannte Zustände und verlustfreie Wiederherstellung; verknüpfen Sie jede Meldung mit einem verifizierten Zustand und testen Sie das Verständnis und die Navigation.

Weiß der Nutzer, was zu tun ist, ohne eine unsichere Operation wiederholen zu müssen?

Questions to support your decisions

Find answers and practical checks in the analyses in this category.

Im Archiv weiterlesen

Weitere Analysen zu diesem Thema außerhalb der aktuellen Artikelliste.

Weiterführende Quellen

Originaldokumente der Organisationen, die diese Methoden und Standards verantworten.

UX Muster die Sicherheitsaktionen erleichtern

Veröffentlicht · Aktualisiert

Sicherheitsprogramme scheitern oft an der Interaktion, nicht an den Richtlinien. Mitarbeiter ignorieren Warnungen, Kunden verzichten auf Schutzmaßnahmen, und Administratoren verschieben die Behebung von Problemen, wenn Arbeitsabläufe verwirrend…

Artikel lesen