Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve process of creating new Pages directly from Navigation block #66923

Open
getdave opened this issue Nov 12, 2024 · 1 comment
Open

Improve process of creating new Pages directly from Navigation block #66923

getdave opened this issue Nov 12, 2024 · 1 comment
Labels
[Feature] Link Editing Link components (LinkControl, URLInput) and integrations (RichText link formatting) [Feature] Navigation Menus Any issue relating to Navigation Menus Needs Design Feedback Needs general design feedback.

Comments

@getdave
Copy link
Contributor

getdave commented Nov 12, 2024

For many users the website menu is a key element on their site. We should make it easier for users to quickly scaffold out their site Pages directly from the Navigation without having to leave the block.

Problem

However, currently we have a disconnect between the Menu and Pages - to add a new Page to your menu you must either:

  • Go to Pages -> Create New -> Publish -> Return to Nav block -> Add Link -> Find new Page -> Add to Menu
  • Add a new Menu Item -> Type name of page you want --> Click "Create draft" -> Go to Pages -> Find your Page -> Publish you Page

Both process are incredibly convoluted and laborious.

Video demonstrating process of adding a new Page from Navigation block
Screen.Capture.on.2024-11-12.at.09-54-35.mp4

Proposal

It should be possible to have more control when adding new Pages directly from the Navigation. To do this I propose we introduce a flow similar to that we currently have for adding Blocks in the Navigation block:

I propose that we remove the current "Draft" item from the search suggestions - it's confusing for users and - as a result - under-utilised.

We replace this with the same kind of UI we have for Add Block but the text would read "Create new Page".

Image

When clicked you would be shown a form (see example image below) allowing you to enter a title for your new Page as well as an option allowing you to decide whether or not the page is "published".

Image

In addition, I also propose that we devise a less intrusive method of marking a Navigation item as being "Draft". For example, "incomplete" Social Icons are simply "greyed out". I think we could use a complementary visual affordance to help users understand when a Page is "draft" without having to use the full suffix "Draft" which feels really clunky.

Image

Benefits

  • Removes clutter and confusion caused by "Draft new Page" in the current search results
  • Makes the process of Adding a new Page clearer and a more definite action.
  • Allows users to avoid the overhead involved in publishing the draft Pages by simply marking them as "Published" when creating them.
  • Enables quick scaffolding of a Navigation Menu and site Pages.
@getdave getdave added [Feature] Link Editing Link components (LinkControl, URLInput) and integrations (RichText link formatting) [Feature] Navigation Menus Any issue relating to Navigation Menus labels Nov 12, 2024
@getdave
Copy link
Contributor Author

getdave commented Nov 12, 2024

cc @richtabor who I seem to remember having a mock up for "Create page" and may have additional insight into this.

@getdave getdave added the Needs Design Feedback Needs general design feedback. label Nov 12, 2024
@getdave getdave changed the title Improve "Add page" utility from Link UI and Navigation block Improve "Add page" utility when creating Pages from Navigation block Nov 12, 2024
@getdave getdave changed the title Improve "Add page" utility when creating Pages from Navigation block Improve easy of creating new Pages directly from Navigation block Nov 12, 2024
@getdave getdave changed the title Improve easy of creating new Pages directly from Navigation block Improve process of creating new Pages directly from Navigation block Nov 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Link Editing Link components (LinkControl, URLInput) and integrations (RichText link formatting) [Feature] Navigation Menus Any issue relating to Navigation Menus Needs Design Feedback Needs general design feedback.
Projects
None yet
Development

No branches or pull requests

1 participant