Skip to content
IRC-CodingIRC-Coding
BenutzerfreundlichkeitUXUsabilityAccessibilityUser TestingSoftwarequalität

Softwarequalität und Benutzerfreundlichkeit: UX, Usability und Accessibility

Softwarequalität und Benutzerfreundlichkeit: UX-Design, Usability, Accessibility, User Testing und Best Practices für benutzerfreundliche Software.

S

schutzgeist

3 min read
Softwarequalität und Benutzerfreundlichkeit: UX, Usability und Accessibility

Softwarequalität und Benutzerfreundlichkeit

Benutzerfreundlichkeit ist ein Qualitätsmerkmal, das beschreibt, wie einfach Software für Benutzer zu verstehen, zu lernen und zu verwenden ist.

In a Nutshell

Benutzerfreundlichkeit (Usability) bedeutet, dass Software intuitiv, effizient und zufriedenstellend zu nutzen ist. Schlüsselfaktoren: UX-Design, Accessibility, User Testing, Feedback-Schleifen.

Kompakte Fachbeschreibung

Benutzerfreundlichkeit ist ein Qualitätsmerkmal nach ISO 25010, das beschreibt, wie einfach Software für Benutzer zu verstehen, zu lernen und zu verwenden ist. Sie umfasst Usability (Effektivität, Effizienz, Zufriedenheit), Accessibility (Barrierefreiheit) und User Experience (UX). Benutzerfreundliche Software reduziert Schulungskosten, Fehler und Abbruchraten.

Usability-Prinzipien

1. Effektivität

Können Benutzer ihre Ziele erreichen?

// Schlecht: Ziel unklar
<button>OK</button>

// Gut: Ziel klar
<button>Bestellung abschließen</button>

2. Effizienz

Können Benutzer Ziele schnell erreichen?

// Schlecht: Viele Klicks
Dashboard → Settings → Account → Change Password

// Gut: Direkter Zugang
Settings → Change Password

3. Zufriedenheit

Ist die Nutzung angenehm?

// Schlecht: Kein Feedback
await saveData();

// Gut: Feedback
await saveData();
showNotification('Daten gespeichert!');

Accessibility (Barrierefreiheit)

WCAG-Prinzipien

PrinzipBeschreibungBeispiel
PerceivableWahrnehmbarAlt-Text für Bilder
OperableBedienbarTastatur-Navigation
UnderstandableVerständlichKlare Sprache
RobustRobustScreenreader-kompatibel

Beispiele

<!-- Schlecht: Kein Alt-Text -->
<img src="chart.png" />

<!-- Gut: Alt-Text -->
<img src="chart.png" alt="Umsatzentwicklung 2024: +15%" />

<!-- Schlecht: Kein Label -->
<input type="text" />

<!-- Gut: Mit Label -->
<label for="email">E-Mail</label>
<input type="text" id="email" />

<!-- Schlecht: Kein Fokus-Management -->
<button onclick="openModal()">Open</button>

<!-- Gut: Fokus-Management -->
<button onclick="openModal()" aria-expanded="false">Open</button>

User Testing

Methoden

MethodeBeschreibungWann
Usability TestingNutzer bei Aufgaben beobachtenDesign-Phase
A/B TestingVarianten vergleichenEntwicklung
Heuristic EvaluationExperten-ReviewJederzeit
SurveysNutzerbefragungNach Launch

Beispiel-Test

// Usability-Test: Registrierung
const testScenarios = [
  {
    task: 'Neuen Account erstellen',
    steps: [
      'Klicke auf Registrieren',
      'Fülle Formular aus',
      'Bestätige E-Mail'
    ],
    successCriteria: 'In < 2 Minuten abgeschlossen'
  }
];

UX-Design-Prinzipien

Jakobs Law

Nutzer verhalten sich so, wie sie es von anderen Websites gewohnt sind.

// Schlecht: Ungewöhnliches Pattern
<button>Proceed to next stage</button>

// Gut: Bekanntes Pattern
<button>Continue</button>

Fitts Law

Die Zeit, ein Ziel zu erreichen, hängt von Größe und Entfernung ab.

// Schlecht: Kleiner Button weit weg
<button style="padding: 4px; margin-left: 500px">Submit</button>

// Gut: Großer Button nah dran
<button style="padding: 16px; margin: 8px">Submit</button>

Hick’s Law

Die Zeit für eine Entscheidung steigt mit der Anzahl der Optionen.

// Schlecht: Zu viele Optionen
<select>
  <option>Option 1</option>
  <option>Option 2</option>
  <!-- 20 weitere Optionen -->
</select>

// Gut: Gruppierte Optionen
<select>
  <optgroup label="Kategorie A">
    <option>Option 1</option>
  </optgroup>
  <optgroup label="Kategorie B">
    <option>Option 2</option>
  </optgroup>
</select>

Best Practices

  • Progressive Disclosure: Informationen schrittweise zeigen
  • Consistency: Einheitliches Design
  • Feedback: Sofortiges Feedback auf Aktionen
  • Error Prevention: Fehler verhindern statt nur melden
  • Accessibility: WCAG 2.1 AA einhalten

Prüfungsrelevante Stichpunkte

  • Benutzerfreundlichkeit nach ISO 25010: Effektivität, Effizienz, Zufriedenheit
  • WCAG-Prinzipien: Perceivable, Operable, Understandable, Robust
  • UX-Prinzipien: Jakobs Law, Fitts Law, Hick’s Law
  • User Testing: Usability Testing, A/B Testing, Heuristic Evaluation
  • Accessibility: Screenreader, Tastatur-Navigation, Alt-Text

FAQ

1. Was ist Benutzerfreundlichkeit?

Fähigkeit, Software einfach zu verstehen, zu lernen und zu verwenden.

2. Was ist Usability?

Effektivität, Effizienz und Zufriedenheit bei der Nutzung.

3. Was ist Accessibility?

Barrierefreiheit für Menschen mit Behinderungen. WCAG-Standards.

4. Was ist WCAG?

Web Content Accessibility Guidelines. Prinzipien: Perceivable, Operable, Understandable, Robust.

5. Was ist Jakobs Law?

Nutzer verhalten sich wie von anderen Sites gewohnt. Konsistenz ist wichtig.

6. Was ist Fitts Law?

Zeit zu erreichen hängt von Größe und Entfernung ab. Große Buttons nah dran.

7. Was ist Hick’s Law?

Entscheidungszeit steigt mit Anzahl der Optionen. Weniger Optionen ist besser.

8. Was ist User Testing?

Nutzer bei Aufgaben beobachten, um Usability-Probleme zu finden.

9. Was ist A/B Testing?

Zwei Varianten vergleichen, um die bessere zu finden.

10. Was ist Heuristic Evaluation?

Experten-Review basierend auf Usability-Prinzipien.

11. Alt-Text für Bilder?

Beschreibender Text für Screenreader. Leere Alt-Texte für dekorative Bilder.

12. Tastatur-Navigation?

Alle interaktiven Elemente müssen per Tastatur erreichbar sein.

13. Was ist Progressive Disclosure?

Informationen schrittweise zeigen, um Nutzer nicht zu überladen.

14. Screenreader-Kompatibilität?

Semantisches HTML, ARIA-Attribute, Fokus-Management.

15. UX vs Usability?

Usability ist Teil von UX. UX umfasst gesamte Erfahrung, Usability fokussiert auf Nutzbarkeit.

Weiter im Softwarequalität Lernpfad

Alle Artikel des Softwarequalität Lernpfads sind nun vollständig. Zurück zur Softwarequalität Lernpfad Übersicht.

Quellen

  1. https://iso25000.com/index.php/en/iso-25000-standards/iso-25010.html
  2. https://www.w3.org/WAI/WCAG21/quickref/
  3. https://www.nngroup.com/articles/ten-usability-heuristics/

Buchempfehlungen zur Softwarequalität

Wenn Du Dich weiter mit Benutzerfreundlichkeit, UX und Softwarequalität beschäftigen möchtest, empfehlen wir Dir die folgenden Bücher:

Software Engineering

Bücher über Softwarequalität, Clean Code, Code Reviews und Softwareentwicklungsprozesse

Software Engineering: Umfassendes Handbuch für die Praxis

Software Engineering: Umfassendes Handbuch für die Praxis

Bei Amazon ansehen

Affiliate-Link: Bei einem Kauf erhalten wir möglicherweise eine Provision.

Refactoring: Wie Sie bestehenden Code verbessern von Martin Fowler

Refactoring: Wie Sie bestehenden Code verbessern von Martin Fowler

Bei Amazon ansehen

Affiliate-Link: Bei einem Kauf erhalten wir möglicherweise eine Provision.

Zurück zum DEV Blog
Share:

Ähnliche Beiträge