Hey great work!

Two constructive visual comments.

I think the 'see more' bar with the jagged edges looks a bit tattered.  I would prefer something round or square or a triangle edge.

My big issue with the liquid threads model and through to this prototype is how vertically inefficient they look compared to standard existing talk pages.  I'd like to see if we could tighten up the spacing, move buttons, etc. to make each comment more vertically compact.  I think this is really important.  Every line that's not fully utilized means more scrolling.  Every bit of spacing that's not really needed means more scrolling.

Looking forward to seeing the rest of the demo evolve!

Jake (Ocaasi)


On Thu, May 9, 2013 at 1:54 PM, <ee-request@lists.wikimedia.org> wrote:
Send EE mailing list submissions to
        ee@lists.wikimedia.org

To subscribe or unsubscribe via the World Wide Web, visit
        https://lists.wikimedia.org/mailman/listinfo/ee
or, via email, send a message with subject or body 'help' to
        ee-request@lists.wikimedia.org

You can reach the person managing the list at
        ee-owner@lists.wikimedia.org

When replying, please edit your Subject line so it is more specific
than "Re: Contents of EE digest..."


Today's Topics:

   1. Re: [Product] [Design] Flow Prototype (Fabrice Florin)
   2. Re: [Product] [Design] Flow Prototype (Brandon Harris)
   3. Re: [Design] Flow Prototype (Brandon Harris)
   4. Re: [Design] Flow Prototype (Luke Welling WMF)


----------------------------------------------------------------------

Message: 1
Date: Thu, 9 May 2013 09:34:54 -0700
From: Fabrice Florin <fflorin@wikimedia.org>
To: WMF Product Team <wmfproduct@lists.wikimedia.org>
Cc: "A list for the design team." <design@lists.wikimedia.org>, WMF
        Editor Engagement Team <ee@lists.wikimedia.org>,        Philippe Beaudette
        <pbeaudette@wikimedia.org>
Subject: Re: [EE] [Product] [Design] Flow Prototype
Message-ID: <756B3D12-5322-4427-B4F8-86D2F4C30F0F@wikimedia.org>
Content-Type: text/plain; charset="windows-1252"

Hi Brandon,

I just want to say this prototype is **awesome!**.

I have been so busy on Echo that I haven't been able to pay as much attention to this prototype as I'd like, but I am really, really impressed with all the great progress you've made in recent weeks. It seems herculean, both in scope and quality.

Kudos, man!

I hope the community likes it as much as I do.

Look forward to attending the chat today at 11am PT -- and debriefing with you on Friday …

BTW, I found it hilarious that you put words in my mouth to show my fictional comments history for this prototype -- you were actually really close to my character, expressing gratitude profusely, as I'm prone to do. So this is as much a work of art as a technical prowess.

Godspeed!



Fabrice



On May 8, 2013, at 10:36 PM, Brandon Harris wrote:

>
>
>       Hello!
>
>       I have released a new version of the Flow prototype into the wild.  This will be the version that is discussed during office hours tomorrow.
>
>       The URL for the prototype has moved.  It is now located at:
>
>               http://unicorn.wmflabs.org/flow/
>
>       I have also created a page that explains what the prototype is and how to use it.  I will be updating the release notes there from now on and not posting to this list, so you should watch this page for changes:
>
>               http://www.mediawiki.org/wiki/Flow_Portal/lnteractive_Prototype
>
>       I'll include the latest release notes, though (mirrored on the mw.org page):
>
>
> === May 9, 2013 ===
> * Read posts are now only collapsed in the Feed views
> * The "+Topic" button now reads "+New Message"
> * Hide the "New message" button when in feed view
> * Tag actions no longer work on unsubscribed topics
> * Author metadata (edit count, etc.) can now be hidden from a tool in the sidebar
> * Posts by yourself now have a blue border instead of grey (h/t to TheDJ)
> * Added in a "mention" example to the Echo flyout.
> * Cleaned up the json file for Jimmy Wales' board with regard to post depths.
> * "Reply" buttons changed to mw-ui-constructive (green)
> * Changed the green color of unread posts to match the reply button color (avoid clashing)
> * Going to a "Feed" view now removes any tabs.  Returning to a board shows the tabs again.
> * Taglist section no longer displays if there are no tags
> * In Feed view, topics on own board no longer include your username
> * In Feed view, the sort of topics is NOT based on "last update time". Instead:
> ** Topics that you are ''subscribed'' to are sorted by last update time;
> ** Topics that you are ''not'' subscribed to are sorted by create time.
> *** This more accurately reflects the behavior when you are subscribed to a user but not every topic on their board
> * Added a new sidebar section, "Back and Forths"
> ** This gives you a "masquerade" view, so that you can see what the same topic will look like from the viewpoints of different users.
> *** The first is ''your'' view.
> *** The second and third are the views of two other participants.
> * In Board view, all topics are expanded by default (for easier fast-scanning)
> * Individual posts can be flagged as "abusive".  This is the beginnings of a workflow; actual anti-vandalism functionality will require more work.
> * Removed the "Jorm Board" - it was a redundant view
>
> === May 4, 2013 ===
> * Read posts in any thread are collapsed by default, with an indicator to open all of them up.
> ** Posts are not collapsed if the thread is collapsed
> ** Collapse sections is an all-or-nothing deal
> ** You cannot "re-collapse" read posts.  Adding a control to every post is too heavy
> ** Collapsing a thread will uncollapse all posts inside of it and remove the indicator
> *** Reopening the thread will expand all posts
> * On start up, a modal appears asking you for your user name.
> ** The form saves it and operates as "that person" from then on.
> ** This is saved to a cookie, which prevents the modal from opening in the future
> **There is a "clear saved username" link on the side.
> * The feed link now treats itself as if it were the "logged in" user and does some replacing on text to imply that the conversations are happening with them (and not the original owner of the posts)
>
>
>
>
> ---
> Brandon Harris, Senior Designer, Wikimedia Foundation
>
> Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
>
>
> _______________________________________________
> Wmfproduct mailing list
> Wmfproduct@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/wmfproduct

_______________________________

Fabrice Florin
Product Manager, Editor Engagement
Wikimedia Foundation

http://en.wikipedia.org/wiki/User:Fabrice_Florin_(WMF)

Donate to keep Wikipedia free:
https://donate.wikimedia.org/






-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wikimedia.org/pipermail/ee/attachments/20130509/429957af/attachment-0001.html>

------------------------------

Message: 2
Date: Thu, 9 May 2013 10:01:45 -0700
From: Brandon Harris <bharris@wikimedia.org>
To: WMF Editor Engagement Team <ee@lists.wikimedia.org>
Cc: "A list for the design team." <design@lists.wikimedia.org>, WMF
        Product Team <wmfproduct@lists.wikimedia.org>,  Philippe Beaudette
        <pbeaudette@wikimedia.org>
Subject: Re: [EE] [Product] [Design] Flow Prototype
Message-ID: <D86C3254-9E7B-44C5-B03B-06AFA9588412@wikimedia.org>
Content-Type: text/plain; charset=windows-1252


On May 9, 2013, at 9:34 AM, Fabrice Florin <fflorin@wikimedia.org> wrote:

>
> BTW, I found it hilarious that you put words in my mouth to show my fictional comments history for this prototype -- you were actually really close to my character, expressing gratitude profusely, as I'm prone to do. So this is as much a work of art as a technical prowess.


        Wait?  Where did I do that?  As far as I remember, you (the real you) didn't show up in the coded/pulled responses, and I know I didn't write any for you.

        You may have been reading comments that I wrote that the prototype attributes to you after you've "logged in".

---
Brandon Harris, Senior Designer, Wikimedia Foundation

Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate




------------------------------

Message: 3
Date: Thu, 9 May 2013 10:04:19 -0700
From: Brandon Harris <bharris@wikimedia.org>
To: "A list for the design team." <design@lists.wikimedia.org>
Cc: Philippe Beaudette <pbeaudette@wikimedia.org>,      WMF Product Team
        <wmfproduct@lists.wikimedia.org>,       WMF Editor Engagement Team
        <ee@lists.wikimedia.org>
Subject: Re: [EE] [Design] Flow Prototype
Message-ID: <EBFD9E05-049C-4358-BDC1-4AE100B43650@wikimedia.org>
Content-Type: text/plain; charset=iso-8859-1


On May 9, 2013, at 9:51 AM, Brion Vibber <bvibber@wikimedia.org> wrote:

> My main complaint is that I'm not sure if indented threading is the way to go; we know we end up with reallly deep conversation threads on these things, and it gets hard to read a few levels in. Pre-collapsing already-read parts of the thread should help a lot in common circumstances, but if you expand it you don't want it esploding.


        I've been thinking a lot about this and wrote up several ideas here, including my corollary to Godwin's Law:

                http://www.mediawiki.org/wiki/Flow_Portal/User_to_User_Discussions#Thread_Depth_Models

        Currently, I'm not restricting depth but I think we should after 4 levels.


---
Brandon Harris, Senior Designer, Wikimedia Foundation

Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate




------------------------------

Message: 4
Date: Thu, 9 May 2013 13:54:27 -0400
From: Luke Welling WMF <lwelling@wikimedia.org>
To: WMF Editor Engagement Team <ee@lists.wikimedia.org>
Subject: Re: [EE] [Design] Flow Prototype
Message-ID:
        <CAMGUpbPeZ2YvpYZJXaUA+3HhGmdpAiqAqB_qLOrBNNTXt6qwpw@mail.gmail.com>
Content-Type: text/plain; charset="iso-8859-1"

I really like the idea and general form and the use of an interactive
mockup to gather feedback, so this is just minor impressions and comments.
 Because it's such a high-fidelity mockup, I assume you are looking for
visual design feedback as well as functionality.  Feel free to ignore that
half if not.

Random feedback not intended to be in order of importance or imply that it
is important or expects a response.

The body text seems large compared to Wikipedia page content normally.
 That's a good thing.  The rest of the web has headed in that direction,
but it would look more integrated if other parts of the site got less
cluttered and more readable to match.

It's not clear to me why there are so many different font sizes for
elements on the page.  A single comment has about 8?

Is mark abusive more important than other tagging or actions that it needs
to be brought out into the box?

Is mark abusive the only action that applies to a single comment rather
than a thread?  I suspect I want to be able to tag individual comments and
close and oversight should probably comment based too.

I'd like less clutter.  Author meta data, mark abusive could hide.  Borders
and header boxes could be more subtle (or go)

I _really_ like the highlight unread and auto mark as read but the current
experimental implementation is not quite right for me.  The contrast
between unread and read is very high, so when it suddenly changes it's a
bit alarming.  I think it also changes too early.  It changes as I start to
read that box and I distracts me or beats me to even starting.  I think my
habit is to scroll what I intend to read next to near the top of the screen
so for me the change would be more natural if it faded out a second or two
after that box started to scroll off the top of the screen, or on reload
for pages too small to scroll.  At the moment it looks to be tied to entry
at the bottom or rendering and gets marked before I have read it.

I know it's common, but I don't like multiple search boxes on one page.  If
there's not a clean way to use the top level box for both sitewide search
and in page search on pages that support it, then I think they should at
least look the same and have the same action button.

I can't see in the test data how it handles very deeply nested reply
indenting?

I assume the final version would resize to fit a range of page widths?

The same pieces of content seem to be being called Messages, Replies and
Responses in different parts of the screen.  Or maybe Replies and Responses
are synonyms and Message and Topic are synonyms.

Why does New message get a plus sign but Reply get's neither a new nor a
plus?

Replacing the term "talk page" seems unnecessary.  The same purpose with a
new UI could reuse the old name.

I like that it reuses the same style as for unread indicator and Echo
Notifications.

I'd like a way to navigate from the top of the screen to the newest reply.
 It looks like it's ordered by most recently updated thread, not by thread
start, so in line with my request for less clutter maybe each "last
updated" timestamp could send you to the comment that refers to.

Keep up the awesome work.  I hope you get lots of good feedback, ignore 3/4
of it and come up with a great model

Luke Welling


On Thu, May 9, 2013 at 1:36 AM, Brandon Harris <bharris@wikimedia.org>wrote:

>
>
>         Hello!
>
>         I have released a new version of the Flow prototype into the wild.
>  This will be the version that is discussed during office hours tomorrow.
>
>         The URL for the prototype has moved.  It is now located at:
>
>                 http://unicorn.wmflabs.org/flow/
>
>         I have also created a page that explains what the prototype is and
> how to use it.  I will be updating the release notes there from now on and
> not posting to this list, so you should watch this page for changes:
>
>
> http://www.mediawiki.org/wiki/Flow_Portal/lnteractive_Prototype
>
>         I'll include the latest release notes, though (mirrored on the
> mw.org page):
>
>
> === May 9, 2013 ===
> * Read posts are now only collapsed in the Feed views
> * The "+Topic" button now reads "+New Message"
> * Hide the "New message" button when in feed view
> * Tag actions no longer work on unsubscribed topics
> * Author metadata (edit count, etc.) can now be hidden from a tool in the
> sidebar
> * Posts by yourself now have a blue border instead of grey (h/t to TheDJ)
> * Added in a "mention" example to the Echo flyout.
> * Cleaned up the json file for Jimmy Wales' board with regard to post
> depths.
> * "Reply" buttons changed to mw-ui-constructive (green)
> * Changed the green color of unread posts to match the reply button color
> (avoid clashing)
> * Going to a "Feed" view now removes any tabs.  Returning to a board shows
> the tabs again.
> * Taglist section no longer displays if there are no tags
> * In Feed view, topics on own board no longer include your username
> * In Feed view, the sort of topics is NOT based on "last update time".
> Instead:
> ** Topics that you are ''subscribed'' to are sorted by last update time;
> ** Topics that you are ''not'' subscribed to are sorted by create time.
> *** This more accurately reflects the behavior when you are subscribed to
> a user but not every topic on their board
> * Added a new sidebar section, "Back and Forths"
> ** This gives you a "masquerade" view, so that you can see what the same
> topic will look like from the viewpoints of different users.
> *** The first is ''your'' view.
> *** The second and third are the views of two other participants.
> * In Board view, all topics are expanded by default (for easier
> fast-scanning)
> * Individual posts can be flagged as "abusive".  This is the beginnings of
> a workflow; actual anti-vandalism functionality will require more work.
> * Removed the "Jorm Board" - it was a redundant view
>
> === May 4, 2013 ===
> * Read posts in any thread are collapsed by default, with an indicator to
> open all of them up.
> ** Posts are not collapsed if the thread is collapsed
> ** Collapse sections is an all-or-nothing deal
> ** You cannot "re-collapse" read posts.  Adding a control to every post is
> too heavy
> ** Collapsing a thread will uncollapse all posts inside of it and remove
> the indicator
> *** Reopening the thread will expand all posts
> * On start up, a modal appears asking you for your user name.
> ** The form saves it and operates as "that person" from then on.
> ** This is saved to a cookie, which prevents the modal from opening in the
> future
> **There is a "clear saved username" link on the side.
> * The feed link now treats itself as if it were the "logged in" user and
> does some replacing on text to imply that the conversations are happening
> with them (and not the original owner of the posts)
>
>
>
>
> ---
> Brandon Harris, Senior Designer, Wikimedia Foundation
>
> Support Free Knowledge: http://wikimediafoundation.org/wiki/Donate
>
>
> _______________________________________________
> EE mailing list
> EE@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/ee
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wikimedia.org/pipermail/ee/attachments/20130509/410f327d/attachment.html>

------------------------------

_______________________________________________
EE mailing list
EE@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/ee


End of EE Digest, Vol 16, Issue 8
*********************************



--
Jake Orlowitz
  Wikipedia: Ocaasi
  Facebook: Jake Orlowitz
  Twitter: JakeOrlowitz
  LinkedIn: Jake Orlowitz
  Email: jorlowitz@yahoo.com
  Skype: jorlowitz
  Cell: (484) 684-2104
  Home: (484) 380-3940