+ All Categories
Home > Documents > Uwe Habermann [email protected] D-GUI Gestaltung von Benutzeroberflächen.

Uwe Habermann [email protected] D-GUI Gestaltung von Benutzeroberflächen.

Date post: 06-Apr-2015
Category:
Upload: anne-marie-zahm
View: 109 times
Download: 3 times
Share this document with a friend
46
Uwe Habermann [email protected] D-GUI Gestaltung von Benutzeroberflächen
Transcript
Page 1: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Uwe [email protected]

D-GUIGestaltung von

Benutzeroberflächen

Page 2: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Was machenVenelina & Uwe?

* Neue Firma: V&U Ltd.* www.VandU.eu* [email protected]

* Geschäftsführer: Venelina & Uwe

* Softwareprojekte mit VFP* Visual Extend

* Hohe Qualität zu günstigen Preisen

* Entwicklung in Varna, Bulgarien

Page 3: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Agenda* Vergangenheit

* Erfahrung und Erkenntnisse

* Gegenwart* VFP 9* VFP 9 und was man daraus machen kann

* Zukunft* Windows Presentation Foundation

Page 4: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Fragen?

Jederzeit!

Page 5: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Die Herausforderung

* Was können wir unseren Kunden bieten?

* Was sehen unsere Kunden?

* Benutzeroberfläche und Bedienbarkeit als Alleinstellungsmerkmal

Page 6: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Die Bedeutung

* Aushängeschild

* Marketing* Verkauf auf Messen

* Kundenzufriedenheit* Combobox Überdruss

Page 7: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Die Geschichte

* Bemühung zu Benutzerfreundlichkeit

* Grenzen durch technische Möglichkeiten

* Grenzen durch Erkenntnisse in der Ergonomie

* FoxPro für DOS setzte Maßstäbe

Page 8: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Die Geschichte von VFP

* VFP 3 – Objektorientierung* Vielzahl von Steuerelementen* Harmonische Integration in Windows 95

* VFP 7 – XP Themes

* VFP 9* IDE wie Office 97* Endanwendung wie Office XP = Jahr 2002

* Was nun?

Page 9: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Die Erwartung

* Fehlerfreiheit* Selbstverständlich!

* Erfüllung der Anforderungen* Selbstverständlich!

* Was können wir noch bieten?* Einfache Bedienbarkeit * Selbstverständlich?

Page 10: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Die Grundlagen

* Abstraktion* Daten-konzentrierte Benutzeroberfläche* Aufgaben-konzentrierte Benutzeroberfläche

Page 11: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Daten-konzentrierte Benutzeroberfläche

* Abbildung des Datenmodells in Formularen

* Typische Entwicklersicht

Page 12: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Aufgaben-konzentrierte Benutzeroberfläche

* Abbildung der Geschäftsfälle, wie sie in der realen Welt des Anwenders vorkommen

* Typische Anwendersicht

Page 13: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

!

* Unsere Kunden erwarten eine Aufgaben-orientierte Benutzeroberfläche, die ihre typischen Geschäftsfälle abbildet und nicht das Datenmodell

Page 14: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Geschäftsfälle

* 1. Datenerfassung* Hauptsächlich Tastaturarbeit

* 2. Daten suchen, vielleicht ändern, auswerten* Bedienung mit der Maus meistens möglich* Bedienung erforderlich?

Page 15: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Geschäftsfälle

* Wichtiger als Anforderungen!

* Anforderungen sind oft falsch

* Geschäftsfälle sind immer richtig

* Wir wollen Geschäftsfälle abbilden!

Page 16: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Der Entwicklungsprozess

* Der Anwender steht im Vordergrund

* Einbeziehung des Anwenders* Design* Bedienbarkeitstests* Funktiontests

Page 17: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Qualitätsmerkmale

* Bedienbarkeit

* Nützlichkeit

* Angenehmheit (Likeability)

Page 18: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Bedienbarkeit

* Maß für Einfachheit* Subjektives Maß

* Funktion schnell erreichbar

* Wenig Bedienungsschritte

* Zeitbedarf

Page 19: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Nützlichkeit

* Hohe Funktionalität* + Word für DOS* - Taschenrechner

* Erledigung vieler Geschäftsfälle

* Nutzen

Page 20: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Angenehmheit

* „Gefühl“

* Subjektive Meinung

* Farbgebung

* Persönlich

* Nützlich

* Angenehm Einsatz Weiterempfehlung

* Zufriedenheit

Page 21: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Zeitbedarf

* Entdeckung* Suche nach Funktionen

* Lernen* Herausfinden wie…

* Effizienz* Geübter Anwender

Page 22: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Akzeptanz

* Erkennen der Bedienbarkeit

* Merkmale* Splashscreen* Titelzeile, Menü, Symbolleiste* Statuszeile* Multifunktionsleiste

Page 23: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Akzeptanz* Findet der Anwender die Funktionen, die er

zur Erledigung seiner Geschäftsvorfälle benötigt?

* Wie hoch ist der Lernaufwand?* Ist das Sudium der Dokumentation oder gar

ein Einführungskurs erforderlich?* Oder findet der Anwender intuitiv in einer

grafischen Benutzeroberfläche alle benötigten Funktionen auf den ersten Blick?

Page 24: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

!

* Ein Benutzeroberfläche ist dann gut designt, wenn sie genau das macht, was der Anwender erwartet

Page 25: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Arm und reich

* Reiche Benutzeroberfläche* Viele Typen von Steuerelementen* Global einheitliche Steuerung

* Arme Benutzeroberfläche* Wenig verschiedene Steuerelemente* Eingeschränkte Steuerung* Web-Anwendung

* FoxPro ist reich!

Page 26: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Beispiele

* Zuerst kommen die schlechten Beispiele!

Page 27: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Warum?

Page 28: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Was ist passiert?

Page 29: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Wie kann ich das rückgängig machen?

Page 30: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Wohin klicken?

Page 31: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.
Page 32: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Beispiele

* Jetzt kommen bessere Beispiele

Page 33: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

„Office 2002 (XP)“ Oberfläche

* Realisiert mit native VFP

* VFP Menü

* VFP Symbolleiste mit Hottracking

* Öffnen Dialog mit Labels und Images

Page 34: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

„Office 2003“ Oberfläche

* Realisiert mit VFP und DBI Controls* ActiveX Steuerelemente

* Menü mit ctToolbar

* Symbolleiste mit ctToolbar

* Öffnen Dialog mit ctListbar* ähnlich Outlook

Page 35: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Sedna DBI Controls

* ctContact Kontaktliste wie in Outlook* ctDays Kalender Tagesansicht* ctDEdit Datums- und Zeiteingabe* ctDropMenu Rechtsklickmenü* ctFrame Hintergrund* ctListBar Navigationsbereich* ctToolBar Menü und Symbolleiste* ctTray Windows System Tray

Page 36: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Sedna DBI Controls

* Kostenloser Download

http://www.dbi-tech.com/Special_Offers_SednaComponents.asp

Page 37: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

„Office 2007“ Oberfläche

* Realisiert mit native VFP

* Multifunktionsleiste (Ribbon Bar)

* Labels und Images

Page 38: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Multifunktionsleiste

* Kostenloser Download von VFPX

http://www.codeplex.com/VFPX/Wiki/View.aspx?title=Tab%20Menu&referringTitle=Home

Page 39: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

GDIPLUS Oberfläche

* Kostenlose Downloads* Schaltflächen

http://weblogs.foxite.com/vfpimaging/archive/2006/07/26/2076.aspx

* Hintergrundhttp://weblogs.foxite.com/vfpimaging/archive/2007/02/16/3291.aspx

* Geschäftsgrafikhttp://weblogs.foxite.com/vfpimaging/archive/2008/04/04/5919.aspx

Page 40: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

GDIPLUS Schaltflächen

* Drag&Drop auf Formular

Page 41: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

GDIPLUS Hintergrund

* Drag&Drop auf Formular

oder

* Programmatisch hinzufügenSET CLASSLIB TO gradobjects ADDITIVE

this.AddObject("farbverlauf", "gradbackground")

WITH this.farbverlauf

.backcolor1 = RGB(192,128,0)

.backcolor2 = RGB(255,255,255)

.gradientmode = 3

ENDWITH

Page 42: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

GDIPLUS Geschäftsgrafik

* Drag&Drop auf Formular

* Programmatische Ansteuerung

Page 43: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

GDIPLUSTransparente Formulare

* Transparenz zur Laufzeit einstellbar

* Nur mit Top Level Forms möglich* Thisform.ShowWindow = 2

Page 44: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

GDIPLUSAbgerundete Formulare

* Code Im Activate Ereignis

* Für jedes Formular einsetzbar

Page 45: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Ein Blick in die Zukunft

* Mit VFP und VS realisierbar

* Windows Presentation Foundation Benutzeroberfläche

Page 46: Uwe Habermann Uwe@VandU.eu D-GUI Gestaltung von Benutzeroberflächen.

Vielen Dank undviel Spaß mit den Demos!

Bitte denkt an die Bewertungsbögen!

Uwe Habermann


Recommended