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.26k forks source link

Streamlining Navigation for My Sketches, Collections, and Assets. #3036

Open Ri-Sharma opened 4 months ago

Ri-Sharma commented 4 months ago

Increasing Access

Some of the improvement are following :-

  1. Eliminating redundant links or signs minimizes confusion and helps users focus on their content rather than managing multiple entry points leading to the same destination.
  2. The consolidated category "My Stuff" provides a more intuitive and user-friendly design. Users can easily understand that all their relevant content is housed within this section.

Feature enhancement details

Currently, there exist three distinct indicators comprising my sketches, my collections, and my assets, all directing to the same page but under different tabs. This redundancy may result in an unnecessary utilization of page real estate. I proposed to streamline and enhance user experience by consolidating these options into a singular category labeled "My Stuff". This modification, which is already implemented in the mobile view, not only fosters design consistency but also optimizes navigational efficiency, allowing users to seamlessly switch tabs within the window by selecting their preferred option.

@raclim, @lindapaiste if this enhancement is okay I would like to work on this.

RajCherukuru commented 4 months ago

I have managed to consolidate the three indicators: my sketches, my collections, and my assets into "My Stuff"

Before:

Screenshot 2024-03-03 at 4 48 43 AM

After:

Screenshot 2024-03-03 at 5 05 45 AM
katiejliu commented 2 months ago

@raclim the mobile has the 3 condensed. I feel like we should match on web