diseño de paneles frontales.pdf

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.


2/22


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.


3/22


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.


4/22


ni.comni.com

Who are We to Judge?Who are We to Judge?


5/22


ni.comni.com

AgendaAgenda


6/22


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/22


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.


8/22


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.


9/22


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.


10/22


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.


11/22


ni.comni.com

AssociationAssociation


12/22


ni.comni.com

Association ColorAssociation Color


13/22


ni.comni.com

Association BordersAssociation Borders


14/22


ni.comni.com

Association SpacingAssociation Spacing


15/22


ni.comni.com

Association CombinationsAssociation Combinations


16/22


ni.comni.com

Colors How Much is Enough?Colors How Much is Enough?


17/22


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


18/22


ni.comni.com

Fonts A Few GuidelinesFonts A Few Guidelines


19/22


ni.comni.com

Tab Control GuidelinesTab Control Guidelines


20/22


ni.comni.com

Tab Control No-NosTab Control No-Nos


21/22


ni.comni.com

Control Features in LabVIEW 6iControl Features in LabVIEW 6i


22/22

ni.comni.com

Editor Features in LabVIEW 6iEditor Features in LabVIEW 6i

Documents

diseño de paneles frontales.pdf