Pau, this is awesome work.
It makes sense to put sorting, search and browse all in the same header
area. Those features are all doing similar functions -- helping people find
the conversations they're most interested in. But figuring out how to
squeeze all three into the same space, plus advanced bonus options, is
challenging.
Your solution for switching between the neutral/browsing/searching states
on the Overview and Search slides looks really good to me. The user gets a
call to action for both search and browse when they open the page, and the
header switches focus between search and browse, depending on which one is
more relevant to what the user's doing.
This design also downplays the sorting element in the header, which has to
disappear from the header when the user scrolls down anyway. I don't know
how valuable people find the sorting right now; this will help us to find
out. :)
I do think that the advanced search and filter features get a little
confusing by the end. There's a lot of power and customization in this
design, and that brings a lot of signals to process.
For example, on the Browsing (ToC) slide, the topic titles on the left side
of the panel use dark gray/light gray to indicate whether a topic is open
or closed, but all of the icons are light gray on the right side of the
panel -- except for the one that's blue, which indicates that there's
recent activity on that topic. When you add in the faint-to-bright yellow
highlighting in the next slide, that's a lot of different pieces of
information marked by changes in color and contrast.
We may need to figure out the use cases for filtering and advanced search,
and do a rough-draft priority ranking -- maybe starting with you, me, Nick,
and whoever's interested, and then opening it up for the user research
sessions?
And hooray for the user research -- we haven't done any research sessions
on new features since I've been on the team, and I really want to. :) How
has it worked on other teams?
Danny
On Tue, Dec 2, 2014 at 11:41 AM, Pau Giner <pginer(a)wikimedia.org> wrote:
Hi all,
I created some designs to add more detail about finding topics in Flow
(search, ToC, filtering and sorting) based on your feedback (thanks for the
feedback!).
I still want to iterate on the design for consistency and other
improvements but I wanted to share them earlier. I published the designs
at Commons
<https://commons.wikimedia.org/wiki/File:Flow-search-details.pdf> and
created a slide deck version
<https://docs.google.com/a/wikimedia.org/presentation/d/1DQabV3mjE9ReV9zs1qAi8u_A5560QEVX4aK95pc0Whs/edit?usp=sharing>
to allow comments in context.
With this and the former prototype I think we can start planning some
research sessions to check with users which ideas work and which ones we
need to focus on improving.
Feel free to provide any feedback.
Pau
On Tue, Nov 25, 2014 at 6:35 AM, Matthew Flaschen <mflaschen(a)wikimedia.org
wrote:
On 11/23/2014 08:08 AM, Pau Giner wrote:
In the current status of talk pages the ToC
just appears at the
beginning showing the full-titles, which takes most of the real
state in long conversations and there is not an easy way to go back
to it once you get immersed into the conversations. Do we have info
on bugs/requests/comments from our users that illustrate more
details about the navigation between topics and content?
I agree having to scroll back to the top (or use the back functionality
if you used the link before) to use the TOC is suboptimal, and one of the
use cases the Flow TOC solves.
There may be bugs about this (on the old-style TOC), but if not, that's
not indication that it works perfectly. People would not (yet) expect
something like the Flow TOC on a regular talk page, since nothing else
affixes to the top like that.
That doesn't mean that it's not useful, just that people wouldn't know to
ask for it (even if they end up liking it).
Matt Flaschen
_______________________________________________
EE mailing list
EE(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/ee
--
Pau Giner
Interaction Designer
Wikimedia Foundation
_______________________________________________
EE mailing list
EE(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/ee