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
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(a)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(a)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(a)wikimedia.org> wrote:
> Jeph,
>
> 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(a)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(a)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
>>> M : +1 415 609 4043 | : @JaredZimmerman
>>>
>>>
>>>
>>>> On Wed, Aug 28, 2013 at 12:50 PM, jeph <jephpaul(a)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(a)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(a)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(a)lists.wikimedia.org
>>>>> >
https://lists.wikimedia.org/mailman/listinfo/design
>>>>> >
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> З павагай,
>>>>> Павел Селіцкас/Pavel Selitskas
>>>>> Wizardist @ Wikimedia projects
>>>>>
>>>>> _______________________________________________
>>>>> Design mailing list
>>>>> Design(a)lists.wikimedia.org
>>>>>
https://lists.wikimedia.org/mailman/listinfo/design
>>>>
>>>>
>>>> _______________________________________________
>>>> Design mailing list
>>>> Design(a)lists.wikimedia.org
>>>>
https://lists.wikimedia.org/mailman/listinfo/design
>>>
>>>
>>> _______________________________________________
>>> Design mailing list
>>> Design(a)lists.wikimedia.org
>>>
https://lists.wikimedia.org/mailman/listinfo/design
>>
>>
>> _______________________________________________
>> Design mailing list
>> Design(a)lists.wikimedia.org
>>
https://lists.wikimedia.org/mailman/listinfo/design
>
>
> _______________________________________________
> Design mailing list
> Design(a)lists.wikimedia.org
>
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design(a)lists.wikimedia.org