7/25/2019 diseo de paneles frontales.pdf
1/22
Expanding Your Business with Marketing Mkt1 1
ni.comni.com
LabVIEW
Programming Techniques
The Good, the Bad, and the Ugly
Greg McKaskle
Senior Group Manager
Fri Aug 18
10:15-11:30 a.m., 1:45-3:00 p.m.
Ash (10A)
This session reviews the most common user interface (UI) design issues facing
virtual instrument (VI) designers. We will start with VIs needing help,
diagnose the problems, and see how to improve them. We will also cover some
new LabVIEW 6ifeatures that make interfaces easier to build and program.
7/25/2019 diseo de paneles frontales.pdf
2/22
Expanding Your Business with Marketing Mkt1 2
ni.comni.com
Good, Bad, or Ugly?Good, Bad, or Ugly?
This screen was inspired by something we saw at NIWeek last year. To protect
the innocent and make it a good teaching example, weve simplified and
changed it to suit our purposes.
7/25/2019 diseo de paneles frontales.pdf
3/22
Expanding Your Business with Marketing Mkt1 3
ni.comni.com
Good, Bad, or Ugly?Good, Bad, or Ugly?
This is one of the VirtualBenchcomponents. While not perfect, its
appearance is much more professional than the previous panel. It is modeled
after real-life instruments and should be familiar to the end user. By building
on the interface of traditional instruments, it builds on the work of professional
designers.
7/25/2019 diseo de paneles frontales.pdf
4/22
Expanding Your Business with Marketing Mkt1 4
ni.comni.com
Who are We to Judge?Who are We to Judge?
7/25/2019 diseo de paneles frontales.pdf
5/22
Expanding Your Business with Marketing Mkt1 5
ni.comni.com
AgendaAgenda
7/25/2019 diseo de paneles frontales.pdf
6/22
Expanding Your Business with Marketing Mkt1 6
ni.comni.com
Example 1 Whats Wrong With It?Example 1 Whats Wrong With It?
The first thing that jumps out at you are the bright colors. Why are there so
many? Why are they so bright?
The second thing is that there are too many labels. It looks like the
programmer that built this needed a name to refer to every object.
These are problems with the panel, but they are symptoms of a bigger
problem.
7/25/2019 diseo de paneles frontales.pdf
7/22
Expanding Your Business with Marketing Mkt1 7
ni.comni.com
First, Lets Remove the ColorFirst, Lets Remove the Color
Weve removed all of the color information, and it didnt fix the problem.
Why did we do this? As a test, to see if the major problem was the coloring.
The panel is less colorful, but its still a mess.
7/25/2019 diseo de paneles frontales.pdf
8/22
Expanding Your Business with Marketing Mkt1 8
ni.comni.com
Remove Text LabelsRemove Text Labels
Getting rid of the labels and rearranging the knobs in a grid helps a lot.
Obviously the knobs are too small to operate now, but we can see how the
panel got into the shape it was in. The programmer labeled everything and
used knobs that made it difficult to put things into a grid. To fix this
association problem, they may have added even more labels and grabbed the
coloring tool.
7/25/2019 diseo de paneles frontales.pdf
9/22
Expanding Your Business with Marketing Mkt1 9
ni.comni.com
Pack into a Tighter GridPack into a Tighter Grid
Replacing the knob with a slider lets the user pack the elements tighter and
take up a lot less panel read estate. Weve also regrouped the controls on the
right and the indicators on the left. This might not fly depending on what the
importance of these elements is, but its a good practice in general.
7/25/2019 diseo de paneles frontales.pdf
10/22
Expanding Your Business with Marketing Mkt1 10
ni.comni.com
Another OptionAnother Option
In some cases maybe the customer really wants color to identify the items. Try
using background blobs or borders rather than coloring all of the elements. In
this case, maybe the colors match the color of the machine or a sign on the
machine. These are just a decoration or a color numeric placed behind the
groups of controls.
7/25/2019 diseo de paneles frontales.pdf
11/22
Expanding Your Business with Marketing Mkt1 11
ni.comni.com
AssociationAssociation
7/25/2019 diseo de paneles frontales.pdf
12/22
Expanding Your Business with Marketing Mkt1 12
ni.comni.com
Association ColorAssociation Color
7/25/2019 diseo de paneles frontales.pdf
13/22
Expanding Your Business with Marketing Mkt1 13
ni.comni.com
Association BordersAssociation Borders
7/25/2019 diseo de paneles frontales.pdf
14/22
Expanding Your Business with Marketing Mkt1 14
ni.comni.com
Association SpacingAssociation Spacing
7/25/2019 diseo de paneles frontales.pdf
15/22
Expanding Your Business with Marketing Mkt1 15
ni.comni.com
Association CombinationsAssociation Combinations
7/25/2019 diseo de paneles frontales.pdf
16/22
Expanding Your Business with Marketing Mkt1 16
ni.comni.com
Colors How Much is Enough?Colors How Much is Enough?
7/25/2019 diseo de paneles frontales.pdf
17/22
Expanding Your Business with Marketing Mkt1 17
ni.comni.com
Color Blind?Color Blind?
Are you color blind? Do you know someone that is? Ive heard exaggerated claims
about the percentage of engineers that are color blind, and the extent to which they are
color blind. Im not an expert, but I think this must be based on the engineers
wardrobe choice, not their eyesight. This is a simple color blind test. It is obviously
not completely accurate because it is being displayed on a monitor that isnt calibrated.
Several people who suspect they are color blind have failed the test while most otherspass it.
The wheel at the top right shows a spectrum of colors, and you probably see it
correctly. The wheels below depict how a person with strong color blindness perceives
the same wheel.
The three dot clusters to the left are from a classic colorblindness test. If you look at a
printout of this slide, you will not be able to make out the numbers because there is no
contrast, only slight color differences. Everyone should see the number 12 in the
leftmost dot cluster. Depending on the degree and type of colorblindness, you may not
be able to see the 2 in the top or 5 in the lower dot clusters.
There is a good Web site discussing the types of color blindness, the percentages of
occurrence, and reasons for it. If you are writing the panel for only your use, then youdont need to worry about color blindness. If you intend to have others use your
panels, then a quick test is to print them on a laser printer or a grayscale printer. If you
cant tell the items apart with contrast only, then you are going to run into problems.
Just lighten or darken the colors until they appear distinct on the printout, or use plot
symbols, borders, labels, or other distinguishing marks.
The Web site is http://members.aol.com/nocolorvsn/color.htm
7/25/2019 diseo de paneles frontales.pdf
18/22
Expanding Your Business with Marketing Mkt1 18
ni.comni.com
Fonts A Few GuidelinesFonts A Few Guidelines
7/25/2019 diseo de paneles frontales.pdf
19/22
Expanding Your Business with Marketing Mkt1 19
ni.comni.com
Tab Control GuidelinesTab Control Guidelines
7/25/2019 diseo de paneles frontales.pdf
20/22
Expanding Your Business with Marketing Mkt1 20
ni.comni.com
Tab Control No-NosTab Control No-Nos
7/25/2019 diseo de paneles frontales.pdf
21/22
Expanding Your Business with Marketing Mkt1 21
ni.comni.com
Control Features in LabVIEW 6iControl Features in LabVIEW 6i
7/25/2019 diseo de paneles frontales.pdf
22/22
ni.comni.com
Editor Features in LabVIEW 6iEditor Features in LabVIEW 6i
Top Related