User Interface: Difference between revisions

Latest revision as of 10:02, 30 August 2024

The User Interface/User Experience (UI/UX) Portal
The User Interface (UI) is the user-facing part of an application that enables the user to accomplish the tasks for which the application is designed. The UI design deals with layout, colors, control types, etc. The User Experience (UX) is more about the flow and interactions of the user with the application. The UX design deals with how easy or intuitive the application is and whether the application minimizes the effort to accomplish a task.

Subcategories	Topics in UI/UX
Select [►] to view subcategories User interface QControl XControl Control editor Control References Event structure Front Panel Graphs QControl Strict Type Definition System Label Tab control Tree View Type Definition User Interface
	Basics Front Panel Decorations System Label Controls/Indicators Numerics Timestamps Booleans Strings Paths Clusters Arrays Lists Tables Trees Graphs Rings Enums Tab Controls Splitters Subpanels Handling User-Interaction Event Structure User events	Controls/Indicators Built-in Styles Classic Modern System Silver NXG Style Third-Party Styles JKI Flat UI Controls User Interface Controls at VIPM.io Custom Controls Control editor Strict Type Definition QControl XControl

@@ Line 1: / Line 1: @@
-== <center>'''This is the User Interface Portal'''</center> ==
+{| class="wikitable"  style="width:100%;"
+|- style="background-color:#616366; font-size:200%; border:none; margin:0; padding:.3em; color:#FFD500; text-align:center;"
+| '''The User Interface/User Experience (UI/UX) Portal'''
+|-
+| The '''User Interface (UI)''' is the user-facing part of an application that enables the user to accomplish the tasks for which the application is designed.  The '''UI''' design deals with layout, colors, control types, etc.
-*[[Event Structure]]
+The '''User Experience (UX)''' is more about the flow and interactions of the user with the application.  The '''UX''' design deals with how easy or intuitive the application is and whether the application minimizes the effort to accomplish a task.
-*[[Tree View]]
+|}
-*[[Graphs]]
+__NoTOC__
-*[[Front Panel]]
+{| class="wikitable" style="width:100%;"
-*[[XControl]]
+|- style="background-color:#616366; border:none; color:#FFD500; text-align:center;"
-*[[System Label]]
+| '''Subcategories'''
-*[[Tab Control]]
+| colspan=2 style="width:75%;" | '''Topics in UI/UX'''
+|- style="vertical-align:top;"
+| rowspan=2 style="width:25%; text-align:top; background-color:#EFEFEF;" | <center><small>Select [►] to view subcategories</small></center>
+<categorytree mode="Pages" showcount="off" depth="1">User interface</categorytree>
+|- style="vertical-align:top;"
+|
+== Basics ==
+* [[Front Panel]]
+* [[Decoration]]s
+** [[System Label]]
+* [[Control|Controls/Indicators]]
+** [[Numeric]]s
+** [[Timestamp]]s
+** [[Boolean]]s
+** [[String]]s
+** [[Path]]s
+** [[Cluster]]s
+** [[Array]]s
+** [[List]]s
+** [[Table]]s
+** [[Tree View|Trees]]
+** [[Graphs]]
+** [[Ring]]s
+** [[Enum]]s
+** [[Tab Control]]s
+** [[Splitter]]s
+** [[Subpanel]]s
-[[category:user interface]]
+== Handling User-Interaction ==
-[[category:portals]]
+* [[Event Structure]]
+* [[User events]]
+|
+== Controls/Indicators ==
+=== Built-in Styles ===
+* [[Controls Palette/Classic|Classic]]
+* [[Controls Palette/Modern|Modern]]
+* [[Controls Palette/System|System]]
+* [[Controls Palette/Silver|Silver]]
+* [[Controls Palette/NXG Style|NXG Style]]
+=== Third-Party Styles ===
+* [https://www.vipm.io/package/jki_flat_ui_controls_2_0/ JKI Flat UI Controls]
+* [https://www.vipm.io/package-list/483e4695-e99e-4d48-8180-37826daf0ba2/ User Interface Controls at VIPM.io]
+== Custom Controls ==
+* [[Control editor]]
+** [[Strict Type Definition]]
+* [[QControl]]
+* [[XControl]]
+|}
+[[Category:User interface]]
+[[Category:Portals]]