bytechefhq / bytechefhq/bytechef

[improve]: Loop Experience Redesign

Open
#4,808 0 comments 0 reactions 1 assignee Claimed by @akala444 View on GitHub
design documentation enhancement frontend productivity
Dominant language
Java
Stars
1k
Forks
170
Avg merge
11h 25m
Merged PRs (30d)
115

Description

### 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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.