Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability...

32
Ein Überblick über die Zusammenhänge zwischen Requriements-Engineering und User Interfaces Johannes Bergsmann Berater, Trainer, Sachverständiger Requirements-Engineering bei Benutzeroberflächen

Transcript of Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability...

Page 1: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

SWQL Präsentationsvorlage V8.0

Ein Überblick über die Zusammenhänge zwischen Requriements-Engineering

und User Interfaces

Johannes BergsmannBerater, Trainer, Sachverständiger

Requirements-Engineering bei Benutzeroberflächen

Page 2: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Leistungsportfolio

Folie 2

Über Software Quality Lab

Consulting Operational Service

Academy Tool Expertise

• Managementconsulting

• Prozesse und Vorgehensmodelle

• Teststrategie und -konzeption

• Requirements und Ausschreibungen

• Architektur und Modellierung

• Code Analyse und Metriken

• Requirements und Usability

• Architektur und Modellierung

• Testen und Automatisieren

• Agile Softwareentwicklung

• Projektabwicklung und Vorgehensmodelle

• Lehrgänge und Zertifizierungen

TestCenter

Requirements Engineering

Testmanagement und -spezifikation

Softwareverifikation und -validierung

Testautomatisierung und -reporting

Reviews und Code Analyse

Tool Evaluation Center

Tool-Einführung und Pilotprojekte

Tool-Schnittstellen und -Einbindung

Softwareprozessautomatisierung

Test Automation Frameworks

Tool-Studien und Tool-Expertisen

Page 4: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Inhalt

Requirements-Engineering „Themenstack“

User-Interfaces im Kontext des Requirements-Engineerings

UI Spezifikations-Ebenen

Vom System-Verhalten zum UI

UI Entwurf und Spezifikation

Resümee

Folie 4

Page 5: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Kurzer Überblick

Requirements-Engineering

Folie 5

Page 6: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Requirements-Engineering-Stufen

7. DetailspezifikationMasken Reports Schnittstellen Detailfunktionen

6. AnforderungsübersichtFeatureliste/Funktionen Eingaben/Ausgaben Schnittstellenübersicht

5. Use-Cases/TeilprozesseDetailabläufe Prozess-Schnittstellen

4. Prozesse definieren

Hauptprozesse Varianten / Sonderfälle

3. StakeholderanalyseStakeholder im Kontext Zielgruppe erkennen

2. Systemgrenzen & KontextSystemgrenzen festlegen Kontext abgrenzen

1. Zieldefinition Ziele definieren

UI ist meist Teil

der Detail-

spezifikation

Folie 6

Page 7: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

User-Interfaces im Kontext des Requirements-Engineerings

Folie 7

Page 8: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

EinordnungUI und RE

User-Interface-Spezifikation ist das (ein) Bindeglied zwischen den Benutzer-Anforderungen und den technischen Lösungen!

Leider wird dies bei der Spezifikation und Umsatzung oft vernachlässigt!

Ev. ein Perspektivenwechsel für Entwickler:

Fokussierung auf Benutzer und Aufgaben

Einbinden von Benutzern in die Entwicklung

Usability bzw. User-Interface-Engineering muss in den Software-Entwicklungsprozess eingebettet sein!

Sachziele

(= Anforderungen)

Lösung,

techn. Umsetzung

Abläufe,

Gestaltung

(User-Interface)

wechselseitige Abhängigkeiten, iterative Entwicklung

Folie 8

Page 9: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Anforderungskategorisierung nach Kano Anforderungen definieren

sehr

zufrieden

Völlig

unzufrieden

Erfüllungsgradvöllig unzureichend

Zufriedenheit

Zeit

Usability /

User-Interface

Folie 9

Page 10: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

UI Spezifikations-Ebenen

Folie 10

Page 11: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Von der Anforderung zum Design

Grundlegender Ablauf:

Ziel: benutzerzentrierte Schnittstelle!

Anforderungs-/Problem-Erhebung

Ideenfindung, Abgrenzung

Analyse & Strukturierung

Konzeption, Grobentwurf

Design & Prototyping

Folie 11

Page 12: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Vom System-Verhalten zum UI

Folie 12

Page 13: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Aufgaben- / Prozess-AnalyseUsability Engineering

Ablauf- / Prozess-Diagramm

Boil water

Prepare coffeeinto a mug

Pour hot waterover the coffee

Let the coffeebrew

Offer to the guests

Prepare Coffee

Taste

Dispose of it

[tastes ok][tastes badly]

Folie 13

Page 14: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Aufgaben- / Prozess-AnalyseUsability Engineering

Strukturbaum:

Strukturierung von komplexen Zusammenhängen

Hierarchischer Überblick(vom Groben ins Detail)

Zusammenhänge werden sichtbar /überschaubar

Folie 14

Page 15: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Prozess-SpezifikationSpezifikation von Verhalten

(Geschäfts-)Prozesse sind die Basis für fast alle Features eines Systems! Daher Prozess-Übersicht jedenfalls möglichst bald erstellen und Detailspezifikationen davon ableiten / daran orientieren! (iterativ)

Folie 15

Page 16: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

UI Entwurf und Spezifikation

Folie 16

Page 17: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Sketching

Von der groben Hand-Skizze des UI und Prozesses …

Folie 17

Page 18: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Wireframe

… über die klare Strukturierung und den Aufbau der Seiten …

Folie 18

Page 19: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Screen-Design

… hin zu „fertigen“ Detailskizzen / Design.

Folie 19

Page 20: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Sketches & Wireframe

Sketches & Wireframes = Kernstück jedes

Produktionsprozesses von Benutzeroberflächen.

Basieren auf definierten Use Cases / Prozessen

Halten fest, welche Screenelemente in den einzelnen

Interaktionsschritten vorhanden sein müssen.

In der Regel schwarz/weiß, Fokus auf funktionaler Umsetzung,

nicht auf visueller Gestaltung ("Screendesigns").

Annotationen zu den Screenelementen liefern Entwicklern

Hinweise für die Programmierung.

Folie 20

Page 21: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Sketches & Wireframe vs. Visual-Design

Der Auftraggeber möchte möglichst bald visuelle Designs sehen

Zu frühe Detaillierung

schränkt die Designer ein

kostet Geld und Zeit durch unnötige Diskussionen über Details

wird sowieso noch x-mal geändert!

Konzentration auf das Wesentliche

Vom Groben ins Detail

Sketches & Wireframes vermitteln den Eindruck des Unfertigen und verleiten nicht (so sehr) dazu, Details zu früh zu diskutieren.

Sketches & Wireframes helfen, die visuellen Präferenzen des Anwenders explorativ herauszufinden.

Folie 21

Page 22: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

WeitereUI-Spezifikationstechniken

Folie 22

Page 23: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

User-Journeys

Fokussiert auf den Anwender und seine Arbeitsweise.

High-Level-Beschreibung einer Aufgabe bzw. Prozesse, die der Anwender mit der Software durchführt.

Darstellung der Interaktion des Anwenders mit der Software.

Typischerweise Prozess-Darstellungen.

Folie 23

Page 24: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Story-Board

Definition: Illustrationen zur Darstellung des Interaktionsprozesses eines Nutzers mit einem System.

Ähnlich User-Journey, jedoch weniger Fokus auf den exakten Workflow sondern mehr auf die grobe Visualisierung des User-Interface im Kontext der gewünschten Funktion.

Typischerweise Folge von Wireframesmit erklärendem Text.

Folie 24

Page 25: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Story-Board

Weitere Beispiele:

Nutzen:

Überblick über das System durch visuelle Stütze.

Zeigt früh Funktionalität der Elemente und Navigationsschema.

Visualisiert Anforderungen ohne Umsetzung.

Folie 25

Page 26: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Wireframing/Sketching-ToolsWireframing Tools

Balsamiq (einfach, schnell) Axure (mächtiger, HTML-Prototypen)

Microsoft Visio (komplex, vielfältig) Microsoft PPT (begrenzt, pragmatisch)

Weitere: Pencil (einfach, schnell), Sketch Flow (WPF-Prototyp, komplex)

Freie Online-Wireframing-Tools: http://mashable.com/2010/07/15/wireframing-tools/

Folie 26

Page 27: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Resümee

Folie 27

Page 28: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Einige Schlüsselfaktoren für den ErfolgRequirements-Engineering bei UI

Unbedingt zuerst das Verhalten spezifizieren und dann das UI darauf aufbauend

UI-Grobentwürfe als Basis für die Stakeholder-Diskussionen verenden

Ablaufsicht des UI berücksichtigen (z.B. durch Story-Boards oder Jurneys)

Passende Tools verwenden

UI iterativ entwickeln und verfeinern

Nicht zu früh in UI-Details vertiefen

Folie 28

Page 29: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

ZusammenfassungRequirements-Engineering bei UI

User-Interface-Spezifikation ist wichtiger Teil des RE

UI-Themen ziehen sich durch gesamten RE-Stack

Das Systemverhalten beeinflusst das UI sehr stark

Systematische Konzeption und Strukturierung im

Vorfeld ist wichtig

UI ist wichtige Diskussionsgrundlage mit den

Stakeholdern

Sketching & Wireframes unterstützt die frühe

Spezifikation und Diskussion

Es gibt verschiedene Tools für die UI-Spezifikation

Endgültige Festlegung des UI möglichst spät

Folie 29

Page 30: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Vielen Dank!

Folie 30

Page 31: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

www.software-quality-lab.com | improve your quality

SWQL Präsentationsvorlage V8.0

Thematische

Schwerpunkte

Sonstige

Informationen

Kontakt

CV

Diplom Ingenieur Informatik

Mehr als 25 Jahre Erfahrung in über 140 Projekten im Bereich der Software-Entwicklung, Projektmanagement und Beratung

Seit 2003 Eigentümer und Geschäftsführer der Software Quality Lab GmbH

Software Entwicklungsprozess, Vorgehensmodelle, Prozessmodelle

Requirements-Engineering und Usability

Testmanagement Projektmanagement & Controlling, Risikomanagement

Standards, Normen und Zertifizierungen

IT-Strategie und Unternehmensentwicklung

Ausschreibungen und vertragliche Fragen in Software-Projekten

Gerichtlich beeideter Sachverständiger für Informatik

Staatlich geprüfter und beeideter Ziviltechniker für Informatik

Vizepräsident der Österreichischen Vereinigung für Software Qualitätsmanagement

Vizepräsident des Austrian Testing Boards (ATB)

[E] [email protected] [T] +49 89 4423066-21 [M] +49 151 550617-21

Johannes BergsmannGeschäftsführender Gesellschafter

Folie 31

Page 32: Requirements-Engineering bei Benutzeroberflächen · Requirements-Engineering und Usability Testmanagement Projektmanagement & Controlling, Risikomanagement Standards, Normen und

SWQL Präsentationsvorlage V8.0

improve your quality

Software Quality Lab GmbH

[W] www.software-quality-lab.com

Büro WienA-1150 Wien, Mariahilfer Straße 136

Büro LustenauA-6890 Lustenau, Millenium Park 9

Büro GrazA-8053 Graz, Wiener Straße 253

Büro MünchenD-80992 München, Agnes-Pockels-Bogen 1

Büro LinzA-4041 Linz, Gewerbepark Urfahr 30