Creating Quality UIs With NI LabVIEW

Creating Quality UIs
with NI LabVIEW
1
http://bit.ly/labviewui
Simon Hogg
LabVIEW Product Manager
Nitin Thomas
Staff Software Engineer
Agenda
1. Definitions, rules, and advice
(not specific to LabVIEW, but important)
2. Some cool UI techniques for LabVIEW
2
2. Some cool UI techniques for LabVIEW
(and why you would consider using them in your application)
3. Where to go to download some reusable
components
(because everybody loves free stuff)
What Is a UI?
Literally: User Interface
How user interacts with the program
First thing the user notices
3
First thing the user notices
Make the users job easier
Do not be frustrating
Some General Rules
1. Do not be innovative
2. Less is more
4
3. Think about your user
1. Do Not Be Innovative 1. Do Not Be Innovative
Use familiar elements
Buttons
Icons
Use familiar elements
Buttons
Icons
5
Icons
Terminology
Dialogs
Menus
Icons
Terminology
Dialogs
Menus
1. Do Not Be Innovative 1. Do Not Be Innovative
Still some license for
creativity
Do not change the way
Still some license for
creativity
6
similar looking things
behave
Polish, do not reinvent
similar looking things
behave
Polish, do not reinvent
2. Less Is More
Too much on screen at once is distracting
Allow your user to focus on what is important
7
Note: This doesnt mean you get away with less
work!
3. Think About Your User
They probably do not know as much as you
Explain what buttons do
Keep them informed about what your program is doing
8
Know how the user plans on using your application
Mouse, keyboard?
Touch screen large buttons
Outdoors high contrast
An AC Controller
HOLD PROG FAN SYSTEM
9:26 84.6F
FAN ON
PROGRAM X
SYSTEM COOL
TUESDAY
AUGUST 4
,
2011
9
OVERRIDE SCHEDULE RESET MODE
FAHREN 2 1
A Better AC Controller
Hold Cool Heat
9:26 84 F COOLING
TUESDAY
10
Override Schedule Mode
Order
Pizza
2 1
The AC Controller I Really Want
84F
70
80
90
192.168.1.4
11
On
60
70
50
Off
Windows Desktop App
12
Tooltips
13
Tooltips Demo
14
Recolor Graphs
15
Recolor Graphs Demo
16
Hide the LabVIEW Toolbar
17
Hide the LabVIEW Toolbar Demo
18
Customizing the Run-Time Menu
19
Customizing the Run-Time Menu Demo
20
Spawning Dialogs
21
Spawning Dialogs Demo
22
Using Panes
Title Area
Menu/Commands
23
Status Bar
Expandable
Content Area
Using Panes Demo
24
Hiding Panes
25
Status Bar
26
Busy Cursors
27
Busy Cursors Demo
28
Keeping the User Updated
29
Informative Kiosk Display
30
Panel Background
31
Panel Background Demo
32
Create Decorations in PowerPoint
33
Create Decorations in PowerPoint Demo
34
Transparent Indicators
35
Transparent Indicators Demo
36
Transparent PNGs in a Picture Ring
37
Transparent PNGs in a Picture Ring Demo
38
Heavily Customized Controls
39
Windmill Monitoring System
Demo
40
Using Sub Panels
Sub Panel
Separate Panes
41
Using Sub Panels
Why?
Similar to Tab Control but sometimes superior
Plug-in Architecture
Selectively Run VIs
42
Selectively Run VIs
Scaling/Resizing
Using Sub Panels Demo
Use Queues, Notifiers etc. to communicate between
VIs.
VI.Ctrl Val.Set can be used to initialize controls.
Front Panel cannot be open when inserting into Sub
43
Front Panel cannot be open when inserting into Sub
Panel.
Can view Sub Panel Block Diagram from Front
Panel.
Allows probes and highlight execution.
Viewing Tabular Data
44
Table with Customized Inputs - Demo
Set height and width of control to the be the same as the
specific table cell.
Depending on the application disable ring contents if they are
already in use
45
already in use
Move control off screen or invert visibility when not in use.
Ready to use framework exists - Type Sensitive Popup code
available at lavag.org (Author: David Saunders)
Array of Clusters Masquerading As
Tables
46
Set height of elements to be the same (to avoid resizing/scaling issues)
Use unique labels for the elements
Can register user events for elements within the array
Access control properties of the cluster through the Terminal
Array of Clusters - Demo
47
*Check out Christina Rogers and Simons session today afternoon for more details
Customizing NI LabVIEW Controls and Indicators, Tuesday (August 2) at 4:45 PM in 13A/B.
Resizing Tables
48
Resizing Tables - Demo
49
Drag and Drop
50
Drag and Drop - Demo
51
Animations
52
Animations - Demo
53
Free Stuff UI Interest Group
54
http://decibel.ni.com/content/groups/ui
Key Takeaways
The Rules
1. Do not be innovative
2. Less is more
3. Think about your user
Flexible GUI for Vibration
Analysis with LabVIEW
Today, 2:15PM 3:15 PM
Room 11B
55
Take advantage of what LabVIEW gives you
Transparency
Different controls/control customization
Panes/tabs
UI interest group on the community
Customizing Controls &
Indicators
Today, 4:45 PM 5:45 PM
Room 13 A/B (this room)
User Interface Tips 2.0
Wednesday, 4:45 PM 5:45
PM
Room 13A/B

Creating Quality UIs With NI LabVIEW

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Creating Quality UIs With NI LabVIEW

Uploaded by

Copyright:

Available Formats

Creating Quality UIs

You might also like