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

Design "Web-annotations" #46

Open
ghost opened this issue Jul 12, 2018 · 2 comments
Open

Design "Web-annotations" #46

ghost opened this issue Jul 12, 2018 · 2 comments
Labels
Milestone

Comments

@ghost
Copy link

ghost commented Jul 12, 2018

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.

@ghost ghost added this to the Sprint 3 milestone Jul 12, 2018
@ghost ghost self-assigned this Jul 12, 2018
@ghost ghost added the in progress label Jul 12, 2018
@satazor
Copy link
Contributor

satazor commented Aug 13, 2018

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

@satazor satazor modified the milestones: Sprint 3, Sprint 4, MVP, Release (v1) Aug 13, 2018
@ghost
Copy link
Author

ghost commented Aug 13, 2018

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

  • Click on any element (text or image);
  • Tooltip with "New Annotation" is displayed and actionable;
  • Start the annotations threads on the sidebar.

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

@ghost ghost added review and removed in progress labels Aug 13, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant