User Interface: Difference between revisions

Revision as of 23:27, 8 March 2021

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	The levels shown below are not the level of difficulty but the level of complexity or the amount of parallel processes that could be running simultaneously.
	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;"
-*[[QControl]]
+| '''Subcategories'''
-*[[System Label]]
+| colspan=3 | '''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>
+| colspan=3 | <center><small>'''''The levels shown below are not the level of difficulty but the level of complexity or the amount of parallel processes that could be running simultaneously.'''''</small></center>
+|- style="vertical-align:top;"
+| style="width:25%;" |
+== 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
+== Handling User-Interaction ==
+* [[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]]