Re: [xwiki-devs] [UX][Proposal] Annotation UI Improvements

I'm ok to the "add" button. This was only a very quick axis for reflexion. I agree to ludovic on the point there is a need on something less visible on the page. Imo we can also make it more simple in the toughts. As I can't sleep this morning I have made some more constructed UX about the module. Editable pdf (use illustrator or inkscape) : http://incubator.myxwiki.org/xwiki/bin/download/Improvements/AnnotationsPro… Png on Flickr : http://www.flickr.com/photos/thibautdeveraux/sets/72157623219280278/ This is ideas, use it in a "remix" way. ;) Notes taken during the design (hope it is clear) : * **Stage 1 : Get the concept from utility What are the utility uses of annotations ?* I guess that, in a global point of view, the use of anotations is to discuss on details points of a text. For example Mr John have redacted a commercial proposition and the team makes a review of it. Generally people quote the text in the comments. With the annotation module it will be more easy to find the parts of the text wich have been commented. *===> Annotations are comments ?* For readers the utility use of comments is to see people reactions. Both comments and annotations are people reactions. If there is two tabs in the bottom menu, readers will have to swich from one to another to see all the people reactions, getting lose in having two options for one single use. *Get the concept from utility :* *For the reader, an annotations is a comment where a text is quoted* At this stage of the reflexion, we can guess that, the comment tab and the annotation tab at the bottom of the page should be merged.

*Stage 2 : get the interactions from usage chains Build the usage chains* ---> *Interactions * (priority : * to *** ) Notice : if statements lead to a too complexe interface, select only the main points that should be keeped *First time reading :* - I read the page --- While reading the page I notice the people annotations *----> User can see where are annotations on page *** ----- *Then I may want to read it* ---> User can read annotations directly on the page *** * ------- I may comment people reactions directly on the anotation box *---> User can comment the annotation directly on page* ** --- While reading I may quote a part of the text and comment it *---> User can add an anotation direclty on page **** * * - I read the comments --- While reading the comment I may notice that someone quoted a part of the page *---> User can see annotations in comments* *** ----- Then I may go back to the text to find the quoted text in context *---> ** **User can see where are annotations on page **** --- While reading the comments I may react to it *---> User can answer to comments (already done)* ** ----- I may do it quoting a part of the text *---> User can make annotation starting from the comment zone*** ** * * - I have read the page and want to make a comment *---> User can make comments (already done)* *** ----- I may do it quoting a part of the text *---> User can make annotation starting from the comment zone* ** * **Comming back to see people reactions :* * * - I may look on the page to see if there is new part of the text quoted *----> User can see where are annotations on page *** /or even/ **User can see wich annotations are new on page ** *----- *Then I may want to read it* ---> User can read annotations directly on the page *** * ------- I may comment people reactions directly on the anotation box *---> User can comment the annotation directly on page* ** * * - More general way : I look for new comments *---> User can see which are the last comments (already done)* *** --- While reading the comment I may notice that someone quoted a part of the page *---> User can see annotations in comments* *** ----- Then I may go back to the text to find the quoted text in context *---> ** **User can see where are annotations on page **** --- While reading the comments I may react to it *---> User can answer to comments (already done)* ** ----- I may do it quoting a part of the text *---> User can make annotation starting from the comment zone* ** *Quick reference :* *User can see where are annotations on page *** **User can see which are the last comments (already done)* **** **User can read annotations in comments* *** *User can read annotations directly on the page **** *User can add an anotation direclty on page **** *User can add a comment (already done)* *** *User can comment the annotation directly on page* ** *User can comment the comments (already done)* **** * User can add annotation starting from the comment zone* ** * User can see wich annotations are new directly on page ** *Stage 3 : draw the interface* Have a look at the schemas. ;-) 2010/1/15 Ludovic Dubost<ludovic(a)xwiki.org> > > I'm not sure if one button is better than showing upfront some information. > It might be something we might have as an option in the Wiki. And we need a > way to collapse it.. > > However one thing I'm quite sure of, is that it's enough blue bars.. so we > need something less visible in the page.. > > Select the text + add will be an issue since the "Add" button might not be > on screen.. > > Otherwise it's very nice.. I like the user colors, the annotation setting > and the annotation tab.. > > Note that an annotation creation or display can be much more than just one > text.. > > Ludovic > > Le 15/01/10 21:51, Thibaut DEVERAUX a écrit : > > Hi Cathy, >> >> No time for visuals neither looking to much in it but did you think about >> a >> single button "show annotations options" ? >> >> >> *Button at start :* >> >> Show annotations options> >> >> *Clicking on the button open a menu :* >> >> Show annotations options> >> A line showing the users names by colors (if colors activated) >> [V] Hide/show icones on the page >> -- [V] Hide/show colors >> [+] Add annotation >> >> *Interact with anotations directly on the page :* >> Use the icones on page to interact : see, modify, react... >> >> >> Let me know... >> >> Thibaut >> >> >> 2010/1/15 Ecaterina Valica<valicac(a)gmail.com> >> >> >> >>> Hi, >>> >>> I made some UI suggestions for the annotations. >>> >>> Overview: >>> >>> >>> http://incubator.myxwiki.org/xwiki/bin/download/Improvements/Annotations/pr… >>> Details: >>> >>> >>> http://incubator.myxwiki.org/xwiki/bin/view/Improvements/AnnotationsProposal >>> >>> Please let us (me and Anca) know what you think.