Some updates on the tool.
I'm working on the edit selection slider in the background and don't have any update on it as yet.

Thanks
Jeph


On Thu, Sep 5, 2013 at 12:00 PM, Jared Zimmerman <jzimmerman@wikimedia.org> wrote:
Jeph,

Sounds good, a few things to think about…

How could you make it obvious what edits are made by the same user and which by different users?

I think either a spark line OR a bar chart not both.

Remember some edits are additive and some are subtractive, and some have both additive and subtractive parts, if your graph has zero as the baseline then how do you show subtractive changes? Consider a baseline that is in the middle or at least weighted a bit so subtractive edits can be visualized. 

Take a look at the sliders used on finance.google.com if you haven't already. 

The time between edits could be just as interesting as the edits themselves so I'd recommend not compressing or ignoring the time between edits on your graph. 

As far as grouping or coding the edits you don't want to have information overload, some options could be, by user as I said before, you could average them over a month and ease the line a bit to smooth it out, you could colorize (think heatmap) the graph by number if distinct editors within a set time span to visualize periods where lots of collaborations occurred on the article. 

One thing I would challenge you to do since you've begun thinking about controls and interacting with the graph is to think about what a "quiet" state would look like when a user is not interacting with it. Could it be something that is both minimal and beautiful? Could it exists on an article page for a reader to look at, appreciate and get some level of understanding without even interacting with it?

Think about traditional poster design, you have the 10ft view, the 5ft view, and the 1ft view. 

What as a viewer do you see at a glance vs a studied view. 

If you are new to design you might consider reading some books by Edward Tufte on information design as a primer or Robert Bringhurst's book on typography and layout. 

Great work, I look forward to seeing how it evolves. 

Jared


Sent while mobile

On Sep 4, 2013, at 8:58 PM, jeph <jephpaul@gmail.com> wrote:

Hi,

Putting together a bunch of ideas inspired from various places I've come up with a mock Up of the slider.
  • The mock Up shows a two level edit selector bar. The primary bar will show all the edits, the edits will be of equal width with their length varying as a measure of the size of the edit Eg If there are three thousand edits all of them will be shown with a width of 1px or so.
  • There is a slider whose width is adjustable which serves to select a subset of the edits.
  • The selected edits will be shown in a zoomed in view above the primary bar, here the edits will be bigger in width and easier to view, If the user selects the entire primary bar then the zoomed in version will look like the primary bar.
  • A handle bar in the zoomed in view, it can be used to select the starting point of the visualisation or to manually go through the changes edit by edit.
Ideas about grouping the edits etc would be awesome :-) Should we have a sparkline in the primary bar ?

Thanks
Jeph 


On Mon, Sep 2, 2013 at 12:12 AM, jeph <jephpaul@gmail.com> wrote:
The highlighted text is part of a single edit and stays highlighted during its course , once it moves to the next edit it is no longer highlighted.


On Sat, Aug 31, 2013 at 2:16 AM, Jared Zimmerman <jared.zimmerman@wikimedia.org> wrote:
J
​eph,

yes, a sparkline for the history of the article showing amount of change over the history of the article. 

As far as color coding, yes i think it could be helpful, i think you'll need to work at making the colors useful but subtle. 

what is determining how long the text remains highlighted in your demo, is it part of a single "edit" "session" "user" or something else?



Jared Zimmerman  \\  Director of User Experience \\ Wikimedia Foundation               
M : +1 415 609 4043 |   :  @JaredZimmerman



On Fri, Aug 30, 2013 at 1:22 PM, jeph <jephpaul@gmail.com> wrote:
A spark line on top of the timeline to give users an idea of what happened ? Would color coding the timeline be a good idea to convey edit activity ?

I was thinking of showing the changes when the user scrubs the timeline by making the content appear / disappear to reflect the addition and deletion of content, the way the demo shows it currently.  


On Fri, Aug 30, 2013 at 4:29 AM, Jared Zimmerman <jared.zimmerman@wikimedia.org> wrote:
Jeph,

I like the timeline scrubber idea, it would be great if we could add in another layer of glancable information, instead of a straight timeline, if it was a spark line that went up and down from 0 (no change) to show the velocity of change (in bytes) over time, it could be very interested to show additions and subtractions to the article this way. 

As far as where this control is located, toward the top of the screen feels more natural, perhaps it is tied to the "view history" tab that is currently at the top of pages. in the same way we have the wikitext editor and the visual editor, perhaps there is the current method of visualizing history and the "Visual history" viewer. 

The other thing i would suggest you investigate is how additions, subtractions and changes are visualized on screen as the user is scrubbing the timeline. 



Jared Zimmerman  \\  Director of User Experience \\ Wikimedia Foundation               


On Wed, Aug 28, 2013 at 12:50 PM, jeph <jephpaul@gmail.com> wrote:
Hi,
Making it a mediawiki extension is part of my plan but I wont be doing it anytime soon. 
Would you have any suggestions on the slider bar to select the start and end revision to animate the edits ?

Thanks
Jeph


On Wed, Aug 28, 2013 at 12:26 AM, Paul Selitskas <p.selitskas@gmail.com> wrote:
Concerning design of the tool and its UX, there is more sense in
allowing the user to select a piece of content in the page (like in
wiki blame), and showing how it did evolve through revisions and time.

On Tue, Aug 27, 2013 at 9:11 PM, jeph <jephpaul@gmail.com> wrote:
> Hi,
> I'm building a tool to make it easier for an editor  to go through the
> edits/revisions in an article. The tool shows the changes in html rather
> than in wikitext. The content that was removed/deleted in a revision
> disappears & the new content/ modifications is made to appear.
>
> Please checkout the live demo.
> My proposal https://meta.wikimedia.org/wiki/Grants:IEG/Replay_Edits.
> Some mock ups. Mock 1,Mock 2
>
> The demo is bare bones & I'm working on adding the following features .
>
> Pause/Forward/Rewind buttons
> Draggable timeline , to select the starting revision and the ending
> revision.
>
> Hoping to hear some ideas or suggestions on the slider to select the start
> and end revision , especially when the article has thousands of edits over
> five or six years.
>
> Thanks
> Jeph
>
>
> _______________________________________________
> Design mailing list
> Design@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/design
>



--
З павагай,
Павел Селіцкас/Pavel Selitskas
Wizardist @ Wikimedia projects

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design


_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design



_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design



_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design



_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design



_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design