LabVIEW

cancel
Showing results for 
Search instead for 
Did you mean: 

Front Panel UI Design

Hey there,

I am looking for some feedback on the front panel I have designed. Any feedback regarding use of tab control or what other things to use to make the front panel visually appealing would be appreciated.

Thank YOU.

0 Kudos
Message 1 of 14
(1,365 Views)

Hi bilalskd,

 


@bilalskd wrote:

I am looking for some feedback on the front panel I have designed.


It looks quite ok…

 

My design rules:

  • Use as less fonts as possible (regarding font, size, bold, italic, underline, colors).
    I would NOT use underlined+italic control labels. The underlining of "Simulated Acceleration (X-Axis)" looks inconsistently…
    And I prefer non-serif fonts for technical stuff, like your UI!
  • I prefer numeric values right-aligned in controls…
  • Why is the Signal type item also underlined? (Check spelling, too.)
  • Is there a reason to have some numeric values in red and italic, while others are shown in black and regular?
  • The stop button usually doesn't need a label…
  • The unit of frequency is "Hz" instead of "HZ". It's technical content and we all use the same SI units, don't we?
Best regards,
GerdW


using LV2016/2019/2021 on Win10/11+cRIO, TestStand2016/2019
Message 2 of 14
(1,357 Views)

Hi bilalskd,

 

In addition to what GerdW said, here is what I would do:

 

  • For your application to look more finished, you can hide the toolbar and the menu bar (unless the VI has a custom menu) while the VI is running.

         raphschru_4-1723715618089.png

 

  • Set a proper Window title (not the VI name that ends with ".vi").

         raphschru_3-1723715585462.png

 

  • No need for a Stop button, handle the "<This VI>.Panel Close?" filter event, so you exit the application by clicking the top-right cross, like any normal application.

        raphschru_2-1723715555576.png

 

  • The LED indicator named "Averaging Indicator" sounds weird. Maybe "Averaging?" with a question mark could be better.

         raphschru_1-1723715517430.png

 

  • Even if that's not visible to the user, it's always good for any VI to have a proper icon, not the default one.

         raphschru_0-1723715480150.png

 

Regards,

Raphaël.

Message 3 of 14
(1,340 Views)

I can recommend you to watch Hunter's GLA Summit 2024 presentation....

 

The LabVIEW UI of your dreams is going to give of a very good insight of what you can achieve

 

also very good tools to use ...

 

MGI Panel Manager is going to make your life easier, if you use DQMH Framework there is even one for DQMH.

- Pane Relief, If using Panes and splitters, install from VIPM ...Pane Relief...is so much easier to work with panes and splitter with this tool

CLA, CTA
Message 4 of 14
(1,310 Views)

You spelled "square" wrong.  😉

LabVIEW Pro Dev & Measurement Studio Pro (VS Pro) 2019
Message 5 of 14
(1,273 Views)

I agree with all the points above, and reemphasize the underlining of the texts needs to go, they just clutter it.

Otherwise i like it, it looks clean, professional and slick.

G# - Award winning reference based OOP for LV, for free! - Qestit VIPM GitHub

Qestit Systems
Certified-LabVIEW-Developer
Message 6 of 14
(1,213 Views)

Overall, well done! I wish the Sound and Vibration Toolkit examples looked this nice.

You have already received some great feedback.

In addition to the feedback that you have already received, have you considered cutting redundant features? For instance, FFT and Averaged FFT don't seem to offer independent value. You could display the traces on the same "FFT" graph for better comparison, or the user can just set Averaging to 'None' or No. of Averages to 1 to toggle averaging off.

For controls that are related (but not necessarily redundant) does changing one value automatically adjust the other? For instance, is Lines of Resolution (LOR) always # of Samples/2.56? How important is it for you to enforce this?

Group related controls. Specifically, move the averaging indicator to the Averaging Info section.

Curious: do you prefer the use of the tabs to separate acceleration/velocity/displacement? did you try a selector that displays the a/v/d data on the same graphs?

You have received positive feedback from the forum users. Who is the intended user for your UI? Does this UI enable their workflows?


Doug
NI Sound and Vibration
Message 7 of 14
(1,100 Views)

I like to make my tab pages different colors so you know at a glance which page you are on.  E.g:

paul_a_cardinale_0-1724688498677.png

Message 8 of 14
(1,089 Views)

@paul_a_cardinale wrote:

I like to make my tab pages different colors so you know at a glance which page you are on.


I never knew it was possible, you just made me discover the option:

 

raphschru_1-1724689538632.png

 

Regards,

Raphaël.

Message 9 of 14
(1,080 Views)

Amazing! For four years I have been thinking that changing the color of different tabs was impossible!

Message 10 of 14
(683 Views)