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

Was machen Venelina & Uwe? Neue Firma: V&U Ltd. www.VandU.eu Info@VandU.eu Geschäftsführer: Venelina & Uwe Softwareprojekte mit VFP Visual Extend Hohe Qualität zu günstigen Preisen Entwicklung in Varna, Bulgarien

Agenda Vergangenheit Gegenwart Zukunft Erfahrung und Erkenntnisse VFP 9 VFP 9 und was man daraus machen kann Zukunft Windows Presentation Foundation

Fragen? Jederzeit!

Die Herausforderung Was können wir unseren Kunden bieten? Was sehen unsere Kunden? Benutzeroberfläche und Bedienbarkeit als Alleinstellungsmerkmal

Die Bedeutung Aushängeschild Marketing Kundenzufriedenheit Verkauf auf Messen Kundenzufriedenheit Combobox Überdruss

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

Die Geschichte von VFP VFP 3 – Objektorientierung VFP 7 – XP Themes 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?

Die Erwartung Fehlerfreiheit Erfüllung der Anforderungen Selbstverständlich! Erfüllung der Anforderungen Was können wir noch bieten? Einfache Bedienbarkeit  Selbstverständlich?

Die Grundlagen Abstraktion Daten-konzentrierte Benutzeroberfläche Aufgaben-konzentrierte Benutzeroberfläche

Daten-konzentrierte Benutzeroberfläche Abbildung des Datenmodells in Formularen Typische Entwicklersicht

Aufgaben-konzentrierte Benutzeroberfläche Abbildung der Geschäftsfälle, wie sie in der realen Welt des Anwenders vorkommen Typische Anwendersicht

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

Geschäftsfälle 1. Datenerfassung Hauptsächlich Tastaturarbeit 2. Daten suchen, vielleicht ändern, auswerten Bedienung mit der Maus meistens möglich Bedienung erforderlich?

Geschäftsfälle Wichtiger als Anforderungen! Anforderungen sind oft falsch Geschäftsfälle sind immer richtig Wir wollen Geschäftsfälle abbilden!

Der Entwicklungsprozess Der Anwender steht im Vordergrund Einbeziehung des Anwenders Design Bedienbarkeitstests Funktiontests

Qualitätsmerkmale Bedienbarkeit Nützlichkeit Angenehmheit (Likeability)

Bedienbarkeit Maß für Einfachheit Funktion schnell erreichbar Subjektives Maß Funktion schnell erreichbar Wenig Bedienungsschritte Zeitbedarf

Nützlichkeit Hohe Funktionalität Erledigung vieler Geschäftsfälle + Word für DOS - Taschenrechner Erledigung vieler Geschäftsfälle Nutzen

Angenehmheit „Gefühl“ Subjektive Meinung Farbgebung Persönlich Nützlich Angenehm Einsatz Weiterempfehlung Zufriedenheit

Zeitbedarf Entdeckung Lernen Effizienz Suche nach Funktionen Herausfinden wie… Effizienz Geübter Anwender

Akzeptanz Erkennen der Bedienbarkeit Merkmale Splashscreen Titelzeile, Menü, Symbolleiste Statuszeile Multifunktionsleiste

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?

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

Arm und reich Reiche Benutzeroberfläche Arme Benutzeroberfläche Viele Typen von Steuerelementen Global einheitliche Steuerung Arme Benutzeroberfläche Wenig verschiedene Steuerelemente Eingeschränkte Steuerung Web-Anwendung FoxPro ist reich!

Beispiele Zuerst kommen die schlechten Beispiele!

Warum?

Was ist passiert?

Wie kann ich das rückgängig machen?

Wohin klicken?

Beispiele Jetzt kommen bessere Beispiele 

„Office 2002 (XP)“ Oberfläche Realisiert mit native VFP VFP Menü VFP Symbolleiste mit Hottracking Öffnen Dialog mit Labels und Images

„Office 2003“ Oberfläche Realisiert mit VFP und DBI Controls ActiveX Steuerelemente Menü mit ctToolbar Symbolleiste mit ctToolbar Öffnen Dialog mit ctListbar ähnlich Outlook

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

Sedna DBI Controls Kostenloser Download http://www.dbi-tech.com/Special_Offers_SednaComponents.asp

„Office 2007“ Oberfläche Realisiert mit native VFP Multifunktionsleiste (Ribbon Bar) Labels und Images

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

GDIPLUS Oberfläche Kostenlose Downloads Schaltflächen Hintergrund http://weblogs.foxite.com/vfpimaging/archive/2006/07/26/2076.aspx Hintergrund http://weblogs.foxite.com/vfpimaging/archive/2007/02/16/3291.aspx Geschäftsgrafik http://weblogs.foxite.com/vfpimaging/archive/2008/04/04/5919.aspx

GDIPLUS Schaltflächen Drag&Drop auf Formular

GDIPLUS Hintergrund Drag&Drop auf Formular oder Programmatisch hinzufügen SET CLASSLIB TO gradobjects ADDITIVE this.AddObject("farbverlauf", "gradbackground") WITH this.farbverlauf .backcolor1 = RGB(192,128,0) .backcolor2 = RGB(255,255,255) .gradientmode = 3 ENDWITH

GDIPLUS Geschäftsgrafik Drag&Drop auf Formular Programmatische Ansteuerung

GDIPLUS Transparente Formulare Transparenz zur Laufzeit einstellbar Nur mit Top Level Forms möglich Thisform.ShowWindow = 2

GDIPLUS Abgerundete Formulare Code Im Activate Ereignis Für jedes Formular einsetzbar

Ein Blick in die Zukunft Mit VFP und VS realisierbar Windows Presentation Foundation Benutzeroberfläche

Vielen Dank und viel Spaß mit den Demos! Bitte denkt an die Bewertungsbögen! Uwe Habermann