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>