Wiki Modernization Overview
Reducing the Number of Ads
  • We released a new ad layout that has fewer ads on the site.
  • This new layout reduces the number of ad units on FANDOM by 30%.
  • This improves the design and speed of wiki pages.
  • The ad layout we chose was released after extensive testing across the site.
  • Featured Video and site design changes enabled us to reduce the number of ads.
Featured Videos
  • Featured Videos are about the subject of the page, on-topic, and relevant.
  • Featured Videos are placed near the top of article pages (examples: Alec Ryder, Newt Scamander).
  • Featured Videos also appear on mobile web.
  • Ads in front of Featured Videos helped us to reduce the number of ads on the site.
  • Videos autoplay (with the sound muted) and minimize when you scroll. You can disable autoplay in the video player’s settings for 2 weeks.
Page + Article Header Redesign
  • We tested a redesigned page and article headers on several communities.
  • The logged in and logged out versions have slight differences because these two groups of users have different needs.
  • The final product was released on June 13th to all FANDOM wikis. It was released to Discussions on July 27th.
Other Design Changes
  • We released modernized versions of key right rail modules. More modules will be modernized soon.
  • The Fan Feed, located at the bottom of the page, was updated to include wiki pages, community discussions, editorial content, Featured Videos, and wiki spotlights.
Questions or feedback? Contact us!

In March we tested a brand new design for the page and article headers, the area of wiki pages that includes wiki navigation and important article actions like the Edit button. The test involved targeting users with the new and old designs to see how each one impacted traffic and how visitors use the site. Before the test started, we hadn't updated the header area since 2011. It looked out of date, lacked a modern feel, and left a lot to be desired.

We're happy to say that the test was a huge success and we're releasing the new headers on all FANDOM wikis during the week of June 12th!

How did the tests perform?

Community feedback was very positive, and so was the data we collected. The community response was so positive that we kept the test headers up even after we had enough data to make a decision. Many of you even asked to join the tests over the last several weeks, which was great to see.

On our 30 test wikis we saw an increase in page views per session (average number of pages read by users in a visit to the site), a decrease in bounce rate (percent of users who land on the site and leave after seeing only one page), and an increase in session length (average time spent by users on a visit to the site) when compared to the existing page header. That means readers much preferred the new, modern design, which was evident in both their words and in the actions they took on the site. Additionally, we know that advertisers place much more value on ads on premium sites, which gives us the opportunity to have fewer and higher quality ads across the site. The better looking a site is, the more likely visitors are to spend time on it and the more likely advertisers are to work with us on a better ad experience.

Are there any new changes? The test header was very successful, but we did decide to make a few changes based on your feedback and user engagement data. Here is a mockup of the final version:

Mass Effect Page Header Logged In

This is the logged-in version of the page header. The Mass Effect Wiki wordmark does not take up the full 250px space, so the leftover space is taken up by shifting the other header elements to the left.

So what's different in this version compared to the test version?

  • More Logged-In Functionality. For logged in users, the page header will include a shortcut to the Admin Dashboard next to the Wiki Activity button. We will offer more customization of this area by logged-in users in the future.
  • Customization. The Theme Designer will be updated so admins can upload a header image and have greater control of the header colors. Outside of the Theme Designer, we've decided that, in order to maintain a consistently modern look across FANDOM, we won't be allowing most forms of CSS/JS customization of the header. You can read more about this decision here. If you have ideas for additional Theme Designer options, let us know!
  • Categories. We're continuing to study how categories perform as navigational tools in the article header, in addition to remaining at the bottom of the page. However, Main Pages will no longer display categories.
  • The "Discuss" Button. If a wiki has Discussions enabled but not Forum, "Discuss" will lead to Discussions. If Discussions and Forum are both enabled, "Discuss" will lead to Discussions while Forum will appear in the "Explore" menu. If Forum is enabled but not Discussions, "Discuss" leads to the Forum. If neither feature is enabled, "Discuss" will not appear.

Bugs that appeared in the test version have also been fixed. These include the missing redirect links in the article header and "Back to page" not appearing in history pages.

What are the next steps?

When the headers are enabled, there will still be a couple more things we will be finishing to bring them to the entire FANDOM experience.

  • Mobile. We're building a version of the headers for mobile devices, which will enhance navigation for mobile users and bring more visual consistency between the mobile and desktop views.
  • Discussions. Our Wiki Modernization team is working with our Discussions developers to bring the page header to Discussions, creating more consistency between the wiki and Discussions experience.

We're thrilled that the community response to the headers has been so positive, and we share your excitement to see it released on the entire site. Let us know if you have any questions or additional feedback in the comments, and we'll be happy to answer them!

Want to stay up to date on the latest feature releases and news from Fandom?
Click here to follow the Fandom staff blog.

Interested in learning more about community management on Fandom?
Click here to view our community management blog.

Would you like insights on wiki building and usability?
Read through our Best Practices guides for keeping your community growing and healthy.
Want to get real-time access to fellow editors and staff?
Join our Official Discord server for registered editors!
Community content is available under CC-BY-SA unless otherwise noted.