Interaktionsdesign für Java Swing

Größe: px

Ab Seite anzeigen:

Download "Interaktionsdesign für Java Swing"

Edmund Schubert
vor 8 Jahren
Abrufe

1 Interaktionsdesign für Java Swing Best Practices Uwe Teutscher - Rolf Schulz

2 Vorstellung Uwe Teutscher Software-Architekt, technischer Projektleiter Rolf Schulz Interaktionsdesigner, Informationsarchitekt compeople AG IT-Dienstleistungsunternehmen, Schwerpunkt Außendienst- und Vertriebssysteme 1

Interaktionsdesigner, Informationsarchitekt compeople

3 Technik Interaktionsdesign Umsetzung Trends Agenda 2

4 Swing Swing seit JDK 1.2 (11/1998) fester Bestandteil vom Java Runtime Danach nur kleine Änderungen Wenige Projekte / Produkte wurden mit Swing realisiert 3

5 Swing Anwendungen 4

6 Swing JDK 1.4 Java WebStart Seit JDK (06/2002) XP Look & Feel 5

7 JDK /2005 neues Metal Look & Feel Swing 6

8 Swing JDK 1.6 (Mustang) enthält einige Neuerungen: Splash Screen System Tray, Tray Icon Sortierbare Tabellen GroupLayout Manager Microsoft Vista Look & Feel Dank eclipse und SWT wurde der Desktop wieder entdeckt 7

9 Swing joplin - Beispiel für eine andere Art von Swing Anwendung. Präsentation auf der JavaOne. 8

10 Swing Labs Open Source Labor Swing 9

11 Gründe für Swing Swing - SWT Wenn kein Betriebsystem Look & Feel gewünscht ist Einfachere Entwicklung von Eigenen Controls Eigenem Look 10

12 Swing - Gui Builder Gui Builder Markt NetBeans 5.0 eclipse Visual Editor JFormDesigner Window Builder Pro Borland JBuilder Oracle Developer 10 11

13 Swing - Gui Builder JFormDesigner Produkt, aber kostengünstig Gute Forms-Integration Übersichtliche Code- Generierung eclipse Integration in Arbeit 12

14 Swing - Gui Builder Eclipse Visual Editor Code <-> GUI SWT und Swing 13

15 Swing - Gui Builder NetBeans Matisse GroupLayout integriert eclipse Integration in der Entwicklung Layout wird als XML gespeichert 14

16 Swing - Gui Builder Vorteile Änderungen leichter möglich. Auch von nicht Java-Programmierern Schneller Ergebnisse Nachteile Nicht alles möglich oder viel Komplexer Code nicht immer optimal 15

17 Swing - Gui Builder Best Practice Für das Projekt eine bewusste Entscheidung treffen und diese dann auch konsequent einhalten 16

18 Technik Interaktionsdesign Umsetzung Trends Agenda 17

19 Interaktionsdesign Gestaltung der Benutzungsoberfläche und Workflows von Anwendungen mit dem Ziel bestmöglicher Usability Interaktionsdesign als Vermittler zwischen Fachlichkeit und Technik und Benutzer und Technik 18

bestmöglicher Usability Interaktionsdesign als

20 Usability - Was ist das? Ausmaß der Effektivität und Effizienz der Benutzung sowie der Zufriedenheit bei der Benutzung zum Erreichen bestimmter Ziele. Definition von Gebrauchstauglichkeit nach DIN

21 Usability - Was ist das? Zu deutsch: Der Nutzer soll seine Ziele mit Hilfe der Anwendung erreichen können und dies schnell und zufriedenstellend. 20

22 Zusammenarbeit Spezifikationsphase - Aufwandrelationen Kleiner Entwicklungsaufwand und großer Spezifikationsaufwand Grosser Entwicklungsaufwand und kleiner Spezifikationsaufwand 21

23 Zusammenarbeit In der Entwicklung Enge Zusammenarbeit zwischen Interaktionsdesign und Entwicklern Kleine Iterationen für ein schnelles Feedback 22

24 Best Practice Zusammenarbeit In der Spezifikationsphase wie auch während der Entwicklung sollen IAD und Entwickler eng zusammenarbeiten 23

25 Akzeptanz Bei der Entwicklung ist man teilweise leicht genervt, aber am Ende ist man sehr zufrieden mit dem was rauskommt. 24

26 Akzeptanz Best Practice Klarstellen der Rolle des Interaktionsdesigners Einrichten einer zentralen Stelle für Interaktionsdesign Unterstützung des Interaktionsdesign durch das Management 25

27 Vorgehensweise Anforderungsaufnahme/-analyse Use-Case (Requirement-Engineering) 26

28 Vorgehensweise Skizzen 27

29 Wireframes Vorgehensweise 28

30 Vorgehensweise 29

31 Vorgehensweise Best Practice Gemeinsam entscheiden welche Form der Designvorgabe für den konkreten Fall angemessen ist 30

32 Vorgaben im Styleguide Allgemein wie auch anwendungspezifisch VB-Portal Starseite Suchen... Ablauftypen Regeln Maskentypen Konstrukte Elemente Checklisten Allgemeine Designvorgaben Projekte Veritas VBI Seite1... E-Post Seite1... KI-Online Seite1... Struktur SG-DB Perception Hilfesystem CD-ROMs Icons Farbtabellen... Ressourcen Sonstiges Protokolle... 31

33 Icondesign 32

34 Farbgebung 33

35 Styleguide Best Practice Erstellung eines eigenen Style-Guides Iconerstellung Profis überlassen Anpassung der Anwendung an das Corporate Design 34

36 Technik Interaktionsdesign Umsetzung Trends Agenda 35

37 Standardisierte Controls Für spezielle Anwendungen werden oft spezielle Controls benötigt Beispiele: Validierungsfehler readonly-felder disabled-felder Master-Detail Datum Feld 36

38 Standardisierte Controls Eingabefeld Datum 37

39 Standardisierte Controls Demo Eingabefeld Datum 38

40 Standardisierte Controls Best Practice Baue Framework-Elemente für die Client- Entwicklung 39

41 Technik Interaktionsdesign Umsetzung Trends Agenda 40

42 Umgang mit Trends Wo geht der Markt hin? Wie wichtig ist es für meine Anwendung? Wer macht Trends? Wie sehen neuen Trends aus? 41

43 Microsoft Vista Umgang mit Trends 42

44 Microsoft Office 2007 Word Umgang mit Trends 43

45 Microsoft Office 2007 Excel Umgang mit Trends 44

46 Umgang mit Trends Apple 45

47 Umgang mit Trends Google Mail Calendar Talk 46

48 Umgang mit Trends Wann ist es wichtig sich an einem Trend zu orientieren und wann besser nicht? Es kommt auf die Art der Anwendung drauf an Zielgruppe im Auge behalten Die Interessen vom Auftraggeber berücksichtigen Nicht jeder Trend setzt sich durch 47

49 Umgang mit Trends Best Practice Trends aktiv beobachten und für das eigene Projekt bewerten Mut einem Trend zu folgen, aber auch Mut einen Trend auszulassen 48

50 Funfaktor nicht vergessen Best Practice Spaßelemente können die Identifikation mit der Anwendung erhöhen Spaßelemente können auch negativ wirken 49

51 Usability Methoden Review durch Kollegen Usability Test Fragebögen Experten Reviews 50

52 Usability Methoden Best Practice Sehr früh Usability Test durchführen, auch mit Anwendungsfragmenten möglich Mit wenigen Nutzern und geringem Aufwand bekommt man aussagekräftige Befunde 51

53 Linksammlung Zu Swing Zu KDE Looks Zu Interaktionsdesign www-3.ibm.com/ibm/easy/eou_ext.nsf/publish/558 msdn.microsoft.com/windowsvista 52

54 Fazit Swing bietet wunderbare Möglichkeiten Anwendungen mit einer ansprechenden und leicht bedienbaren Benutzungsoberfläche umzusetzen. Nutzen Sie diese! 53

Ähnliche Dokumente

Präsentation zur Vorstellung meiner Bachelor-Arbeit beim BSE- Seminar. Vortrag von Patrick Bitterling

Präsentation zur Vorstellung meiner Bachelor-Arbeit beim BSE- Seminar Vortrag von Patrick Bitterling Gliederung Meine Aufgabe Eckdaten zu meiner Bachelor-Arbeit Die Aufgabeneinteilung Die alte Saros-GUI