it-swarm.com.de

Schnittstellenbeispiele für den Umgang mit "Seitennotizen" und hervorgehobenen Textkommentaren?

Ich arbeite an einer sammlungsbasierten Oberfläche (z. B. Pinterest oder Dropbox) und implementiere eine Funktion, mit der Benutzer verschiedenen Elementen (Ordnern/Foren, Dateien/Seiten, hervorgehobenem Text usw.) Notizen/Kommentare hinzufügen können. .).

Auf diese "Notizen" kann entweder über ein Symbol (z. B. eine kleine Post-It-Notiz mit der Gesamtzahl) oder irgendwo über ein Schiebefach zugegriffen werden (es können mehrere Notizen für einen bestimmten Artikel vorhanden sein). Außerdem müssen sie auf alle Notizen zugreifen, die sie zu einem bestimmten Text hinzugefügt haben, den sie auf einer Seite hervorgehoben haben. Sollte dies in den Standardanmerkungen enthalten sein oder anders behandelt werden? Nicht sicher...

Es fällt mir schwer, Inspiration dafür zu finden, und ich würde gerne Beispiele dafür sehen, wie Notizen wirklich, wirklich gut gehandhabt werden.

Hat jemand Screenshots, die er von vorhandenen Apps teilen könnte? Oder irgendwelche Gedanken darüber, wie wir damit umgehen sollen? Ich stecke hier ein bisschen fest und könnte mich inspirieren lassen :-)

Ich danke dir sehr!

-Lynn

1
Lynn Cyr

Ich bin mir nicht sicher, ob ich die Implementierung von Medium liebe , aber es ist das Beispiel, das mir sofort einfällt.

enter image description here

Ich wünsche mir, dass die Seitenleiste mehr Nutzen bietet. Vielleicht würden mehrere Kommentare oder mehrere gestapelte Highlights es verbessern.

Ich habe vor einigen Jahren ein solches System (keine speziellen Kommentare) mit "Notizen" erstellt, die auf Inhaltsbereiche verweisen. In den meisten Fällen reichte es aus, den Text visuell zu ändern, um offensichtlich ein Link zu sein. Die Leute bemerkten, dass es ziemlich schnell umsetzbar war.

Hier sind einige unserer Erkundungen. Beachten Sie, dass es in jedem Szenario mehrere verschiedene Arten von Elementen gibt.

Tool tip interaction


Linked to footer

Und die, die wir am Ende getestet haben

Final designs

1
Bryce Howitson