processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.
https://editor.p5js.org
GNU Lesser General Public License v2.1
1.3k stars 1.27k forks source link

Optimizing Add to Collection List Icons for Enhanced Intuitiveness and User-Friendly Interaction. #3010

Closed Ri-Sharma closed 4 months ago

Ri-Sharma commented 5 months ago

Increasing Access

Currently, the Add to Collection List icons are not as intuitive as they could be, leading to user confusion and challenges in identifying whether an item is already part of the collection. Additionally, the current design poses difficulties for mobile users who lack hover functionality.

Feature enhancement details

To enhance the user experience and provide a more intuitive design, I recommend modifying the interface to exclusively display the "add" or "remove" icon upon item selection, without relying on hover functionality. This adjustment not only addresses the challenge of identifying whether an item is already part of the collection but also caters to mobile users who lack the hover capability.

By removing the check mark when an item is not hovered, users will experience a cleaner and more streamlined visual representation. This refinement not only improves accessibility for mobile users but also contributes to a more user-friendly design, fostering a seamless and efficient interaction with the collection interface.

lindapaiste commented 4 months ago

This is something that I brought up a while ago and that I definitely think we should fix. There was a PR but it got off-track because I made a suggestion and the contributor interpreted it differently that what I meant. So I will definitely check out your PR at some point.

I'm going to close this issue as a duplicate of #2255 to keep all discussion in one place.