[Wikimedia-l] An updated design for the Wikimedia Foundation website

classic Classic list List threaded Threaded
8 messages Options
Reply | Threaded
Open this post in threaded view
|

[Wikimedia-l] An updated design for the Wikimedia Foundation website

Gregory Varnum-4
Hello!

Today, we are  thrilled to share an updated visual design style on the
Wikimedia Foundation website (wikimediafoundation.org)!

This updated design was developed by the Wikimedia Foundation’s Product
design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
hundreds of conversations paired with user testing with people in the
target audiences for the website. We are incredibly appreciative of the
great care that team has taken in making strategic, data-led design
decisions and really helping us amplify the website's ability to convey our
story to people generally unfamiliar with Wikimedia.

We have also expanded on the information about the website on its Meta-Wiki
page,[1] and updated the public mirror of the code base to reflect the
technical changes made to the site for this updated design.[2]

Thank you to the now hundreds of people that have been involved in helping
us build a website for the Foundation which we can be proud of!
-greg & the Wikimedia Foundation Communication team

= A bit more about the site =

== How is the site doing? ==

Since the site's soft launch in July 2018, traffic has continued to
increase. There has also been a significant increase in donations collected
via this website. Two key audiences, potential staff and partners, have
shared positive feedback on the site’s content and organization, enabling
them to find jobs and contact key teams respectively. Additionally, user
testing has shown a positive response to the content and overall
architecture of the site.

== What brought us here ==

The Wikimedia Foundation Communications department has been collecting
feedback on the Foundation's website since late 2016 and beginning in
early 2017 has been working on addressing the backlog of issues related to
the website. The original Foundation site, launched in 2004, did not have a
clear audience, and as a result was not effectively serving any of the
hundreds of uses people saw for it. Maintaining the site's content beyond
English had become a growing problem - leaving visitors with different
information, depending on which language they were using, on basic details
like our address and executive staff. Additionally, the site had over
17,000 pages - a vast majority of which were either out of date or no
longer in use.

In 2017-18, the Communications department ran a "Discovery" process to help
inform our decision making. This process included reviews of methods used
by other organizations, assessment of our current communication channels,
collecting feedback at Wikimania, and interviews with dozens of volunteers,
donors, contractors, and staff. The resulting report[3] and recommendations
helped identify the objectives and audiences of the website,[1] and were
utilized throughout the initial design and development of the new website.

Shortly after the soft launch, the department began working with the
Product department's design team to perform user testing, process feedback
collected in the weeks following the soft launch, and collect additional
feedback to help us make informed decisions. They helped us collect and
process feedback from hundreds of individuals within and outside of the
movement.

Based on feedback, they conducted user testing and developed the updated
design we deployed this morning. We will continue to use a data and
feedback informed decision making in managing the site. Given the external
audience nature of the site, it has consistently proven important to take
the time to collect feedback and data from a wide variety of sources -
including volunteers, press, donors, partner organizations, and readers of
the projects.

== What comes next ==

More languages! The Communications department will continue to work on
content development and expanding translations to additional languages. If
you are interested in our plans for translations, please check out the
information shared recently about the Organization communications
translators group.[5]

== Providing feedback ==

The Communications department will continue to monitor the talk page for
the Foundation's website on Meta-Wiki.[6] Additionally, I will be attending
Wikimania in Stockholm and available to chat with folks.[7]

[1] https://meta.wikimedia.org/wiki/Wikimedia_Foundation_website
[2] https://github.com/wikimedia/wikimediafoundation-org
[3]
https://upload.wikimedia.org/wikipedia/foundation/1/1b/Wikimedia_Foundation_website_-_2017-2018_update_-_Discovery_brief.pdf
[5]
https://meta.wikimedia.org/wiki/Communications/Organization_communications_translators_group
[6] https://meta.wikimedia.org/wiki/Talk:Wikimedia_Foundation_website
[7] https://meta.wikimedia.org/wiki/Communications/Wikimania_2019

--

Gregory Varnum (pronouns - he/his/him)

Communications Strategist

Wikimedia Foundation <https://wikimediafoundation.org/>
_______________________________________________
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
New messages to: [hidden email]
Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>
Reply | Threaded
Open this post in threaded view
|

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

Kalliope Tsouroupidou
Hey Greg,

Sending privately to say that I think the site looks fantastic! Huge
improvement from the previous version. And I love that moving graphic image
on the landing page.

My only one suggestion would be that that bright canary yellow banner is
softened up. I'm a big fan of colours, don't get me wrong, but I wonder if
this might be a little too bright? I very much like the soft red/pink
banner used on the Support Wikipedia page (which is the only deviation from
the bright yellow seen on all other pages) and wonder whether it might look
nice for each page to be colour coordinated with a different colour. So, a
pale blue for Research, pale green for Advocacy, and so on so forth.

All in all, this looks great. Again I love that graphic!!! Very fresh and
very creative!

Warm regards,

K.

On Wed, Jul 10, 2019 at 4:32 AM Gregory Varnum <[hidden email]>
wrote:

> Hello!
>
> Today, we are  thrilled to share an updated visual design style on the
> Wikimedia Foundation website (wikimediafoundation.org)!
>
> This updated design was developed by the Wikimedia Foundation’s Product
> design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
> hundreds of conversations paired with user testing with people in the
> target audiences for the website. We are incredibly appreciative of the
> great care that team has taken in making strategic, data-led design
> decisions and really helping us amplify the website's ability to convey our
> story to people generally unfamiliar with Wikimedia.
>
> We have also expanded on the information about the website on its Meta-Wiki
> page,[1] and updated the public mirror of the code base to reflect the
> technical changes made to the site for this updated design.[2]
>
> Thank you to the now hundreds of people that have been involved in helping
> us build a website for the Foundation which we can be proud of!
> -greg & the Wikimedia Foundation Communication team
>
> = A bit more about the site =
>
> == How is the site doing? ==
>
> Since the site's soft launch in July 2018, traffic has continued to
> increase. There has also been a significant increase in donations collected
> via this website. Two key audiences, potential staff and partners, have
> shared positive feedback on the site’s content and organization, enabling
> them to find jobs and contact key teams respectively. Additionally, user
> testing has shown a positive response to the content and overall
> architecture of the site.
>
> == What brought us here ==
>
> The Wikimedia Foundation Communications department has been collecting
> feedback on the Foundation's website since late 2016 and beginning in
> early 2017 has been working on addressing the backlog of issues related to
> the website. The original Foundation site, launched in 2004, did not have a
> clear audience, and as a result was not effectively serving any of the
> hundreds of uses people saw for it. Maintaining the site's content beyond
> English had become a growing problem - leaving visitors with different
> information, depending on which language they were using, on basic details
> like our address and executive staff. Additionally, the site had over
> 17,000 pages - a vast majority of which were either out of date or no
> longer in use.
>
> In 2017-18, the Communications department ran a "Discovery" process to help
> inform our decision making. This process included reviews of methods used
> by other organizations, assessment of our current communication channels,
> collecting feedback at Wikimania, and interviews with dozens of volunteers,
> donors, contractors, and staff. The resulting report[3] and recommendations
> helped identify the objectives and audiences of the website,[1] and were
> utilized throughout the initial design and development of the new website.
>
> Shortly after the soft launch, the department began working with the
> Product department's design team to perform user testing, process feedback
> collected in the weeks following the soft launch, and collect additional
> feedback to help us make informed decisions. They helped us collect and
> process feedback from hundreds of individuals within and outside of the
> movement.
>
> Based on feedback, they conducted user testing and developed the updated
> design we deployed this morning. We will continue to use a data and
> feedback informed decision making in managing the site. Given the external
> audience nature of the site, it has consistently proven important to take
> the time to collect feedback and data from a wide variety of sources -
> including volunteers, press, donors, partner organizations, and readers of
> the projects.
>
> == What comes next ==
>
> More languages! The Communications department will continue to work on
> content development and expanding translations to additional languages. If
> you are interested in our plans for translations, please check out the
> information shared recently about the Organization communications
> translators group.[5]
>
> == Providing feedback ==
>
> The Communications department will continue to monitor the talk page for
> the Foundation's website on Meta-Wiki.[6] Additionally, I will be attending
> Wikimania in Stockholm and available to chat with folks.[7]
>
> [1] https://meta.wikimedia.org/wiki/Wikimedia_Foundation_website
> [2] https://github.com/wikimedia/wikimediafoundation-org
> [3]
>
> https://upload.wikimedia.org/wikipedia/foundation/1/1b/Wikimedia_Foundation_website_-_2017-2018_update_-_Discovery_brief.pdf
> [5]
>
> https://meta.wikimedia.org/wiki/Communications/Organization_communications_translators_group
> [6] https://meta.wikimedia.org/wiki/Talk:Wikimedia_Foundation_website
> [7] https://meta.wikimedia.org/wiki/Communications/Wikimania_2019
>
> --
>
> Gregory Varnum (pronouns - he/his/him)
>
> Communications Strategist
>
> Wikimedia Foundation <https://wikimediafoundation.org/>
> _______________________________________________
> Wikimedia-l mailing list, guidelines at:
> https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and
> https://meta.wikimedia.org/wiki/Wikimedia-l
> New messages to: [hidden email]
> Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l,
> <mailto:[hidden email]?subject=unsubscribe>



--
Kalliope Tsouroupidou
Senior Trust & Safety Specialist
Wikimedia Foundation
_______________________________________________
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
New messages to: [hidden email]
Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>
Reply | Threaded
Open this post in threaded view
|

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

Strainu
În mie., 10 iul. 2019 la 09:21, Kalliope Tsouroupidou
<[hidden email]> a scris:
>
> Hey Greg,
>
> Sending privately [snip]

Nope :)

> Warm regards,
>
> K.
>
> On Wed, Jul 10, 2019 at 4:32 AM Gregory Varnum <[hidden email]>
> wrote:
>
> > Hello!
> >
> > Today, we are  thrilled to share an updated visual design style on the
> > Wikimedia Foundation website (wikimediafoundation.org)!

I can't possibly express the relief I feel for not having to live with
the horrifying color choices of the previous version. Welcome back to
the 21st century WMF!

Strainu

> >
> > This updated design was developed by the Wikimedia Foundation’s Product
> > design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
> > hundreds of conversations paired with user testing with people in the
> > target audiences for the website. We are incredibly appreciative of the
> > great care that team has taken in making strategic, data-led design
> > decisions and really helping us amplify the website's ability to convey our
> > story to people generally unfamiliar with Wikimedia.
> >
> > We have also expanded on the information about the website on its Meta-Wiki
> > page,[1] and updated the public mirror of the code base to reflect the
> > technical changes made to the site for this updated design.[2]
> >
> > Thank you to the now hundreds of people that have been involved in helping
> > us build a website for the Foundation which we can be proud of!
> > -greg & the Wikimedia Foundation Communication team
> >
> > = A bit more about the site =
> >
> > == How is the site doing? ==
> >
> > Since the site's soft launch in July 2018, traffic has continued to
> > increase. There has also been a significant increase in donations collected
> > via this website. Two key audiences, potential staff and partners, have
> > shared positive feedback on the site’s content and organization, enabling
> > them to find jobs and contact key teams respectively. Additionally, user
> > testing has shown a positive response to the content and overall
> > architecture of the site.
> >
> > == What brought us here ==
> >
> > The Wikimedia Foundation Communications department has been collecting
> > feedback on the Foundation's website since late 2016 and beginning in
> > early 2017 has been working on addressing the backlog of issues related to
> > the website. The original Foundation site, launched in 2004, did not have a
> > clear audience, and as a result was not effectively serving any of the
> > hundreds of uses people saw for it. Maintaining the site's content beyond
> > English had become a growing problem - leaving visitors with different
> > information, depending on which language they were using, on basic details
> > like our address and executive staff. Additionally, the site had over
> > 17,000 pages - a vast majority of which were either out of date or no
> > longer in use.
> >
> > In 2017-18, the Communications department ran a "Discovery" process to help
> > inform our decision making. This process included reviews of methods used
> > by other organizations, assessment of our current communication channels,
> > collecting feedback at Wikimania, and interviews with dozens of volunteers,
> > donors, contractors, and staff. The resulting report[3] and recommendations
> > helped identify the objectives and audiences of the website,[1] and were
> > utilized throughout the initial design and development of the new website.
> >
> > Shortly after the soft launch, the department began working with the
> > Product department's design team to perform user testing, process feedback
> > collected in the weeks following the soft launch, and collect additional
> > feedback to help us make informed decisions. They helped us collect and
> > process feedback from hundreds of individuals within and outside of the
> > movement.
> >
> > Based on feedback, they conducted user testing and developed the updated
> > design we deployed this morning. We will continue to use a data and
> > feedback informed decision making in managing the site. Given the external
> > audience nature of the site, it has consistently proven important to take
> > the time to collect feedback and data from a wide variety of sources -
> > including volunteers, press, donors, partner organizations, and readers of
> > the projects.
> >
> > == What comes next ==
> >
> > More languages! The Communications department will continue to work on
> > content development and expanding translations to additional languages. If
> > you are interested in our plans for translations, please check out the
> > information shared recently about the Organization communications
> > translators group.[5]
> >
> > == Providing feedback ==
> >
> > The Communications department will continue to monitor the talk page for
> > the Foundation's website on Meta-Wiki.[6] Additionally, I will be attending
> > Wikimania in Stockholm and available to chat with folks.[7]
> >
> > [1] https://meta.wikimedia.org/wiki/Wikimedia_Foundation_website
> > [2] https://github.com/wikimedia/wikimediafoundation-org
> > [3]
> >
> > https://upload.wikimedia.org/wikipedia/foundation/1/1b/Wikimedia_Foundation_website_-_2017-2018_update_-_Discovery_brief.pdf
> > [5]
> >
> > https://meta.wikimedia.org/wiki/Communications/Organization_communications_translators_group
> > [6] https://meta.wikimedia.org/wiki/Talk:Wikimedia_Foundation_website
> > [7] https://meta.wikimedia.org/wiki/Communications/Wikimania_2019
> >
> > --
> >
> > Gregory Varnum (pronouns - he/his/him)
> >
> > Communications Strategist
> >
> > Wikimedia Foundation <https://wikimediafoundation.org/>
> > _______________________________________________
> > Wikimedia-l mailing list, guidelines at:
> > https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and
> > https://meta.wikimedia.org/wiki/Wikimedia-l
> > New messages to: [hidden email]
> > Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l,
> > <mailto:[hidden email]?subject=unsubscribe>
>
>
>
> --
> Kalliope Tsouroupidou
> Senior Trust & Safety Specialist
> Wikimedia Foundation
> _______________________________________________
> Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
> New messages to: [hidden email]
> Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>

_______________________________________________
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
New messages to: [hidden email]
Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>
Reply | Threaded
Open this post in threaded view
|

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

Andy Mabbett-2
In reply to this post by Gregory Varnum-4
On Wed, 10 Jul 2019 at 02:31, Gregory Varnum <[hidden email]> wrote:

> Today, we are  thrilled to share an updated visual design style on the
> Wikimedia Foundation website (wikimediafoundation.org)!

Thank you. This is a vast improvement on the previous design.

However, I'm troubled that there is a scrolling background image, and
I cannot find a way to stop it moving. This is in breach of this WCAG
2 web accessibility guideline:

   https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html

and, if that guideline is breached right on the home page, then I am
concerned that insufficnt thought has been given to accessibility in
general.

What kind of accessibility audit was undertaken on the new design?

--
Andy Mabbett
@pigsonthewing
http://pigsonthewing.org.uk

_______________________________________________
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
New messages to: [hidden email]
Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>
Reply | Threaded
Open this post in threaded view
|

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

metasj
In reply to this post by Gregory Varnum-4
Hello Greg + all! Gorgeous, text- & image-rich, substantive, structural,
inspiring, multilingual. 11/10.    German? -SJ

On Tue, Jul 9, 2019 at 9:32 PM Gregory Varnum <[hidden email]> wrote:

> Hello!
>
> Today, we are  thrilled to share an updated visual design style on the
> Wikimedia Foundation website (wikimediafoundation.org)!
>
> This updated design was developed by the Wikimedia Foundation’s Product
> design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
> hundreds of conversations paired with user testing with people in the
> target audiences for the website. We are incredibly appreciative of the
> great care that team has taken in making strategic, data-led design
> decisions and really helping us amplify the website's ability to convey our
> story to people generally unfamiliar with Wikimedia.
>
> We have also expanded on the information about the website on its Meta-Wiki
> page,[1] and updated the public mirror of the code base to reflect the
> technical changes made to the site for this updated design.[2]
>
> Thank you to the now hundreds of people that have been involved in helping
> us build a website for the Foundation which we can be proud of!
> -greg & the Wikimedia Foundation Communication team
>
> = A bit more about the site =
>
> == How is the site doing? ==
>
> Since the site's soft launch in July 2018, traffic has continued to
> increase. There has also been a significant increase in donations collected
> via this website. Two key audiences, potential staff and partners, have
> shared positive feedback on the site’s content and organization, enabling
> them to find jobs and contact key teams respectively. Additionally, user
> testing has shown a positive response to the content and overall
> architecture of the site.
>
> == What brought us here ==
>
> The Wikimedia Foundation Communications department has been collecting
> feedback on the Foundation's website since late 2016 and beginning in
> early 2017 has been working on addressing the backlog of issues related to
> the website. The original Foundation site, launched in 2004, did not have a
> clear audience, and as a result was not effectively serving any of the
> hundreds of uses people saw for it. Maintaining the site's content beyond
> English had become a growing problem - leaving visitors with different
> information, depending on which language they were using, on basic details
> like our address and executive staff. Additionally, the site had over
> 17,000 pages - a vast majority of which were either out of date or no
> longer in use.
>
> In 2017-18, the Communications department ran a "Discovery" process to help
> inform our decision making. This process included reviews of methods used
> by other organizations, assessment of our current communication channels,
> collecting feedback at Wikimania, and interviews with dozens of volunteers,
> donors, contractors, and staff. The resulting report[3] and recommendations
> helped identify the objectives and audiences of the website,[1] and were
> utilized throughout the initial design and development of the new website.
>
> Shortly after the soft launch, the department began working with the
> Product department's design team to perform user testing, process feedback
> collected in the weeks following the soft launch, and collect additional
> feedback to help us make informed decisions. They helped us collect and
> process feedback from hundreds of individuals within and outside of the
> movement.
>
> Based on feedback, they conducted user testing and developed the updated
> design we deployed this morning. We will continue to use a data and
> feedback informed decision making in managing the site. Given the external
> audience nature of the site, it has consistently proven important to take
> the time to collect feedback and data from a wide variety of sources -
> including volunteers, press, donors, partner organizations, and readers of
> the projects.
>
> == What comes next ==
>
> More languages! The Communications department will continue to work on
> content development and expanding translations to additional languages. If
> you are interested in our plans for translations, please check out the
> information shared recently about the Organization communications
> translators group.[5]
>
> == Providing feedback ==
>
> The Communications department will continue to monitor the talk page for
> the Foundation's website on Meta-Wiki.[6] Additionally, I will be attending
> Wikimania in Stockholm and available to chat with folks.[7]
>
> [1] https://meta.wikimedia.org/wiki/Wikimedia_Foundation_website
> [2] https://github.com/wikimedia/wikimediafoundation-org
> [3]
>
> https://upload.wikimedia.org/wikipedia/foundation/1/1b/Wikimedia_Foundation_website_-_2017-2018_update_-_Discovery_brief.pdf
> [5]
>
> https://meta.wikimedia.org/wiki/Communications/Organization_communications_translators_group
> [6] https://meta.wikimedia.org/wiki/Talk:Wikimedia_Foundation_website
> [7] https://meta.wikimedia.org/wiki/Communications/Wikimania_2019
>
> --
>
> Gregory Varnum (pronouns - he/his/him)
>
> Communications Strategist
>
> Wikimedia Foundation <https://wikimediafoundation.org/>
> _______________________________________________
> Wikimedia-l mailing list, guidelines at:
> https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and
> https://meta.wikimedia.org/wiki/Wikimedia-l
> New messages to: [hidden email]
> Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l,
> <mailto:[hidden email]?subject=unsubscribe>



--
Samuel Klein          @metasj           w:user:sj          +1 617 529 4266
_______________________________________________
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
New messages to: [hidden email]
Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>
Reply | Threaded
Open this post in threaded view
|

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

Thomas Townsend
In reply to this post by Andy Mabbett-2
Andy

> What kind of accessibility audit was undertaken on the new design?

You might like to look at Phabricator ticket T6845 concerning an
accessibility issue dating back to 2006 which remains unresolved.

The Turnip

_______________________________________________
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
New messages to: [hidden email]
Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>
Reply | Threaded
Open this post in threaded view
|

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

Paulo Santos Perneta
In reply to this post by Gregory Varnum-4
Hey Greg,

Looks way nicer than the previous version. The thing always moving may be a
little bit annoying after some time, maybe it could have a stop button, and
it would be nice if we could slide it on our will. But the drawing is very
cool.

+1 to change the bright canary yellow box to a more discrete colour (like a
pale yellow, maybe).

Best,
Paulo



Gregory Varnum <[hidden email]> escreveu no dia quarta, 10/07/2019
à(s) 02:32:

> Hello!
>
> Today, we are  thrilled to share an updated visual design style on the
> Wikimedia Foundation website (wikimediafoundation.org)!
>
> This updated design was developed by the Wikimedia Foundation’s Product
> design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
> hundreds of conversations paired with user testing with people in the
> target audiences for the website. We are incredibly appreciative of the
> great care that team has taken in making strategic, data-led design
> decisions and really helping us amplify the website's ability to convey our
> story to people generally unfamiliar with Wikimedia.
>
> We have also expanded on the information about the website on its Meta-Wiki
> page,[1] and updated the public mirror of the code base to reflect the
> technical changes made to the site for this updated design.[2]
>
> Thank you to the now hundreds of people that have been involved in helping
> us build a website for the Foundation which we can be proud of!
> -greg & the Wikimedia Foundation Communication team
>
> = A bit more about the site =
>
> == How is the site doing? ==
>
> Since the site's soft launch in July 2018, traffic has continued to
> increase. There has also been a significant increase in donations collected
> via this website. Two key audiences, potential staff and partners, have
> shared positive feedback on the site’s content and organization, enabling
> them to find jobs and contact key teams respectively. Additionally, user
> testing has shown a positive response to the content and overall
> architecture of the site.
>
> == What brought us here ==
>
> The Wikimedia Foundation Communications department has been collecting
> feedback on the Foundation's website since late 2016 and beginning in
> early 2017 has been working on addressing the backlog of issues related to
> the website. The original Foundation site, launched in 2004, did not have a
> clear audience, and as a result was not effectively serving any of the
> hundreds of uses people saw for it. Maintaining the site's content beyond
> English had become a growing problem - leaving visitors with different
> information, depending on which language they were using, on basic details
> like our address and executive staff. Additionally, the site had over
> 17,000 pages - a vast majority of which were either out of date or no
> longer in use.
>
> In 2017-18, the Communications department ran a "Discovery" process to help
> inform our decision making. This process included reviews of methods used
> by other organizations, assessment of our current communication channels,
> collecting feedback at Wikimania, and interviews with dozens of volunteers,
> donors, contractors, and staff. The resulting report[3] and recommendations
> helped identify the objectives and audiences of the website,[1] and were
> utilized throughout the initial design and development of the new website.
>
> Shortly after the soft launch, the department began working with the
> Product department's design team to perform user testing, process feedback
> collected in the weeks following the soft launch, and collect additional
> feedback to help us make informed decisions. They helped us collect and
> process feedback from hundreds of individuals within and outside of the
> movement.
>
> Based on feedback, they conducted user testing and developed the updated
> design we deployed this morning. We will continue to use a data and
> feedback informed decision making in managing the site. Given the external
> audience nature of the site, it has consistently proven important to take
> the time to collect feedback and data from a wide variety of sources -
> including volunteers, press, donors, partner organizations, and readers of
> the projects.
>
> == What comes next ==
>
> More languages! The Communications department will continue to work on
> content development and expanding translations to additional languages. If
> you are interested in our plans for translations, please check out the
> information shared recently about the Organization communications
> translators group.[5]
>
> == Providing feedback ==
>
> The Communications department will continue to monitor the talk page for
> the Foundation's website on Meta-Wiki.[6] Additionally, I will be attending
> Wikimania in Stockholm and available to chat with folks.[7]
>
> [1] https://meta.wikimedia.org/wiki/Wikimedia_Foundation_website
> [2] https://github.com/wikimedia/wikimediafoundation-org
> [3]
>
> https://upload.wikimedia.org/wikipedia/foundation/1/1b/Wikimedia_Foundation_website_-_2017-2018_update_-_Discovery_brief.pdf
> [5]
>
> https://meta.wikimedia.org/wiki/Communications/Organization_communications_translators_group
> [6] https://meta.wikimedia.org/wiki/Talk:Wikimedia_Foundation_website
> [7] https://meta.wikimedia.org/wiki/Communications/Wikimania_2019
>
> --
>
> Gregory Varnum (pronouns - he/his/him)
>
> Communications Strategist
>
> Wikimedia Foundation <https://wikimediafoundation.org/>
> _______________________________________________
> Wikimedia-l mailing list, guidelines at:
> https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and
> https://meta.wikimedia.org/wiki/Wikimedia-l
> New messages to: [hidden email]
> Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l,
> <mailto:[hidden email]?subject=unsubscribe>
_______________________________________________
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
New messages to: [hidden email]
Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>
Reply | Threaded
Open this post in threaded view
|

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

Gregory Varnum-4
In reply to this post by Andy Mabbett-2
Hello Andy,

Thank you for raising this concern! We take accessibility very seriously and have worked specifically to improve accessibility with this designversion of website to the past version.

We performed two audits to compare and improve accessibility:


1. Google Lighthouse

https://developers.google.com/web/tools/lighthouse/

a. Lighthouse checks if all ui components have aria-* attributes and all interactive elements have correct labelling for Screenreaders.
b. Lighthouse also checks color contrast ratios for all elements on website and flags the ones that do not pass WCAG guidelines
c. It also checks for proper navigation methods throughout ordered and unordered lists

The new website scored 94/100 on Lighthouse Audit. It passed 18 tests and failed 2.

There are 3 more fixes we need to do which we are planning to submit to bring that score to 100/100. Those involve modification to 3rd party extensions that are used on WordPress and thus taking a bit of time to get around.


2. aXe

https://www.deque.com/axe/

aXe is a testing tool to perform similar audit but can catch some other kinds of accessibility issues like page landmarks.

The previous design had 146 accessibility issues with aXe audit and we brought that number down to 43 issues, most of which are WCAG contrast issues which are contextual because of line colors or ornamentation that is not essential to websites function. However, we are working to improve things to bring it down to 0. There are some known easy fixes for this too which we are working to deploy.


3. The new Firefox version released this week also has some interesting accessibility tests

We plan to run those as well, it was just released on July 9th.


That was just the audits we performed, but you bring up a good point about autoscrolling element. We should definitely include the mechanism to pause/play the sliding mural so we pass that test. We will take this into our workboard and work towards fixing this.

Accessibility for us is a never ending effort and we always find ways to improve it wherever possible. We will keep track of these issues and fix them on priority.

- greg and Design team



> On Jul 10, 2019, at 1:59 AM, Andy Mabbett <[hidden email]> wrote:
>
> On Wed, 10 Jul 2019 at 02:31, Gregory Varnum <[hidden email]> wrote:
>
>> Today, we are  thrilled to share an updated visual design style on the
>> Wikimedia Foundation website (wikimediafoundation.org)!
>
> Thank you. This is a vast improvement on the previous design.
>
> However, I'm troubled that there is a scrolling background image, and
> I cannot find a way to stop it moving. This is in breach of this WCAG
> 2 web accessibility guideline:
>
>   https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html
>
> and, if that guideline is breached right on the home page, then I am
> concerned that insufficnt thought has been given to accessibility in
> general.
>
> What kind of accessibility audit was undertaken on the new design?
>
> --
> Andy Mabbett
> @pigsonthewing
> http://pigsonthewing.org.uk
>
> _______________________________________________
> Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
> New messages to: [hidden email]
> Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>


_______________________________________________
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l
New messages to: [hidden email]
Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, <mailto:[hidden email]?subject=unsubscribe>