Fortgeschrittene Benutzeroberflächengestaltung mit NI LabVIEW Alexander Glasner Applications Engineer National Instruments Germany GmbH
Agenda Definitionen, Regeln und Vorschläge LabVIEW-Techniken zur Umsetzung Wo gibt s Vorlagen zum Download?
Definition der Benutzeroberfläche Die Benutzeroberfläche oder auch User Interface (UI) sollte nach der europäischen Norm EN ISO 9241-10 ff folgende Kriterien erfüllen: Aufgabenangemessenheit Selbstbeschreibungsfähigkeit Steuerbarkeit Erwartungskonformität Fehlertoleranz Individualisierbarkeit Lernförderlichkeit
Überlegungen zur Benutzeroberfläche Wie interagiert der Benutzer mit der Software? Wie ist der erste Eindruck der Software? Gibt es eine einfachere Bedienung für den Anwender? Werden Fehler ausgeschlossen? Haptik?
Generelle Regeln 1. Seien Sie nicht zu innovativ. 2. Weniger ist mehr! 3. Denken Sie an den Anwender.
1. Seien Sie nicht zu innovativ. Benutzen Sie bekannte Elemente: Schaltflächen Symbole Terminologie Dialoge Menüs
1. Seien Sie nicht zu innovativ. Trotzdem haben Sie viel Gestaltungsfreiraum! Ändern Sie nicht die Funktionsweise von bekannten Elementen. Verbessern, nicht neu erfinden!
2. Weniger ist mehr! Zu viele Informationen lenken den Anwender ab. Konzentrieren Sie sich auf die wesentlichen Informationen. Setzen Sie Farben und Effekte gezielt ein: Dezente Hintergrundfarben Signalfarben für Warnungen und Alarme Ausgrauen von nicht verwendbaren Elementen Blinken bei Benachrichtigungen
3. Denken Sie an den Anwender. Die meisten Anwender wissen weniger als Sie! Erklären Sie Bedienelemente. Informieren Sie den Anwender über das, was geschieht. Informieren Sie sich darüber, wie und wo der Anwender Ihre Anwendung nutzt: Maus, Tastatur? Touchscreen große Buttons Im Freien hoher Kontrast
Windows Desktopanwendung
Anwenden der Regeln Anwendung auf einem Windows-OS Nicht zu innovativ Systembedienelemente Verwenden von vertrauten Symbolen Beenden der Applikation mit X Weniger ist mehr Ausblenden von Bereichen Ausblenden der LabVIEW-Symbolleiste Dialoge für Einstellungen Benutzerdefiniertes Laufzeitmenü Anwenderfreundlich Statusleiste und Cursor Erklären von Bedienelementen mit Tooltipps Abbrechen von langen Prozessen Applikationen mit Fensterausschnitten skalieren
Auswahl der passenden Bedienelemente Über die Standardpalette kann Werkzeuge» Optionen» Front Panel ausgewählt werden.
Icons an Bilder anfügen
Übung: Angepasstes Element erstellen Wiederverwendbar: Speichern des Bedienelements in der <LabVIEW>\user.lib
Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo X-Control
Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Graphen benutzerdefiniert anpassen
Ausblenden der LabVIEW-Symbolleiste Entwicklungsumgebung: Laufzeitumgebung:
Anpassen des Laufzeitmenüs
Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Anpassen des Laufzeitmenüs Erstellen des Laufzeitmenüs mit dem Laufzeitmenü-Editor Verarbeiten der Aufrufe mit einer Ereignisstruktur
Erscheinende Dialoge Daten und Einstellungen in Dialogfenster ausgliedern
Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Erscheinende Dialoge
Benutzen von Trennbalken/Fensterbereichen Titel Menü/Befehle Inhalt Status
Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Benutzen von Trennbalken/Fensterbereichen Skalieren von bestimmten Bereichen Fixieren von festen Inhalten Ausblenden von Scroll-Balken
Verbergen von Fensterbereichen
Statuszeile
Der Cursor als Wartesymbol
Feedback an den Benutzer
Frontpanel-Hintergrund
Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Frontpanel-Hintergrund
Transparente Dekorationen erstellen
Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demo Demos Applikation Campus-Wetterstation Sub Panel Dock Undock Stop Watch
Weitere Informationen: UI Interest Group http://decibel.ni.com/content/groups/ui
?? Fragen???? Fragen?? Vielen Dank für Ihre Aufmerksamkeit! E-Mail: Alexander.Glasner@ni.com