Skip to content

Link interface iteration #17557

@karmatosed

Description

@karmatosed

I took some time to imagine where the link interface could evolve to. There are a few reasons we should consider evolving this.

  • The navigation block action to add links needs to be able to pick from pages/posts.
  • Currently, you can't see suggested links.
  • We have multiple link interfaces so uniting makes sense.
  • In the link interface now no meta details such as page/post are shown.

Props to @mtias for suggestions and feedback to get to this issue.

What can we use as inspiration for this?

image

image

When thinking about navigation, I had explored the following:

image

Abstraction

I began with an abstraction exercise, how far could I take this back? Here are some sketches.

image

image

image

image

@mtias showed me this from @shaunandrews:

image

Thrown out ideas

I will share some ideas I decided to drop to add context to path I ended up going back to.

Frame 6 9

image

Exploring

From there, I went on a little iterative quest and kept coming back to the following, despite going pretty far in some explorations. As a result, I wanted to share the place I am at right now with this:

Frame 6 6

Frame 6 7

Frame 6 8

So, what's next? I would love opinions on the direction and any details on what is missing really should be added. Relating to that what is there should be subtracted? If you have any ideas please also add them.

I plan to do some rapid iterations based on feedback to hopefully get by end of the week something feels good to prototype. I will then look at how this could look both for the link interface in blocks (mocking up various blocks) and then how it adapts to navigation.

One thing to learn from the link interface so far is feeling and using this is key, so the earlier we get into prototype the better.

Metadata

Metadata

Assignees

Labels

Needs Design FeedbackNeeds general design feedback.[Feature] Link EditingLink components (LinkControl, URLInput) and integrations (RichText link formatting)[Status] In ProgressTracking issues with work in progress

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions