Matt responses in-line
*Jared Zimmerman * \\ Director of User Experience \\ Wikimedia Foundation
M : +1 415 609 4043 | : @JaredZimmerman<https://twitter.com/JaredZimmerman>
On Tue, Nov 26, 2013 at 8:28 PM, Matthew Walker <mwalker(a)wikimedia.org>wrote;wrote:
I think I like where you're going here, though my
initial response was
strongly negative. Here are my thoughts in the order they came to me:
* The search bar, when at the top of the page doesn't look like a text
box; so I was confused. However, once the page scrolled down it was much
clearer; possibly because it was separated from the rest of the page
elements. Could that separation happen at the top of the page initially
somehow?
Jared — Yep, Brandon and I talked about this, it *could* have the same
issue as facebook, which Brandon and I talked about, where there are states
where the search box doesn't look like a search field. We'll certainly do
lots of testing. But i feel confident that there are things we can do, such
as placeholder text, animation and other secondary cues to make sure user
understand it is a search interface.[image: Inline image 1]
* I don't think it's wholly appropriate to have the size of the search box
be the same size or bigger than the page title.
Jared —
ok
, this is just the first step, however I think once you see how we plan to
reuse the fixed header as a primary element for accessing contextual
actions on the site i think the rather limited amount of space it takes up
(less than the current site header) will make a lot of sense.
* On the same line of thought; fundraising gets in trouble when we take up
'useless' space at the top of the page; could the top bar be made smaller?
Jared —
I don't think that would be a good idea, like I mentioned before it is
already smaller than the existing site header, and will have some rich
controls that we want to make sure have big enough hit targets.
* What happens with non content pages? In the interest of design unity, I'm
unsure how you would apply the same design principle
to say,
Special:Preferences or Special pages which define their own tab groups like
meta:CentralNotice.
Jared —
In general I don't think it would be significantly different on special
pages, the contextual actions might be different and we'd have to look at
them on a case by case basis.
* I really don't like the blue flashing edit button. Could that somehow be
integrated into the floating header?
Jared —
We'll look into that, see my previous note
** Similarly, I don't think we should promote
editing whilst hiding
discussion. (In that the edit button follows you; but to discuss you have
to move back up to the top of the page.)
Jared —
We'll look into that, see my previous note
* I feel that exploration, rather than search, is the
primary method of
navigation on the site, given that some large number of users come to the
site via google. I may be atypical though in that I almost never use our
search. That being said; my thought is that exploration tools like 'what
links here', or the 'See also' section should be somehow inline to the
search bar.
Jared —
In general I feel like the content of a page handles discovery quite well.
However we're investigating other browse and discovery features such as a
"smarter random" and geographic
discovery<https://www.mediawiki.org/wiki/Beta_Features/Nearby_Pages>
as
well. One of the next projects the platform team is undertaking is redesign
for search. Which will provide better targeted results that better
integrate other projects, having a wide search bar opens the door for
really interesting possibilities in rich media search results that feel
more like a browse experience.
* I was pondering the idea of how one would use a
floating footer to
expose the 'Edit', 'Discuss', etc tools.
Jared — there are lots of UX issues (I'm sure solvable) with fixed footer
elements not the least are just that users tend to have a kind of "bottom
of the page
blindness<http://www.nngroup.com/articles/f-shaped-pattern-reading-web-c…
that might be hard to battle.
** Whilst I was doing that I realized I wasn't
such a fan of the
'floating' effect of the search bar. Once again it seemed to be more about
the search than the content -- I wondered what a 'sunken' search bar would
do. If it would appear that the content was in front of search.
Jared — I think killing the shadow will help this, as I don't personally
think its needed. Truth is once you scroll down a wikipedia page we have no
branding whatsoever, and I don't mean Make the logo
bigger<http://www.makemylogobiggercream.com/> I
mean comfort and constancy for users knowing where they
are<https://en.wikipedia.org/wiki/Heuristic_evaluation#Nielsen.27s_heuri…
.
Thanks for these thoughtful points Matt, we'll have to sync up with
fundraising to make sure that fundraising banner play well with the new
system in a logical, expected, and still very visible way.
~Matt Walker
Wikimedia Foundation
Fundraising Technology Team
On Tue, Nov 26, 2013 at 7:47 PM, Jared Zimmerman <
jared.zimmerman(a)wikimedia.org> wrote:
Some responses
*the blue "edit" button flashing at a user during scroll won't be
acceptable*
Jared - I think the concept of having a two stage normal → hover →
highlight region, where currently normal is hidden, I think we could
transition to a "quieter" normal state that isn't hidden, more to test.
*the section highlighting is neat, but may have difficulty integrating
with VisualEditor*
Jared - Doubt it will be difficult since it has nothing to do with VE
(its before VE is invoked) but VE section editing is in the works so we're
aligned on that.
*moving the section links back over is probably more "cognitive load"
than users are willing to deal with*
Jared - I don't know what this means, do you mean the edit links on the
right vs to the right of the section headers? I do think having them in a
fixed location is a good idea but right aligned vs left will be something
to test and get feedback on
*many editors will hate requiring two clicks to access tools in both
drop-down menus*
Jared - for feedback on the personal bar dropdown put that here please
https://www.mediawiki.org/wiki/Compact_Personal_Bar for the article
actions, the menu could be either on hover or on click, some of the actions
might be reasonably moved out of the drop down but likely there will always
be a junk drawer.
////
I played around with alignment, and styling, notes below.
[image: Inline image 1]
1. I don't know that we even need a drop shadow, just a simple line
2. Once scrolled we could transition the search placeholder text to
be the article title:section, and show "Search Wikipedia" or something like
that on hover
3. Once scrolled I'd like to see us try to get talk & history in the
fixed header maybe slide in between the logo and the search icon on scroll.
4. Super excited about this.
*Jared Zimmerman * \\ Director of User Experience \\ Wikimedia
Foundation
M : +1 415 609 4043 | : @JaredZimmerman<https://twitter.com/JaredZimmerman>
On Mon, Nov 25, 2013 at 9:35 PM, Steven Walling <swalling(a)wikimedia.org>wrote;wrote:
On Mon, Nov 25, 2013 at 11:09 PM, MZMcBride <z(a)mzmcbride.com> wrote:
Broadly, I'm not sure the whole BetaFeatures approach makes a lot of
sense
in cases like this. It seems like it would be difficult to get any
meaningful data when so many variables change simultaneously.
In this case, I think Beta Features is a good choice because I don't
think we would be looking to primarily gather usage statistics, such as to
support one particular aspect or to argue for a switch over to this
navigation soon. With Beta Features, we'd just be looking to get
qualitative feedback from people, to see how it works or doesn't for
everyday use.
--
Steven Walling,
Product Manager
https://wikimediafoundation.org/
_______________________________________________
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