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 UX of IPNS publishing #1993

Closed
lidel opened this issue Jul 26, 2022 · 5 comments · Fixed by #1998
Closed

Improve UX of IPNS publishing #1993

lidel opened this issue Jul 26, 2022 · 5 comments · Fixed by #1998
Assignees
Labels
area/screen/files Issues related to Files screen help wanted Seeking public contribution on this issue kind/enhancement A net-new feature or improvement to an existing feature P2 Medium: Good to have, but can wait until someone steps up released topic/design-ux UX strategy, research, not solely visual design

Comments

@lidel
Copy link
Member

lidel commented Jul 26, 2022

Now that we've added basic UI for publishing CIDs to IPNS (#1973) 🥳
it may be a good time to go an extra mile and refine the UI.

Namely, I feel we could improve presentation of key names and CIDs (right now it is a bland monospace font).
Perhaps we could also add one-line explainer to the first modal (imagine user clicking "Publish to IPNS" and not knowing what it is):

Below is the current state:

Before Publishing Published
2022-07-26_14-37 2022-07-26_14-35

any ideas are welcome, cc @juliaxbow @hacdias

@lidel lidel added help wanted Seeking public contribution on this issue P2 Medium: Good to have, but can wait until someone steps up area/screen/files Issues related to Files screen topic/design-ux UX strategy, research, not solely visual design kind/enhancement A net-new feature or improvement to an existing feature labels Jul 26, 2022
@hacdias
Copy link
Member

hacdias commented Jul 26, 2022

Two thoughts:

  • Make the monospace font surrounded by some box with some padding and round borders. The box would have a "copy" icon that would copy the CID/IPNS Key to the clipboard.
  • Make the IPNS Key clickable with either href=ipns://key or href=defaultPublicGateway/ipns/key.

@juliaxbow
Copy link
Collaborator

  • +1 hacdias's suggestion for a copy icon (or even "copy"). Could look something like:

Screen Shot 2022-07-26 at 9 58 56 AM

OR

Screen Shot 2022-07-26 at 9 56 05 AM

  • Then I would recommend changing the bottom right button to "Done" or "Finish" (unless there are more steps afterwards?) to indicate that IPNS publishing steps are complete at this stage

@lidel
Copy link
Member Author

lidel commented Aug 1, 2022

I like the idea of:

  • separating Done and Copy link actions. 👍
  • IPNS Key clickable with href=defaultGateway/ipns/key (should be the same link as one on Settings screen)

@hacdias sounds like an easy win, interested in applying these before you start phasing out GUI activities?

@hacdias
Copy link
Member

hacdias commented Aug 4, 2022

@lidel done #1998 :) Not yet 100% sure I'll leave GUI, but we'll see.

@ipfs-gui-bot
Copy link
Collaborator

🎉 This issue has been resolved in version 2.18.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/screen/files Issues related to Files screen help wanted Seeking public contribution on this issue kind/enhancement A net-new feature or improvement to an existing feature P2 Medium: Good to have, but can wait until someone steps up released topic/design-ux UX strategy, research, not solely visual design
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants