Skip to content
IRC-Coding IRC-Coding
Softwareergonomie Usability User Experience ISO 9241 WCAG Prototyp

Softwareergonomie Grundlagen: Usability vs. UX, ISO 9241, Mockups & Barrierefreiheit

Grundlagen der Softwareergonomie: Unterschied Usability vs UX, ISO 9241, Mockups/Prototypen, Heuristiken, Barrierefreiheit (WCAG/EN 301 549) und prüfungsrelevante Metriken inkl. Fragen.

S

schutzgeist

2 min read

Grundlagen der Ergonomie in der Softwareentwicklung

Dieser Beitrag ist eine Begriffserklärung zu Softwareergonomie-Grundlagen – inklusive Prüfungsfragen, Kernkomponenten und Tags.

In a Nutshell

  • Usability fokussiert auf Effektivität, Effizienz und Zufriedenheit bei der Aufgabenerledigung.
  • User Experience (UX) umfasst zusätzlich Erwartungen, Emotionen und Kontext vor/während/nach der Nutzung.

Ergonomische UIs entstehen durch Anforderungsanalyse, visuelle Ordnung, Barrierefreiheit und iterative Validierung mit Mockups/Prototypen.

Kompakte Fachbeschreibung

Softwareergonomie basiert u.a. auf Normen wie ISO 9241 und Prinzipien menschzentrierter Gestaltung.

  • Usability: „Schafft der Nutzer die Aufgabe korrekt und schnell?“
  • UX: „Wie fühlt sich die Nutzung insgesamt an (inkl. Erwartung/Marke/Kontext)?“

Frühe Visualisierung:

  • Wireframe / Mockup (low/high fidelity)
  • Klick-Prototyp für Flows, Feedback und Fehlerszenarien

Barrierefreiheit:

  • WCAG (POUR: wahrnehmbar, bedienbar, verständlich, robust)
  • EN 301 549 als europäischer Rahmen (z.B. öffentliche Beschaffung)

Evaluation:

  • Heuristische Evaluation (Nielsen)
  • Walkthroughs
  • Nutzertests

Prüfungsrelevante Stichpunkte

  • Usability vs UX sauber abgrenzen (IHK)
  • Mockup-Arten + Nutzen (Abstimmung, Risiko senken)
  • Ergonomie-Regeln: Konsistenz, Feedback, Fehlerprävention, Fehlertoleranz
  • Barrierefreiheit: Kontrast, Tastaturbedienbarkeit, Fokus sichtbar
  • Entwurf von Masken: Raster, Gruppierung, Lesereihenfolge
  • Kognitive Gesetze: Fitts, Hick-Hyman (Grundidee)
  • Anforderungen + Akzeptanzkriterien testbar dokumentieren
  • Metriken: Task Success, Time on Task, Error Rate, SUS/UEQ

Kernkomponenten

  1. Anforderungserhebung (Interviews, Beobachtung, Personas)
  2. Informationsarchitektur (Navigation, Vokabular)
  3. Interaktionsdesign (Flows, Zustände, Fehler)
  4. Visuelles Design (Raster, Typografie, Kontrast)
  5. Prototyping (Wireframe → Klickmodell)
  6. Barrierefreiheit (WCAG, Tastatur, Semantik)
  7. Komponentenbibliothek (Forms, Dialoge, Tabellen)
  8. Usability-Evaluierung (Tests, SUS/UEQ)
  9. QS (Akzeptanzkriterien, A11y-Checks)
  10. Governance (Styleguide/Design System)

Praxisbeispiel (Support-Ticket-Maske)

Felder: Betreff, Beschreibung, Kategorie, Priorität, Upload
Ergonomie: Gruppierung, Pflichtfelder markiert, Inline-Validierung
A11y: Label->Input, Tastaturreihenfolge logisch, Fokus sichtbar, Kontrast 4.5:1
Test: 5 Nutzer, Metriken (Erfolg, Zeit, Fehler, SUS)

Vorteile und Nachteile

Vorteile

  • Höhere Aufgabenerfolgsquote
  • Weniger Support- und Schulungskosten
  • Bessere Zugänglichkeit (inklusive Produkte)

Nachteile

  • Initialer Aufwand (Analyse, Prototyping, Tests)
  • Bedarf an Testpersonen
  • Zielkonflikte (Branding vs. Kontrast/A11y)

Typische Prüfungsfragen (mit Kurzantwort)

  1. Usability vs UX? Usability = Aufgabe schaffen; UX = gesamtes Nutzungserlebnis.
  2. Warum Mockups früh? Anforderungen sichtbar machen, günstig iterieren.
  3. Wichtige Usability-Metriken? Task Success, Time on Task, Error Rate, SUS/UEQ.
  4. Wichtige WCAG-Aspekte für Formulare? Labels, Kontrast, Tastatur, Fokus, verständliche Fehlermeldungen.

Wichtigste Quellen

  1. https://www.w3.org/WAI/standards-guidelines/wcag/
  2. https://de.wikipedia.org/wiki/ISO_9241
Zurück zum Blog
Share:

Ähnliche Beiträge