web-dev-qa-db-fra.com

Exemples d'interface pour gérer les "notes de page" et les commentaires de texte en surbrillance?

Je travaille sur une interface basée sur les collections (pensez à Pinterest ou Dropbox), et nous implémentons une fonctionnalité qui permet aux utilisateurs d'ajouter des notes/commentaires à divers éléments (dossiers/tableaux, fichiers/pages, texte en surbrillance, etc.) .).

Ces "notes" seraient accessibles soit via une icône (disons, une petite note Post-It avec le nombre total), soit un plateau coulissant quelque part (il pourrait y avoir plusieurs notes pour un élément spécifique). De plus, ils devront accéder à toutes les notes qu'ils ont ajoutées au texte spécifique qu'ils ont mis en évidence sur une page. Cela devrait-il être inclus dans les notes standard ou être traité différemment? Pas certain...

J'ai du mal à trouver l'inspiration pour cela, et j'aimerais voir des exemples de notes traitées très, très bien.

Quelqu'un a-t-il des captures d'écran qu'il pourrait partager des applications existantes? Ou des réflexions sur la façon dont nous devrions gérer cela? Je suis un peu coincé ici et je pourrais utiliser l'inspiration :-)

Merci beaucoup!

-Lynn

1
Lynn Cyr

Pas sûr que j'aime implémentation de Medium mais c'est l'exemple qui me vient à l'esprit.

enter image description here

Je souhaite que la barre latérale offre plus d'utilité. Peut-être que plusieurs commentaires ou plusieurs faits saillants empilés pourraient l'améliorer.

J'ai construit un système comme celui-ci il y a quelques années (pas spécifiquement des commentaires) avec des "notes" référencées à des zones de contenu. Dans la plupart des cas, il suffisait de changer le texte visuellement pour être évidemment un lien. Les gens ont compris qu'il était possible d'agir rapidement.

Voici une partie de notre exploration. Notez qu'il existe plusieurs types d'éléments différents dans chaque scénario.

Tool tip interaction


Linked to footer

Et celui que nous avons fini par tester

Final designs

1
Bryce Howitson