Das diesem Dokument zugrundeliegende Vorhaben wurde mit Mitteln des Bundesministeriums für Bildung und Forschung unter dem Förderkennzeichen 16OH22005 gefördert. Die Verantwortung für den Inhalt dieser Veröffentlichung liegt beim Autor/bei der Autorin.
71
Embed
Das diesem Dokument zugrundeliegende Vorhaben wurde mit ......SmartDraw Beispiel . Wireframe – Beispiel 10/16/2019 Software Design - WPF 59 Android App mit Pencil . Wireframe Tools
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Das diesem Dokument zugrundeliegende Vorhaben wurde mit Mitteln des Bundesministeriums für Bildung und Forschung
unter dem Förderkennzeichen 16OH22005 gefördert. Die Verantwortung für den Inhalt dieser Veröffentlichung liegt
beim Autor/bei der Autorin.
Software Engineering I
Appendix:
User Interface Design
10/16/2019 Software Design - WPF 1
Am besten ist es, die Weisheit von den Erfahrungen der anderen zu lernen.
lateinischen Sprichwort
Inhalt
Überblick UX
Herausforderungen beim UI Design
Überblick über die Vorgehensweise bei der UI Erstellung
User Analyse / Personas / Job Stories
Information Architecture
Content Strategy
Navigation Design
Visual Design
Visual Design Prozess
10/16/2019 Software Design - WPF 2
Überblick
10/16/2019 Software Design - WPF 3
Man gebe
mir einen
Überblick
bitte?
Was ist User Experience (UX)?
10/16/2019 Software Design - WPF 4
UX und Usability
10/16/2019 Software Design - WPF 5
UX & UI
10/16/2019 Software Design - WPF 6
10/16/2019 Software Design - WPF 7
Was sind nun die
Herausforderungen
?
Die Herausforderungen beim UI Design
10/16/2019 Software Design - WPF 8
Usability
Die wichtigsten Eigenschaften von UIs
10/16/2019 Software Design - WPF 9
Funktional sein Ansprechend gestaltet Leicht erlernbar Spaß machen Ermüdungsfreies arbeiten
Wenn ich im Internet einen interessanten Artikel finde und ich keine Zeit habe ihn zu lesen, möchte ich mir den Link merken können, damit ich ihn später lesen kann.
Situation
Motivation
Erwartung
Information Architecture
10/16/2019 Software Design - WPF 21
Was muss ich
denn da
machen?
Was ist IA?
10/16/2019 Software Design - WPF 22
Information Architecture
10/16/2019 Software Design - WPF 23
Ausgangspunkt: • Begriffliches
Modell • Datenmodelle
Content Strategy
10/16/2019 Software Design - WPF 24
Was muss ich
denn da
machen?
Content Strategy
10/16/2019 Software Design - WPF 25
1 2
Content Strategy – Beispiel SRCUM Tool
Content Wichtigkeit
Name des aktuellen Benutzers Sehr wichtig
Liste der von neuen User Stories für den Benutzer
Sehr wichtig
Liste der abgeschlossenen User Stories des Benutzers
wichtig
Liste der User Stories, an denen der Benutzer aktuell arbeitet
Weniger wichtig
Welche User Stories sind so ähnlich Weniger wichtig
Wurde eine User Stories schon bewertet Weniger wichtig
Ist der Benutzer eingelogged Sehr wichtig
Zu welchem Sprint gehört eine User Stories Wichtig
10/16/2019 Software Design - WPF 26
Content nach Login eines Benutzers
Einflussfaktoren auf die Content Strategy
10/16/2019 Software Design - WPF 27
Navigation Design
10/16/2019 Software Design - WPF 28
Was muss ich
denn da
machen?
Was ist „Navigation Design“?
10/16/2019 Software Design - WPF 29
Welche technischen Möglichkeiten gibt es ?
10/16/2019 Software Design - WPF 30
Was ist die Zielsetzung des Navigation Design genau?
10/16/2019 Software Design - WPF 31
Werden oft
auch als
Sections
bezeichnet.
Was hat alles Einfluss auf das Navigation Design?
• Welche Informationen sind am wichtigsten? siehe Content Strategy
• In welchen Schritten arbeitet der Anwender? siehe Job Stories
• Wie kann ich die Information am leichtesten zugreifbar machen? Was erwartet der Anwender?
• Was macht dem Anwender am meisten Spaß? Click, Geste,..