Skip to content

[improve]: Loop Experience Redesign #4808

@igorbeslic

Description

@igorbeslic

Improvement target

Current loop visual experience does not emphasize the loop scope. Loops are visualized similar to other flow control components like parallel branch or conditional.
Flows with multiple flow control components are clumsy to effectivly comprehend and understand it.
Here is example of flow with two loops where one is nested:
Image

Improvement description

See how loops are visualised in MIT Scratch language:
https://eduseed.in/exploring-conditionals-and-loops-in-scratch/
Here is screenshot:
https://i0.wp.com/eduseed.in/wp-content/uploads/2024/10/Condition-and-loop.png?w=600&ssl=1
Image_scratch
Here is photos of our brainstorming:
Loops without EMPTY LINE
Image

Loops as DIVs:

Image

Observed Version

0.24.3

Metadata

Metadata

Assignees

Labels

designdocumentationImprovements or additions to documentationenhancementNew feature or requestfrontendConcerning any and all frontend issuesproductivity

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions