ipfs-shipyard / pm-discussify

Discussify's project management repository
MIT License
17 stars 3 forks source link

Design "Web-annotations" #46

Open ghost opened 6 years ago

ghost commented 6 years ago

Design web-annotations feature, where sections of any page could be highlighted and annotated using markdown syntax.

This should require a text toolbar and ability to preview annotation before publishing.

The thread system applied to comments could be replicated here as well.

satazor commented 6 years ago

@andreforsousa will post here some screens as well as commit the designs for this feature

ghost commented 6 years ago

Hey, here's the first approach regarding this. The user flow starts with creating the 1st annotation on the page:

I'm reusing components created for the threads, the only detail that might be to be revised with @marcooliveira is the way that we're creating the top of the sidebar, now with "Discussions"; "Annotations" and "Invite to the page (discussion or annotation)".

Thanks. discussify-extension_flow-annotations-01.jpg

discussify-extension_flow-annotations-02.jpg

discussify-extension_flow-annotations-03.jpg

discussify-extension_flow-annotations-04.jpg

discussify-extension_flow-annotations-05.jpg

discussify-extension_flow-annotations-06.jpg

discussify-extension_flow-annotations-07.jpg

discussify-extension_flow-annotations-08.jpg

discussify-extension_flow-annotations-09.jpg

discussify-extension_flow-annotations-10.jpg