Uwe HabermannUwe@VandU.eu

D-GUIGestaltung von

Benutzeroberflächen

Was machenVenelina & 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

* Erfahrung und Erkenntnisse

* Gegenwart* 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* 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* 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* Selbstverständlich!

* Erfüllung der Anforderungen* Selbstverständlich!

* 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* Subjektives Maß

* Funktion schnell erreichbar

* Wenig Bedienungsschritte

* Zeitbedarf

Nützlichkeit

* Hohe Funktionalität* + 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* Suche nach Funktionen

* Lernen* 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* 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

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

GDIPLUS Schaltflächen

* Drag&Drop auf Formular

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

GDIPLUS Geschäftsgrafik

* Drag&Drop auf Formular

* Programmatische Ansteuerung

GDIPLUSTransparente Formulare

* Transparenz zur Laufzeit einstellbar

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

GDIPLUSAbgerundete 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 undviel Spaß mit den Demos!

Bitte denkt an die Bewertungsbögen!

Uwe Habermann