1

Something that I noticed has become a feature of complex no-code software applications is the use of graph-like interfaces with more complex interactions such as the Unreal Engine 5 user interface.

enter image description here

I am wondering if there are specific design patterns or components that are being more standardized (for those working in the industry or on these types of applications), since I can't really find examples of these interactive graph based interfaces that use nodes which are like complex interactive cards and connections that are similar to database applications but actually applies functional input that feedback forward to an output.

1 Answer 1

1

Seeing your question got me thinking if I have used any graph based UI other than the one in Blender.

Blender has a thing called geometry nodes which are used

for procedurally and non-destructively creating and manipulating geometry.

Going through Wikipedia I learned that this is called Procedural modelling.

Other similar UIs I realized I've used are in Jeskola Buzz, a digital music workstation and Max / Msp inside Ableton Live.

From there I got bit deeper when I tried to find the first instance of this kind of no-code UI. You can for example read upon about visual programming language. Or go one level deeper with dataflow programming.

But when it comes to actual presentation as in Unreal or in Blender, I didn't yet find any standardized design patterns for it. It might just be a case of copying what has worked.

I did find Blender's take on the node based UI in their developer documentation, though. It has some high level concepts on the node behaviour.

The "Geometry Nodes Modifier", or "Nodes Modifier" for short, is a a modifier to handle more complex behavior. Its logic is built with a node group owned by the modifier. The geometry node group which can be used by multiple modifiers on different objects, or shared for different projects, just like a shader node group. High level settings are exposed in the modifier stack.

enter image description here

It also has the high level abstraction of the modifiers (nodes), which the one we can see also on the Unreal's UI.

Modifiers are black boxes with geometry as the main input and output. External dependencies are possible on ID level. Users should be able to use the system in a high level. More general nodes contain several lower level building block nodes, with certain parameters exposed.

enter image description here

3
  • 2
    You can definitely see that also in the DaVinci Resolve video editor
    – Luciano
    Sep 18, 2023 at 11:35
  • 1
    Yes, I think it is easier to handle data streams visually than through code. In the visual programming language article there is a list of software that uses some sort of visual presentation. Though DaVinci wasn't mentioned on it. Sep 18, 2023 at 11:48
  • +1 Some really interesting things to look up and find out more about!
    – Michael Lai
    Sep 18, 2023 at 22:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.