View source for 2020 website redesign

<div id="header">
<div style="float:right;clear:right">__TOC__</div>

W3C and [https://www.studio24.net/ Studio 24] are working together to redesign the W3C Website. This work is conducted as much as possible '''[[#Working_in_the_Open|in the open]]''' and is managed and coordinated by [https://www.w3.org/People#coralie Coralie Mercier], Head of W3C Marketing & Communications.

A [https://www.w3.org/2019/11/website-redesign-rfp.html#scope subset] is in scope in 2020, the rest of for [[future_phases|the future]].

<span style="color:#ff0000">Holders of a W3C account with Member access, and trusted W3C Wiki Users may edit this wiki and need to log in to do so.<br>
Due to spam increase, early 2015 W3C has had to limit who can edit this wiki.<br>
'''Holders of a non-Member-access [https://www.w3.org/Help/Account/ W3C account] who wish to edit this wiki should [mailto:public-website-redesign@w3.org request permission] by writing to public-website-redesign@w3.org ([https://lists.w3.org/Archives/Public/public-website-redesign/ public archive]).'''</span> 

<hr />
</div>

= Plan = 
== Overview of the project ==
W3C is '''redesigning its Website''' and '''revising the information architecture''' to
* Show the world who we are and what we offer, 
* Improve the organization and usability of the website for key audiences, 
* Communicate the W3C brand more effectively, and 
* Motivate people to participate in the organization.

While the current website is well-designed: 
* It is hard to navigate
* It is outdated in look and inconsistently responsive
* It has too much content that is unsorted
* It lacks a cohesive look

== Calendar ==
* Sep-Oct 2019: research + top-level description of the project, drafting RFP
* Nov-Dec 2019: [https://www.w3.org/2019/11/website-redesign-rfp.html RFP written] and [https://www.w3.org/blog/news/archives/8030 announced], [https://www.w3.org/2019/11/website-redesign-rfp.html#faq FAQ] posted
* Jan-Feb 2020: [https://www.w3.org/blog/news/archives/8326 Project awarded], [https://lists.w3.org/Archives/Public/public-website-redesign/2020Feb/0000.html notification to all bidders]
* Feb-Dec 2020: website redesign in collaboration with [https://www.studio24.net/ Studio 24]
** March-April: Discovery phase
** April-June: Design & production phases
** July: Private beta 
** August-October: Public beta 
** December: New website full launch

== Working in the Open ==
[started: 2020-04-03 / completed: 2020-06-04]

Studio 24 set up a small [https://w3c.studio24.net/ project site], intended both to be informational and to solicit and accept feedback from the broader W3C community. The mini-site aims to include:
* Public reports on progress, around 1-3 times a month
* Surveys to gather feedback from the wider W3C user base
* Project outputs (e.g. documents such as reports, design approach, IA, etc. or project work such as HTML prototypes, designs, beta site, etc.)
* Project documentation is important to retain for the future and can be added into version control (e.g. markdown files)
* Production code to be shared in a public GitHub repo on the W3C account
* Demo videos that show progress or proposals

In addition, there is this wiki and the [https://lists.w3.org/Archives/Public/public-website-redesign/2020Apr/ public mailing list]. [https://www.w3.org/People/#coralie Coralie Mercier] will review and filter as needed.

= Project =

== Discovery == 

Some of the work items have completion dates, but most don't until the end of discovery.

=== Tasks and Teams ===

See [[2020_website_redesign/team|organizational notes]].

=== W3C Systems Infrastructure ===
[started: 2020-03-16]
* Summary of our current tech stack
* Primary backend targets
* Styles and content management
* Other pages and legacy document tree
* Aspects unique to W3C

=== Users ===
[started: 2020-03-19 / completion: 2020-04-17]

==== User stories ====
[started: 2020-03-19 / completion: 2020-04-17]

See [[2020_website_redesign/users|User Stories]].

<span style="color:#ff0000">'''&rarr; Coralie [https://3.basecamp.com/3091560/buckets/15695452/documents/2503409022 submitted the stories] (non-public link) to Studio 24 COB 2020-04-17'''<span>

=== Content Grouping & Sitemap ===

[started: 2020-04-06 / completion: 2020-04-14]

* [https://whimsical.com/FLyhowvgfFwmRui3NMEgQV Content groups into content types]
* [https://whimsical.com/8U9WP1pibtEUtHVNHfB7gT W3C Sitemap (WIP)]

<span style="color:#ff0000">'''&rarr; 2020-04-14: Coralie's feedback in [https://3.basecamp.com/3091560/buckets/15695452/documents/2503412841#__recording_2584268328 Basecamp] (non-public link)'''</span>

=== W3C brand and visual identity ===

[started: 2020-04-06 / completion: 2020-04-14] 

50 people took our 4-question survey between April 8 and April 13, 2020.<br>
 
{| class="wikitable sortable"
|-
! Role at W3C !! Response rate !! Responses
|-
| Work Group participant || 16.33% || 8
|-
| Advisory Committee representative || 10.20% || 5
|-
| W3C staff || 6.12% || 3
|-
| Community contributor || 10.20% || 5
|-
| Author/developer using W3C technologies || 57.14% || 28
|-
|Total || || 49
|}

<span style="color:#ff0000">'''&rarr; 2020-04-14: Responses aggregated into our [[2020_website_redesign/identity|response to Studio 24]] and submitted to Studio 24'''</span>


=== Public user survey  ===
[started: 2020-04-30 / completion: 2020-05-20]

Following on from the [[#User_stories|user stories]] collected in March and April 2020, Studio 24 ran a [https://www.surveygizmo.eu/s3/90233669/e1db79ea011a survey] to test if we had the right information, by gathering feedback from the wide range of different types of users on why they visit the W3C site. 

The aim was to identify specific user tasks and look at ways we can help them achieve their goals - from designing content, defining functionality, and deliverables. This helps them measure the success of the project.

The responses will be reviewed against the existing user groups and stories, to determine if we have missed any groups and if we have the right needs for each group.

=== Interviews ===
See [[2020_website_redesign/interviews|Interviews]].

=== general feedback or requests ===

* [https://twitter.com/gumnos/status/1250111369174794241 Tim Chase]: "I would love to have more internal IDs allowing me to use fragment IDs in URLs to target documentation more precisely. (I'm not beyond "view selection source" to extract IDs)"

==== Feedback on "profile" Group pages ====

* IRC. It would be great to have a clear pointer to groups IRC channels and norms of participation (use just for q+ or also side discussion)

==== Feedback on the current /TR page ====

* The [https://www.w3.org/TR/ current design] was released in 2018 to fix a few issues but we got several complaints (e.g. https://twitter.com/dret/status/976357077047218181) and new design ideas that came a bit too late (see [https://www.w3.org/2020/04/BertTRdesign.html Bert's proposal]).

* Also, the page could benefit from lazy loading given the number of specs we have.

* Within a given spec on the site, I can only navigate that spec. I have to loop back to get anywhere else. I think a search on all spec pages would be a huge help!

==== Past Research ====
In 2018, Jefferson University [https://medium.com/jefferson-w3c-collaboration/from-jefferson-to-the-w3c-a-recommendation-538d12f917b conducted user research] to inform a future spec template redesign. [https://www.dropbox.com/sh/v8474v5s0bpkvso/AAC0c-2k5bMyjY0UNZ00Pbfga Their work might be useful] even though the layout of specifications is out of scope for [https://www.w3.org/2019/11/website-redesign-rfp.html#scope phase 1].

See also [https://www.w3.org/wiki/Future_phases#specifications_template Specs template] in the "future phase" wiki page.

== Information Architecture (IA) and Planning Phase  ==

Timeframe: April to July 2020

Work includes:

* IA and content research
* Design planning
* Initial UI design work
* Tech review and approach, shortlist CMS options

Milestones:

* Project approach agreed 
* IA report delivered
* IA signed off by W3C
* Content in scope agreed by Studio 24 and W3C 
* Decide on CSS Framework
* Decide on CMS platform

=== User surveys regarding finding content ===
<span style="color:#ff0000">[started: 2020-06-23 - completion: 2020-06-29]</span>

We are looking for volunteers among those who use the current W3C website, to take a couple of short surveys:

Survey 1:

We're looking at how users find content associated with standards, specifications and technical reports on the w3.org website (e.g. HTML5, Web Content Accessibility Guidelines, requirements for presenting text in the Tamil script on the web). We want to review how users currently do this to help improve the new W3C website.

  How users find content associated with standards, specifications and technical reports on the w3.org website:
  https://www.surveygizmo.eu/s3/90248823/w-standards

Survey 2:

We're looking at how users find content associated with groups on the w3.org website (e.g. working group, community group, interest group). We want to review how users currently do this to help improve the new W3C website.

  How users find content associated with groups on the w3.org website:
  https://www.surveygizmo.eu/s3/90248825/w-groups

The surveys are open until Monday, June 29, 2020. You may take either or both!
Thanks in advance for taking it!

== Design / UX ==
== Production ==
== Alpha launch ==
== Beta launch ==
== Live launch ==