[Design] Help identifying a mediawiki ui button

[Jon Robson]

In the profile page of mobile [1] we have a button at the bottom of the page.
Is there any reason for it having blue text?

When you take a look at the styleguide it seems like an
mw-ui-progressive or just a simple mw-ui-button [2]

We currently have a bug [3] associated with this button due to its
uniqueness, so I'm keen to work out how to make this button be
consistent with other buttons and opened a standardisation bug [4].

Can someone chip in on the bug report with how it should be styled in
the language of the styleguide and if needed, provide a new icon for
talk that isn't blue?

Thanks!

[1] https://en.m.wikipedia.org/wiki/Special:UserProfile/Jdlrobson
[2] http://tools.wmflabs.org/styleguide/desktop/section-2.html
[3] https://bugzilla.wikimedia.org/70947
[4] https://bugzilla.wikimedia.org/71071

[May Tee-Galloway]

We're in the midst of determining which buttons should be blue. Here's a
good place to talk about it and try to determine how we should use it.

Blue is a progressive color. When I'm editing an article, a blue "Next"
button lets me know what to do to move forward in this workflow that I
intentionally started.

If I want to use a blue button that isn't particularly in any workflow,
say.. I'm looking at a page detailing why this user hid my comment, it has
to be an action that moves me forward and completes a certain task from the
current page, which could be a button like "Talk to User."

Determine what the page is about and its intention and then think about
what moves users forward and completes the user's most likely intended
task, or our preferred route (if any) for the user.

Another example.. say I'm at the Wikimedia shop, the cart link would be
blue because it moves me forward and out of the site when I'm done with the
page (which is to make you buy stuff).

In the case of user profile, which is a page that shows you a user's
activity, I wouldn't know what would be appropriate for a blue button. It's
a pretty neutral page to me or I just don't know enough about this page to
say what should be blue.

mm

Post by Jon Robson
In the profile page of mobile [1] we have a button at the bottom of the page.
Is there any reason for it having blue text?
When you take a look at the styleguide it seems like an
mw-ui-progressive or just a simple mw-ui-button [2]
We currently have a bug [3] associated with this button due to its
uniqueness, so I'm keen to work out how to make this button be
consistent with other buttons and opened a standardisation bug [4].
Can someone chip in on the bug report with how it should be styled in
the language of the styleguide and if needed, provide a new icon for
talk that isn't blue?
Thanks!
[1] https://en.m.wikipedia.org/wiki/Special:UserProfile/Jdlrobson
[2] http://tools.wmflabs.org/styleguide/desktop/section-2.html
[3] https://bugzilla.wikimedia.org/70947
[4] https://bugzilla.wikimedia.org/71071
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.wikimedia.org/pipermail/design/attachments/20140922/6d5088ab/attachment.html>

[Jared Zimmerman]

I would say that is a Neutral button, because we have not idea if it would
be the primary action on the page, while it is the start of a workflow
(leaving a talk page message) it isn't necessarily the primary action on
the page.



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

M [phone] \\ @jaredzimmerman <http://loo.ms/g0>


On Mon, Sep 22, 2014 at 6:08 PM, May Tee-Galloway <mgalloway at wikimedia.org>

Post by May Tee-Galloway
We're in the midst of determining which buttons should be blue. Here's a
good place to talk about it and try to determine how we should use it.
Blue is a progressive color. When I'm editing an article, a blue "Next"
button lets me know what to do to move forward in this workflow that I
intentionally started.
If I want to use a blue button that isn't particularly in any workflow,
say.. I'm looking at a page detailing why this user hid my comment, it has
to be an action that moves me forward and completes a certain task from the
current page, which could be a button like "Talk to User."
Determine what the page is about and its intention and then think about
what moves users forward and completes the user's most likely intended
task, or our preferred route (if any) for the user.
Another example.. say I'm at the Wikimedia shop, the cart link would be
blue because it moves me forward and out of the site when I'm done with the
page (which is to make you buy stuff).
In the case of user profile, which is a page that shows you a user's
activity, I wouldn't know what would be appropriate for a blue button. It's
a pretty neutral page to me or I just don't know enough about this page to
say what should be blue.
mm

Post by Jon Robson
In the profile page of mobile [1] we have a button at the bottom of the page.
Is there any reason for it having blue text?
When you take a look at the styleguide it seems like an
mw-ui-progressive or just a simple mw-ui-button [2]
We currently have a bug [3] associated with this button due to its
uniqueness, so I'm keen to work out how to make this button be
consistent with other buttons and opened a standardisation bug [4].
Can someone chip in on the bug report with how it should be styled in
the language of the styleguide and if needed, provide a new icon for
talk that isn't blue?
Thanks!
[1] https://en.m.wikipedia.org/wiki/Special:UserProfile/Jdlrobson
[2] http://tools.wmflabs.org/styleguide/desktop/section-2.html
[3] https://bugzilla.wikimedia.org/70947
[4] https://bugzilla.wikimedia.org/71071
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

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

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.wikimedia.org/pipermail/design/attachments/20140922/807529e4/attachment.html>

[Jon Robson]

A neutral button has dark coloured icon and text. Based on this it seems
acceptable to switch the colour... thanks guys.


On Mon, Sep 22, 2014 at 6:22 PM, Jared Zimmerman <

Post by Jared Zimmerman
I would say that is a Neutral button, because we have not idea if it would
be the primary action on the page, while it is the start of a workflow
(leaving a talk page message) it isn't necessarily the primary action on
the page.
*Jared Zimmerman * \\ Director of User Experience \\ Wikimedia Foundation
On Mon, Sep 22, 2014 at 6:08 PM, May Tee-Galloway <mgalloway at wikimedia.org

Post by May Tee-Galloway
We're in the midst of determining which buttons should be blue. Here's a
good place to talk about it and try to determine how we should use it.
Blue is a progressive color. When I'm editing an article, a blue "Next"
button lets me know what to do to move forward in this workflow that I
intentionally started.
If I want to use a blue button that isn't particularly in any workflow,
say.. I'm looking at a page detailing why this user hid my comment, it has
to be an action that moves me forward and completes a certain task from the
current page, which could be a button like "Talk to User."
Determine what the page is about and its intention and then think about
what moves users forward and completes the user's most likely intended
task, or our preferred route (if any) for the user.
Another example.. say I'm at the Wikimedia shop, the cart link would be
blue because it moves me forward and out of the site when I'm done with the
page (which is to make you buy stuff).
In the case of user profile, which is a page that shows you a user's
activity, I wouldn't know what would be appropriate for a blue button. It's
a pretty neutral page to me or I just don't know enough about this page to
say what should be blue.
mm

Post by Jon Robson
In the profile page of mobile [1] we have a button at the bottom of the page.
Is there any reason for it having blue text?
When you take a look at the styleguide it seems like an
mw-ui-progressive or just a simple mw-ui-button [2]
We currently have a bug [3] associated with this button due to its
uniqueness, so I'm keen to work out how to make this button be
consistent with other buttons and opened a standardisation bug [4].
Can someone chip in on the bug report with how it should be styled in
the language of the styleguide and if needed, provide a new icon for
talk that isn't blue?
Thanks!
[1] https://en.m.wikipedia.org/wiki/Special:UserProfile/Jdlrobson
[2] http://tools.wmflabs.org/styleguide/desktop/section-2.html
[3] https://bugzilla.wikimedia.org/70947
[4] https://bugzilla.wikimedia.org/71071
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

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

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

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.wikimedia.org/pipermail/design/attachments/20140923/9982f389/attachment.html>

[May Tee-Galloway]

Thanks Jon!

Post by Jon Robson
A neutral button has dark coloured icon and text. Based on this it seems
acceptable to switch the colour... thanks guys.
On Mon, Sep 22, 2014 at 6:22 PM, Jared Zimmerman <

Post by Jared Zimmerman
I would say that is a Neutral button, because we have not idea if it
would be the primary action on the page, while it is the start of a
workflow (leaving a talk page message) it isn't necessarily the primary
action on the page.
*Jared Zimmerman * \\ Director of User Experience \\ Wikimedia Foundation
On Mon, Sep 22, 2014 at 6:08 PM, May Tee-Galloway <

Post by May Tee-Galloway
We're in the midst of determining which buttons should be blue. Here's a
good place to talk about it and try to determine how we should use it.
Blue is a progressive color. When I'm editing an article, a blue "Next"
button lets me know what to do to move forward in this workflow that I
intentionally started.
If I want to use a blue button that isn't particularly in any workflow,
say.. I'm looking at a page detailing why this user hid my comment, it has
to be an action that moves me forward and completes a certain task from the
current page, which could be a button like "Talk to User."
Determine what the page is about and its intention and then think about
what moves users forward and completes the user's most likely intended
task, or our preferred route (if any) for the user.
Another example.. say I'm at the Wikimedia shop, the cart link would be
blue because it moves me forward and out of the site when I'm done with the
page (which is to make you buy stuff).
In the case of user profile, which is a page that shows you a user's
activity, I wouldn't know what would be appropriate for a blue button. It's
a pretty neutral page to me or I just don't know enough about this page to
say what should be blue.
mm

Post by Jon Robson
In the profile page of mobile [1] we have a button at the bottom of the page.
Is there any reason for it having blue text?
When you take a look at the styleguide it seems like an
mw-ui-progressive or just a simple mw-ui-button [2]
We currently have a bug [3] associated with this button due to its
uniqueness, so I'm keen to work out how to make this button be
consistent with other buttons and opened a standardisation bug [4].
Can someone chip in on the bug report with how it should be styled in
the language of the styleguide and if needed, provide a new icon for
talk that isn't blue?
Thanks!
[1] https://en.m.wikipedia.org/wiki/Special:UserProfile/Jdlrobson
[2] http://tools.wmflabs.org/styleguide/desktop/section-2.html
[3] https://bugzilla.wikimedia.org/70947
[4] https://bugzilla.wikimedia.org/71071
_______________________________________________
Design mailing list
Design at lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

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

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

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

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.wikimedia.org/pipermail/design/attachments/20140923/099b3d8f/attachment.html>