processing / processing/p5.js-website

Improve NavPanel Scrollability by Repositioning Elements

Open
#1,273 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Discussion Web Design
Dominant language
MDX
Stars
96
Forks
322
Avg merge
5d 22h
Merged PRs (30d)
8

Description

Description

The current NavPanel is not very convenient in terms of accessing all items especially when there are a lot of Jump to links.

Image

The user has to scroll down the Jump to links (in sections like "tutorials" and "examples") to view and access all the items in the list, which affects usability.

Suggested Fix

This can be improved by reallocating space within the panel. I have suggested some of my ideas in the comments. But this issue is open to discussions and feedback. Would like to know if there are any better approaches.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the NavPanel and its "Jump to" sections, then review the issue comments for the proposed space reallocations. Compare the current panel behavior with the usability problem shown in the image. Done should make all items accessible without requiring users to scroll within the Jump to lists, with the final layout agreed through discussion.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.