More user friendly algorithm choice

[grzanka]

Currently user needs to take an action ("click on +") to see list of available algorithms. That is not optimal from user experience perspective:

I would prefer that algorithm are shown as list of text blocks visible at first glance. User could then select some of them to be executed either by "drag and drop" or by enabling them.

[grzanka]

(By Google Gemini): Suboptimal Algorithm Discovery and Initial Selection

Problem:

The current user interface requires an explicit click on the "+" button to reveal the list of available algorithms. While the management of selected algorithms (visible parameters, reordering, deletion, activation checkboxes) is well-designed, the initial discovery and selection process presents usability hurdles:

1. Hidden Discoverability: Users aren't immediately aware of available algorithms without performing an initial action.
2. Increased Interaction Cost: The need to click "+" and select from a dropdown adds unnecessary steps, slowing down workflow.
3. Ambiguous Initial State: "No algorithms added yet." doesn't explicitly guide users to the "+" button as the means to add algorithms.

Acknowledged Strengths:

The current design excels once algorithms are added. Parameters are clearly visible, reordering is intuitive via up/down arrows, and removal via 'X' and activation via checkboxes are efficient.

Proposed Solution: Always Visible "Available Algorithms" Panel

To enhance initial algorithm discovery and selection, I propose introducing a dedicated, always-visible panel listing all available algorithms.

• Design: A section (e.g., a sidebar or a panel below the "Upload image" and "Run" buttons, separate from the "Selected Algorithms" area) would display a scrollable list of all algorithms.
• Interaction: Clicking an algorithm within this "Available Algorithms" panel would directly add it to the bottom of the "Selected Algorithms" list, which is the area already well-designed for managing added algorithms.
• Search/Filter: If the algorithm list becomes extensive, a search bar within this panel would allow for quick filtering.

Conceptual UI Flow:

1. Initial State: User sees "Upload image," "Run," and a panel of "Available Algorithms" (e.g., "Invert", "Grayscale", etc.). Below this, an empty "Selected Algorithms" area is visible.
2. Adding Algorithms: User clicks "Hot Pixel Removal" in the "Available Algorithms" panel. It immediately appears in the "Selected Algorithms" area with its parameters, reordering buttons, and checkbox. User then clicks "Grayscale" in the same way.
3. Resulting View: The screen now looks similar to the current state where algorithms are added, but without the initial click on "+". The "Available Algorithms" panel remains visible for adding more.

Benefits:

• Improved Discoverability: Algorithms are visible without extra clicks.
• Reduced Interaction Cost: Streamlines adding algorithms.
• Enhanced User Flow: Provides a more intuitive and direct path, building upon existing strong design for selected algorithms.

Developers are encouraged to propose alternative solutions that achieve similar benefits for initial algorithm discovery and selection.