Talk:Reading/Web/Desktop Improvements

From mediawiki.org
Jump to navigation Jump to search

You can comment in any language. We are especially interested in:

  • Feedback on the functionalities we have already deployed,
  • Ideas and mockups for future functionalities - How could they be further improved? What important considerations are not currently documented?
  • Identifying other focus areas we have not yet discovered,
  • Expanding the list of existing gadgets and user scripts that are related to providing a better desktop experience.

Thank you!

(Translate this page)

Max width fix for logged out users[edit]

Since it doesn't seem like logged out users can easily disable max width, I've written a CSS user style for those who want to do that. You can download it from https://pastebin.com/5jA70LHR https://pastebin.com/JypKbXqV, install instructions are provided. It is open-source, no scripting or compilation. Currently it works with Waterfox, Pale Moon and probably Firefox. Vectorman007 (talk) 00:55, 26 September 2020 (UTC)

Thanks for writing this up. Can confirm it (mostly) works for Firefox 80.0.1. I've never edited .css file before so here's a walk through for anyone coming after:
  • Enable .css in Firefox: by typing about:config in your address bar, hit "accept risk and continue". search for "toolkit.legacyUserProfileCustomizations.stylesheets" and click the arrows to toggle to true.
  • Find the right place for the file: in firefox, hit the menu bar in the upper right hand corner, select "help" and then select "Troubleshooting Information". On that page will be a list of items, and within that list "name, version, build id,.." will be "profile directory", click the button next to this labeled "open directory". Within this folder, make a folder named "chrome" (if it doesn't already exist)
  • Inside that chrome folder, create a text document, copy Vectorman007's script inside, and then save the result as "userContent.css"
  • Restart Firefox. The full text width should be back.
A bug to be worked out: the sidebar overlaps with the article text. Forbes72 (talk) 20:59, 28 September 2020 (UTC)
Thanks for the extra instructions and happy that it works on Firefox. The sidebar problem exists now in Pale Moon too. The new Vector source code was changed after I wrote the fix. I've added a new link with an updated version. Known problems: horizontal scrollbar (because the page is somehow 15px too wide), some extra lines and empty space under the page footer. Vectorman007 (talk) 03:39, 2 October 2020 (UTC)
So far the script is only set to work on fr.wikipedia.org. If anyone has a list of websites with new Vector updates, I'd appreciate a message :-) Vectorman007 (talk) 03:41, 2 October 2020 (UTC)
Found the list of websites, script implemented with varying degrees of success, will fix later. Also fixed a bug in page history view on French and Basque Wikipedia. Same link. Vectorman007 (talk) 21:49, 2 October 2020 (UTC)

Typo?[edit]

At Reading/Web/Desktop Improvements#Deployment plan and timeline the majority of wikis ... only editors can opt-in using Switch to old look in the sidebar (emphasis added) — should that be "opt in using switch to new look"? Pelagic (talk) 18:06, 20 July 2020 (UTC)

@Pelagic - good catch! Now fixed. To clarify, we're not adding a specific link when opting in but the preference is available in the appearance tab of user preferences OVasileva (WMF) (talk) 12:41, 22 July 2020 (UTC)

First impressions when deployed at euwiki[edit]

Hello! Today it was deployed at euwiki and I want to share some first impressions about what I have seen.

  • The design is something in between nothing. No real change, only some minor "improvements", so everything looks broken.
  • We have lot of pages using PAGEBANNER. You can see it at eu:Txikipedia:Ornodun or at eu:Laguntza:Sarrera. The feel is very bad, because it doesn't take all the wide BUT you know it should be wider because the top menu is wider.
  • Many things are going out from the right. Look at eu:Txikipedia:Azala or eu:Txikipedia:Ornodun
  • As the article reading box has disappeared, lot of things look "hanged-out" from nowhere. You can see it for example at eu:Ugaztun how the globalnotice, sitenotice and page-related icons (i.e. featured article) are taking a lot of space. If you read a very short article (eu:Fisiopatologia) this is further evident. The article content is less clear.
  • The footer (including categories) should be sitewide. Is not part of the article, is part of the infrastructure.
  • The sister projects links are now completely forgotten, making Wikimedia projects even less important. If you are trying to hide them from the sidebar they SHOULD be somewhere in the top of the page. THIS IS VITAL, is not something about esthetics, is something about WHO WE ARE and our Strategic Goals.
  • Top tabs are too crowded. This can't be the solution. It is so small area that the history tab is merged with the "Other" tabs. Loot at eu:Ugaztun.
  • Top tabs still have the "old look" and are now weird.
  • In our case, Txikipedia has its own logo. It should appear in every page, instead of the Wikipedia logo. This was changed using css, so it must be reflected.
  • There is more margin in the right that in the left. Not centering the content is something that will make people mad.
  • Special pages are a mess. Full width, top tab not aligned...
  • When editing a page with new code editor, things are not well aligned in the right side.

These is my first feedback. -Theklan (talk) 15:14, 22 July 2020 (UTC)

Some other improvements that could make this better:
  • images and infoboxes can break the layout from the right, so there's more space for text and this items are presented in a more relevant way.
  • when the sidebar is collapsed, image galleries may have full width, instead of being constrained to the fixed-width layout.
  • Categories layout is really poor. The fixed width limits the columns to two, and it makes it worst for having a global picture.

-Theklan (talk) 16:02, 22 July 2020 (UTC)

Hey @Theklan, thank you for your detailed feedback. We appreciate you taking the time to investigate the changes and we hope you will continue to give feedback as the project progresses. As you may know this is the first of many deployments. I will do my best to reply to the concerns you've raised:
  1. PAGEBANNER issues — in this case I think some clarification is needed. I looked at the pages you linked but am not understanding what the issue is. Can you please clarify?
    The problem here is that PAGEBANNER took all over the wide of the page (well, not the sidebar), and this is cool. Now it is constrained to a very fixed space. PAGEBANNER may be a good solution when the sticky top-menu is deployed to show below it, but with the current configuration it is not more "part of the page" but "part of the text". Consider thinking on making it sitewide, the result will be better.
  2. Many things are going out from the right — ah yes, I see what you mean here. As far as I can tell this was already an issue for all users with screens smaller than ~1200px. If you look at those pages using Legacy Vector (eu:Txikipedia:Ornodun or eu:Txikipedia:Azala), and make your screen size smaller you will see the same issue. So I think in this case we should work on improving the flexibility of the content such that all users, regardless of their screen size or skin choice, can have a good experience.
    I have to work also on this kind of things, some of them can be worked (Txikipedia:Azala is one of them). Also, I think Main Pages shouldn't have the same "content" mood and they should be wider.
  3. things look "hanged-out" from nowhere – if I understand this correctly you are commenting upon the lack of some sort've frame around the content. Later in the project we are planning to focus on visual design and part of that will include thinking about how to frame the content.
    Yes, the frame issue. Well, it can help now to have a small line.
  4. the footer should be sitewide – we agree. As you can see in this prototype (link to prototype) that was the intended design. We are currently struggling with some DOM ordering issues that make this difficult to implement, but we will keep trying.
  5. sister project links – there are two separate issues here. Firstly we made a mistake in our deployment: for logged-in users the sidebar should be open by default, so those links will remain right there. For logged-out users the sidebar will be collapsed by default. However the data shows us that those links get clicked very rarely (link to data). So it would seem that we need better design solutions to expose those projects to people if we want them to engage with them. The sidebar links aren't quite working.
    They are not working, and now they will work less, because they are hidden by default. The more I think about this, the more I see that they should go below the page title, but hiding them is just worst than not being pretty/evident.
  6. Top tabs are too crowded – this will be resolved soon once we move the search bar into the site header (link to prototype) (see this page for more details - link)
  7. tabs look weird/old – this will be addressed later on in the project with the visual design portion
  8. Txikipedia logo – what a cool feature, I am sorry that we have temporarily broke it. Are you in touch with the developers who worked on that feature? I think it would be possible for them to chat with one of the developers on our team to figure out how to get that logo back.
    I was the developer. I will do it!
  9. There is more margin in the right that in the left - if you collapse the sidebar the content is centered. If the sidebar is open the content is offset to the right, same as it currently is in Legacy Vector (it is just more noticeable now since we're not filling that space in with gray). We did consider making the sidebar sticky (link to prototype) to make better use of that space, but have decided to defer that until later. The good news is that with the new layout you can collapse the sidebar, thus gaining more space for content on smaller screens.
  10. Special pages are a mess – yes, the situation is certainly not ideal at the moment. We wanted to allow Special Pages (in particular log-type pages) to be wider than regular pages, however we thought it would be best if the tabs stayed in place, making it easier to navigate between Article and History, for example. You can read more about our thinking regarding Special Pages here (link to page). If you have any ideas for how to improve this situation that would be great.
    Categories, special pages and code pages can be wider, because they are not intented to be read.
  11. New code editor, things are not well aligned on the right – can you clarify what you mean here? Perhaps a screenshot would help.
    The "Publish changes..." button right-limit goes some pixels to the right of the search bar.
AHollender (WMF) (talk) 12:38, 24 July 2020 (UTC)
-Theklan (talk) 21:56, 27 July 2020 (UTC)
@Theklan - re: fixing the Txikipedia logo - not sure if this helpful but one of our developers put together some information on the logos and how to update them. OVasileva (WMF) (talk) 13:56, 29 July 2020 (UTC)

Irrelevant radiobox[edit]

Hi. There is a bug on global preferences, two radioboxes for legacy vector. IKhitron (talk) 01:22, 24 July 2020 (UTC)

@IKhitron - thank you for the feedback! We are aware of this bug and have been tracking this in phab:T258581. Hope to have a fix within the next couple of weeks. OVasileva (WMF) (talk) 11:04, 24 July 2020 (UTC)
Thank you for your answer, OVasileva. Here is another one: global preferences do not do anything in this case, you can change the legacy vector preference in local wiki only. IKhitron (talk) 11:43, 24 July 2020 (UTC)
Seems to be this one: phab:T258493. Stryn (talk) 07:39, 25 July 2020 (UTC)

Painful interwikis (dis)order[edit]

I like the new look, but looking for the article in a different language is a pain. The interwikis on the left used to follow the alphabetical order, but now it is an absolute disorder, it takes me too much time to find the interwiki for a given language. --Xabier Armendaritz (talk) 10:28, 24 July 2020 (UTC)

@Xabier Armendaritz - thanks for reporting this! Do you have a screenshot of this issue by any chance? This sounds like a bug - the changes within the project so far did not include any interaction with the interwiki links, so the expectation is that the order of links should not have changed in any way. As a sidenote - we are currently planning on moving the interwiki links to a more convenient location at the top of the page as well - more info on that can be found on the features page: see language switching 1, and language switching 2. OVasileva (WMF) (talk) 14:38, 24 July 2020 (UTC)
@Xabier Armendaritz, OVasileva (WMF): This is a known bug, and is not related to Desktop Improvements (it’s broken in old Vector as well). It’s tracked in phab:T257625. —Tacsipacsi (talk) 15:05, 24 July 2020 (UTC)

Vector2[edit]

Can we please not retroactively rename Vector as "Vector Legacy"? There's years' worth of documentation and discussion that mentions Vector, and you want to say "from 2020 'Vector' now means something else". Just find a new name for the new thing, even if it's as straightforward as "Vector 2". Don't confuse things by usurping the old name. —Pelagic (talk) 16:15, 24 July 2020 (UTC)

+1. Andy Mabbett (Pigsonthewing); Talk to Andy; Andy's edits 18:21, 27 July 2020 (UTC)

Hi @Pelagic, @Pigsonthewing. Thank you for the feedback! When we first began this project, we had a decision to make - build a new skin or improve our current one. For technical and maintenance reasons (for more details, see our FAQ), we settled on the latter. This means that rather than a new version of Vector (with a different name), what we are building is improved functionality for Vector itself. We’ll be building these features over the course of the next 1-1.5 years. Technically, this is similar to previous features or projects that were added to Vector such as page previews, with the only difference that, this time around, there will be more of them. We chose the language of “Legacy Vector” because it signifies Vector skin as it was prior to us beginning this project. Does that make sense? OVasileva (WMF) (talk) 12:14, 28 July 2020 (UTC)
It makes sense, in that I understand what you're saying. But I don't agree that its a good course of action; as Pelagic says, this will sow confusion. Andy Mabbett (Pigsonthewing); Talk to Andy; Andy's edits 12:48, 28 July 2020 (UTC)

Отзыв[edit]

Довольно интересная и долгожданная идея.

Замечание: как вы можете заметить здесь с 150% масштабом, при скрытии и раскрытии текст статьи скачет по горизонтали. Это нехорошо для людей, которым желательно использовать такой масштаб страниц из-за проблем со зрением.

Комментарий: при использовании очень полезных скриптов часть из них формирует новые табы рядом с табами править/править код/история. В результате их становится больше и они ломают верхний блок, налезая на название страницы. Наглядно, см. скрин скрин. Либо нужно переписывать все скрипты, либо как-то сохранить предыдущий размер верхней полосы, чтобы он не ломался от дополнительных 2-3 табов.

ПС: Кстати, при 150% масштабе вторая проблема исчезает) Ailbeve (talk) 11:41, 27 July 2020 (UTC)

Hello @Ailbeve, thank you for your feedback. Regarding the tabs above the article title: soon we will be moving the search bar to the header which will open up space for the tabs. This should fix the issue you described. Please see this page for mockups: link to page, or you can view a prototype of this feature here: link to prototype. AHollender (WMF) (talk) 15:03, 27 July 2020 (UTC)

Why limit width of content?[edit]

".skin-vector-max-width .mw-content-container { max-width: 960px; }": I have 2K screen and content takes less than half of my screen :( Most Main Pages use two column design, so they look epecially trashy. --AS (talk) 14:41, 27 July 2020 (UTC)

Hey @AS, thanks for your question. The reason for limiting the content width is to provide a more comfortable reading experience. We've written a bit about our research and thinking here: Introducing a max-width. AHollender (WMF) (talk) 15:03, 27 July 2020 (UTC)
I came here to ask the same thing. With this answer, I'll switch from Vector to Timeless. Ainali (talk) 15:20, 27 July 2020 (UTC)
Strewth. "mw-content-container {max-width: 960px;" That is horrible. Please reassure us that legacy Vector will continue to be available and Vector 2 will be an extra choice. — GhostInTheMachine talk to me 17:23, 27 July 2020 (UTC)
Why is this in px and not em? Andy Mabbett (Pigsonthewing); Talk to Andy; Andy's edits 18:20, 27 July 2020 (UTC)

Thanks for the response above AHollender (WMF). Would the team perhaps consider adding an easy preference opt-out for the max-width? I can play around with CSS and pick it apart, but it'd be a whole lot easier to just have a preference for it, seeing as this seems likely to be a pain point for many users who are creating content rather than reading it. I've just tried the new Desktop Improvements on enwiki for the first time, and it was the first thing that immediately stood out to me as a "nope, don't like this" of the new theme. I like a lot of things about it - the new sidebar hiding and background look swanky! Naypta (talk) 18:49, 27 July 2020 (UTC)

Naypta thanks for checking it out and providing your thoughts here. I hope you will continue to follow the project and provide feedback. I agree that the limitation on the width of the content is going to be a pain point for many users, which makes it a difficult choice (and undoubtedly will be the reason why many editors will opt-out). I suspect that a full-width gadget or user script will emerge soon. One point however that I think is worth considering is this: there is extensive research showing that shorter line lengths provide a more comfortable reading experience and allow readers to comprehend and retain information better. It is the reason why so many major information websites follow a similar layout. While we still plan to conduct additional research, it seems like we can have relatively high confidence that this layout makes sense for the majority of users. Now if editors start using a layout with a different max-width (or no max-width at all), when editing articles they will not be seeing the same thing that readers will see when reading the articles. I don't know that this is inherently bad, but my inclination is that the closer the editing experience is to the reading experience, the better the articles will read. As you probably already know there are plenty of templates that break at small screen sizes, and I suspect part of the reason for this is because some editors have large monitors, and therefore these templates are not being tested at smaller screen sizes. So I guess in short: we fully support people being able to adjust the density/width of the content, but at the same time we wonder if there might be some tradeoffs to consider in terms of consistency between what is written and what is read. AHollender (WMF) (talk) 21:27, 27 July 2020 (UTC)
This really is sub-optimal for sites where you have to read a lot. Even sites with a lot of content that have a fixed max-width for the main element, have other elements that take up the space or simply, have less content. With Wikipedia pages, it's just empty, a white void with literally no use, surrounding tons of text. Someone on a 1800p display will have ~50% of their display just being empty! I am aware that fixed-width brings better readability but you're not really considering all the use-cases here, and the assumption that a consistent experience is equal to a better experience is false equivalence at best. --QEDK (talkenwiki) 21:51, 27 July 2020 (UTC)
I suddenly realize how long my (or some other users') paragraphs on discussion pages are. I'm not yet certain if that's a good thing. Nevertheless, it reduces the number of reasonably usable indentation levels, which might really be a problem on noticeboards. ToBeFree (talk) 00:55, 28 July 2020 (UTC)
Okay, it's not just discussion pages. I need a wide screen for en:WP:AIV, ideally one line per request, or it becomes hard to manage during busy times. ToBeFree (talk) 00:58, 28 July 2020 (UTC)

After some days of having this at euwiki, I must say that the reading experience is much better. Discussions, special pages and categories must be improved, but articles are now easier to read, especially in wide screens (you don't need to move the head). -Theklan (talk) 11:23, 28 July 2020 (UTC)

I also find the limiting width a bad move. I would understand if it was larger, but here it make the pages shrinkened for a even a normal sized screen, which mean way less content on a single page with large empty bands on either sides, and force to scroll more and more for the same content. Not to mention that in lots of pages the very small width forces left and right sided pictures way too close, making the amount of text on a single page even more diminished. I hope it will be changed for a larger one.--Aréat (talk) 16:31, 5 August 2020 (UTC)

The fixed format will ensure a more coherent design since every contributor will see how the images fit into the page. This decision was long overdue.--Codex (talk) 19:34, 5 August 2020 (UTC)

Preventing people, like this, from increasing the width of content, and deciding in their stead what is "a comfortable reading experience" is "paternalistic" : Paternalism is action that limits a person's or group's liberty or autonomy and is intended to promote their own good. Paternalism can also imply that the behavior is against or regardless of the will of a person, or also that the behavior expresses an attitude of superiority. This width limit results into the creation of big empty spaces on the right and left parts of the screen. These spaces being of white color, they are dazzling. I would not be surprised if further research reached the conclusion that this is tiring for the eyes, harmful for the eyes, harming visual attention, resulting into a not more but less comfortable reading experience. Being an encyclopedia, Wikipedia is a reference tool. At times it is something you may want to read like a book, at times you just browse it to look for a specific information, like a name, a date, a mathematical formula, etc. Typically, when you need to remind yourself something you used to know but later forgot. I am not convinced that wasting screen space is the best way to do so. Whenever, for some reason, I want to restrict text width, I do so either by resizing the window, or by using Firefox's reading tool which I can adjust with my own preferences ( https://support.mozilla.org/en-US/kb/firefox-reader-view-clutter-free-web-pages ). Theo F (talk) 05:52, 6 August 2020 (UTC)

There are already some pages using column layout, in particular the title pages of each language Wikis. The columns being squashed by the width limitation look especially surprising. The need of scrolling for reading distracts way more than even blank borders around, and definitely more than just long lines. Maybe Wikipedia should adopt a long-standing practice of scientific articles? For the ease of reading, A4-page there is divided into two columns, and you don't need to turn pages twice as often, nor do you question yourself why half of the space is blank. In any case I strongly suggest that maximum width are an adjustable setting with an option to use a browser client window width. Глюкавый (talk) 10:28, 6 August 2020 (UTC)

The sidebar and alignment problems[edit]

The hide-sidebar I think is a good idea, but for me the opened sidebar looks broken now. The border would make this look better (sharper).

The whole layout with new sidebar and logo looks broken because nothing seems to aligns there:

  • The logo partially overlays top menu (if window is short or you have many tools there).
  • There is weird white padding between sidebar and content. And that margin doesn't equal to the one n the right.
  • Content is not aligned with top menu, nor with the logo.

For me the logo with text is just too long and this is causing problems. I think this just doesn't work with this layout. It just looks out of place. I've seen various non-standard layouts e.g. of Jen Simmons that just work together. Vector2 just don't seem to work together. Sorry.

One more thing. You could maybe make the new logo work if you move it out completely from the sidebar space to top (over top menu). Maybe also put the search bar on top as well. That would work much better for thin windows as you would see more article-actions (page history etc). Also the search-bar would be wider. I think the whole point of moving search bar from sidebar (old monobook) to the right (1st Vector) was to make the search bar wider. --Nux (talk) 22:26, 27 July 2020 (UTC)

PS: BTW. If you move the logo out of the sidebar you can make the hamburger a bit smaller. You can also put the "menu" word in there. There are studies that show that the hamburger icon is not universally recognized (probably even more of a case for the arrows). With menu word it would make more sense. --Nux (talk) 23:00, 27 July 2020 (UTC)

@Nux thank you for taking the time to look through the updated interface and provide detailed comments. I'm not sure if we've done a good job communicating this to people but this update is the first of many. As you've noted there are many different elements to consider on the page, and they all have a relationship to each other. As the project progresses things will fall into place more, and we will restore some of the harmony that we've temporarily lost. For example two of the next updates will be: moving the search bar into the header, and collapsing the user links into a menu. With these changes the top portion of the page will look more organized and clean. One of the biggest challenges for us is finding the right sequence to release the updates, because we know there is bound to be some weird states in between. I encourage you to take a look at our features page, as well as this page with some of our more bold ideas. I will also be working to try and communicate our future plans more clearly, such that people can more easily understand our plans.
@AHollender (WMF), thanks for the information. I've seen previous experiments and assumed this layout won. --Nux (talk) 19:27, 30 July 2020 (UTC)
I think I understand some of your ideas, and appreciate you taking the time to write them up. Would you be able to create some sort've sketch or mockup? I think it would be great to have that more as part of our culture when discussing interfaces. Cheers AHollender (WMF) (talk) 13:42, 30 July 2020 (UTC)

Below is a sketch of something I was thinking about. Unfortunately I don't have my mouse on vacation so this is a bit rough and one size only.

Layout with top logo (and search) for early Vector2
1st sketch
gradient (like tabs)

When collapsed the sidebar and the menu-toggle button could be shrank with some animation maybe. Or maybe just don't use border for the button... Not really happy with how that button turned out. I'm sure a graphic designer will be able to figure something nice for that 🙂. In terms of a role it's a button, but it does looks better without a border and with a blue text color (like for links).

Back to the alignment problem... Note that in terms of alignment I kept the personal bar aligned to right to make it feel out of the article space (as it is not related to the article obviously). I also purposefully kept it aligned vertically to the left menu button (as they are both more or less about a generic navigation). Oh and the search bar is not stretched to full width, but I guess you could stretch it a bit more.

BTW. I don't think that collapsing the personal bar is needed. By default that menu is quite short and clean by itself and power users tend to keep important links in there (I remember this was a quite popular place for enhancements). So at least for me collapsing p-personal would not be a desired feature.

Cheers, Nux (talk) 19:27, 30 July 2020 (UTC)

Added a gradient version that looks more like article tabs so should be more obvious. Also X (cross) for closing is more standard. The cross -> hamburger animations are quite popular from a few years I think e.g.: [1]. --Nux (talk) 18:52, 31 July 2020 (UTC) PS: I also changed the bell icon which seems not to conform to WCAG AA, but the human-user icon conforms to WCAG AAA.
Oh, also note that the content in my version is centred to the remaining space (excluding sidebar). Otherwise with sidebar opened content feels weirdly aligned to the left. I did a brief UX test on another user and the weird left alignment was the first thing she noticed and mentioned (without me saying anything about it and just asking which version she likes best). She also didn't have problems finding the search box (even though it was on top and on the left). --Nux (talk) 18:52, 31 July 2020 (UTC)
@Nux Sorry for being slow in following up here. I've also experimented with different options for the sidebar menu open/close button. I agree that having a hamburger menu in the header isn't necessarily the most clear, though I do think it's worth noting that many websites do it. And I don't think it's unclear enough to be problematic. Not a perfect solution by any means but probably good enough. Regarding your sketches, I think the challenge is where to put the Menu button when the sidebar is collapsed. I've attached an image below to show the previous solution I was considering. Also, regarding the sidebar always remaining fixed to the side of the screen, on wide screens this means there's a large gap between the sidebar and the content. AHollender (WMF) (talk) 19:43, 21 August 2020 (UTC)
floating menu tab

Sidebar is not hideable for thin windows[edit]

Seems like there is a z-index problem. The sidebar toggle button is in `.mw-header` which is `z-index:1`. And `#p-personal` is `z-index:100`. So this makes the toggle button unclickable. You must make the window thin enough (or have a lot of actions in `#p-personal` like me). --Nux (talk) 22:44, 27 July 2020 (UTC)

@Nux - thanks for letting us know! I think this is the same bug as phab:T258465, which we're hoping to fix soon. Let us know if not and we can open a new task. OVasileva (WMF) (talk) 12:17, 28 July 2020 (UTC)
@User:OVasileva (WMF), yeap, that looks to be exactly the same problem. Thanks. Top toolbar is wrapping to next line for me as well. --Nux (talk) 17:05, 28 July 2020 (UTC)

Vector 2.0 whitespace issues[edit]

At least on my screen (Firefox 78 for Mac, 1280x800 display, OS X Dock on the right side), there are some whitespace issues with Vector 2.0:

  1. Compared to Vector, there is an extra centimeter of whitespace between the sidebar items on the left and the page body text. It looks like a weird void.
  2. I see almost a centimeter of extra, unwanted whitespace on the right side of the body text.
  3. I see about half a centimeter of new, unwanted whitespace between the links at the top right (talk, prefs, etc.) and the search box.
  4. Hiding the sidebar with the back arrow that is not a back arrow does not make the content wider; it just shifts it to the left. Why would I hide it?

The combination of these things moves the body of the text, which is the thing I most want to see, down by two or three lines, off the bottom of my screen. Please fix. Jonesey95 (talk) 00:07, 28 July 2020 (UTC)

One more bug[edit]

A lot of people are complaining since today that the new design was turned on without any action from their side. IKhitron (talk) 14:06, 28 July 2020 (UTC)

@IKhitron - Do you know which wikis this is coming from? For a set of early adopter wikis, we are turning the design on by default as per community consultations and approval on those individual wikis. Currently, the changes should be available by default for euwiki, hewiki, fawiki, frwiktionary, and ptwikiversity. The changes can be turned off via a link in the left menu or by going to user preferences. OVasileva (WMF) (talk) 14:43, 28 July 2020 (UTC)
I see. Hewiki. Well, all of them do not like the new design, because of a lot of empty space. I've published a css code that removes this space, but they are right, noone should suffer without asking this. Maybe you needed to start a discusdion with community, weeks before the cgangd, explaining exzctly what changes will be done. For example, I still do not know the full list of changes, only what I can see. I'm affraid that this situation will lead to demand to remove the wiki from the list.

Errores y sugerencias[edit]

Sorry for write in Spanish, I didn't speak English good

He activado la opción en las preferencias de la wiki en español y gallego (no funciona como preferencia global, pero ya lo han dicho arriba) y he detectado varios errores:

  • En las páginas especiales (incluido historial) no funciona el límite de ancho.
  • El enlace "(revertir)" de los diffs no deja un resumen de edición predeterminado.
  • El cuadro de búsqueda se mueve un poco a la izquierda en las páginas especiales.

Y dejo como sugerencias:

  • Hay un triple salto de línea al final de la página. Además, la línea de separación es gris, lo que hace que el "footer" parezca parte de la página:

Fin de la página/End of the page.



This page was last edited on 19 October 2020, at 23:46.

Text is available under the Creative Commons Attribution-ShareAlike License; additional terms may apply. See Terms of Use for details.

Debería aparecer sin los saltos de línea y con la línea en azul para que se vea claramente que es el fin de la página:

Fin de la página/End of the page. ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── This page was last edited on 19 October 2020, at 23:46.

Text is available under the Creative Commons Attribution-ShareAlike License; additional terms may apply. See Terms of Use for details.

  • El contenido de la página es muy estrecho y hay mucho margen. Eso hace que ciertos gráficos y tablas se salen de la pantalla. (ejemplo 1, ejemplo 2, entre otros) Debería cambiarse el ancho de 960px a 1075px (por lo menos a 1060 px). Yo lo he configurado así en mi common.css en español y gallego (que es donde tengo activada la opción) y se lee mejor. USI2020 (talk) 17:58, 28 July 2020 (UTC)
Hola @USI2020, gracias por tus comentarios!
Primero, disculpas porque mi Castellano tampoco es muy bueno :)
    • Unas respuestas y pensamientos:
      • En las páginas especiales (incluido historial) no funciona el límite de ancho:
        • Generalmente, las páginas especiales no se leen de arriba a abajo como el texto de un artículo - se miran más rápidamente, así que necesitamos un diseño que permita este uso.  Pensamos que es mejor tener el ancho completo y que eso facilitaría la lectura mas rápida de la información de este tipo (similar a un spreadsheet de Excel)
      • El enlace "(revertir)" de los diffs no deja un resumen de edición predeterminado.
        • Tienes una captura de pantalla aquí? Creo que esto no está relacionado con nuestros cambios, pero necesitaría más información para confirmar.
No tengo, pero para comprobarlo basta con ir a un diff al azar y presionar revertir sin guardar los cambios. El resumen de edición queda vacío. Si pruebas a hacerlo con esto desactivado deja el mensaje en Mediawiki:Revertpage: «Reverted edits by $2 (talk) to last version by $1» USI2020 (talk) 10:32, 29 July 2020 (UTC)
      • El cuadro de búsqueda se mueve un poco a la izquierda en las páginas especiales.
        • Esto si que es nuestra culpa. Ahora estamos moviendo el cuadro de búsqueda un poco más arriba en la página y esto resolverá este problema. Puedes leer más sobre esto aquí: phab:T249363.  Este cambio debería estar listo en más o menos dos semanas.
      • Sobre el final de la pagina:
        • También estamos trabajando en esto: nuestro plan inicial era que la parte del final también fuera gris (como en el diseño anterior), pero eso era técnicamente un poco complicado. Actualmente estamos discutiendo nuestras opciones aquí. Este cambio podría necesitar un poco más de tiempo, tal vez un mes más o menos. OVasileva (WMF) (talk) 10:11, 29 July 2020 (UTC)

A Bug with the desktop improvements mode[edit]

Hai, I experienced a bug when enabled the new desktop improvements. I don't know whether it is a bug or my mistake. I am posting screenshots of this thing.The problem is the content is limited to a small with area. As you can see in the screenshot on the left side the contents box coming right side images are coming and the text in the article is shrinked to a small area of 350px wide. So the thing endup like in the screenshot at phabricator task.I am using Firefox 78 on Fedora 32 with KDE Plasma 5.19.3 I don't know how to fix this. If anybody know the solution plz help.Ranjithsiji (talk) 13:33, 29 July 2020 (UTC)

Main Page[edit]

Hi! A small suggestion, I think the Main Page should be full width as is the case with some namespaces.--Ghybu (talk) 16:41, 5 August 2020 (UTC)

Noted, we'll discuss this. Thank you, @Ghybu! SGrabarczuk (WMF) (talk) 16:54, 5 August 2020 (UTC)

Keep large pages when source editing[edit]

Hello, At first I was surprised by the new presentation. Now I admit that it makes wikipedia easier to read, just like a LateX file. However, would it be possible to keep the full screen when editing a page with the code editor? I think it's a shame to lose space in that mode.

Thanks. --Le Petit Chat (talk) 16:56, 5 August 2020 (UTC)

@Le Petit Chat, thank you for this idea. We will take a closer look. SGrabarczuk (WMF) (talk) 14:08, 11 August 2020 (UTC)

Logo no longer localized with legacy vector turned off[edit]

I went to el.wikipedia.org and turned off legacy vector in the user preferences. The logo in the upper left used to have the Greek name "Βικιπαίδεια" but now it has the English name "Wikipedia". This is very disconcerting, can it be set back somehow? I would like to keep the rest of the changes to see how I like them. Thanks! -- ArielGlenn (talk) 05:19, 6 August 2020 (UTC)

@ArielGlenn - Thanks for your feedback! This is temporary. We are currently working on getting all of the new logos ready across all wikis. We're hoping to add elwiki to phab:T258552, which means it should have the new logo localized within the next couple of weeks. OVasileva (WMF) (talk) 07:08, 6 August 2020 (UTC)

New text width slightly too narrow[edit]

Not a bad idea to have set a limit to page widths for large screens, however the current text width for the French Wikipedia looks too narrow, as even a 12.4" display with a 1366 x 768 resolution leaves 15% empty stripes on each side, and makes images and tables collide into each other on scientific pages. The standard width should not be narrower than most common laptop displays, otherwise too many pages will need significant rework, which might be done for TV shows or videogames, but will be very unlikely for molecular biology or nuclear physics. This change will hardly be applicable to the German Wikipedia anyway: look at the average size of German infoboxes!

In addition, the edition window should not be constrained: I support previous comment that we should be able to enjoy a large screen when we have one!

Thank you,
Bob Saint Clar (talk) 05:21, 6 August 2020 (UTC)

@Bob Saint Clar - thank you for your feedback! We just wrote a little bit more about our rationalization on choosing this particular width for text - please check our our FAQ as well as the limited content width page. That said, we do want to explore better ways of displaying non-text content such as larger tables and are hoping on iterating on this in the future. For editing, we are considering moving the source editor to full width. For visual editing, however, we think that having a standard size for readers and editors despite screen sizes is a benefit. It will allow editors to see the exact way people will read the content afterwards, which can lead to better formatting across all content. OVasileva (WMF) (talk) 11:31, 13 August 2020 (UTC)

Nouveau style (Wikipédia Fr)[edit]

Personnellement, je trouve que la récente mise à jour du style de Wikipédia n'est pas nécessaire, car elle ne présente aucune utilité indiscutable. Je reconnais l'effort envisagé pour pouvoir replier le menu, mais je ne trouvais pas celui-ci gênant. Cela n'a donc rien ajouté à l'aspect pratique de l'encyclopédie (ça a d'ailleurs plutôt enlevé des choses : par exemple, le nouveau CSS ne s'adapte pas aux dimensions de mon écran, ce qui fait que j'ai une marge inutile à droite quand je ne replie pas le menu). De plus, l'icône du site s'y trouve rétrécie, mais cela me dérange moins. Pour moi, cette modification est à revoir. --Hérisson grognon (talk) 09:20, 6 August 2020 (UTC)

Bonjour. Si l’idée de départ est intéressante (réduire la longueur des lignes pour améliorer la lisibilité), la mise en œuvre est décevante et ressemble à la version pour mobile. Sur un écran large 16/9 de 27 pouces, maintenant courant pour un pc de bureau, on se retrouve avec deux marges blanches et la largeur utile est réduite à 1050 pixels (sur 1920). Wikipédia devrait-il être optimisé pour lecture sur un écran de 15 pouces ? Dans le cas d’un écran large, on est conduit à réduire la largeur de la fenêtre pour visualiser Wikipédia. La réduction de la longueur des lignes aurait dû être accompagnée d’une réflexion sur la mise en page. Il serait possible d’employer utilement les marges pour y placer par exemple le sommaire, l’Infobox, les illustrations, les notes et références... En l’état la nouvelle mise en page n’est pas un progrès. Il serait intéressant de compter les utilisateurs qui, comme moi, ont immédiatement modifié leurs préférences pour retrouver l’ancienne mise en page. Cordialement.--Philippesalv (talk) 11:30, 6 August 2020 (UTC)
"Il serait intéressant de compter les utilisateurs qui, comme moi, ont immédiatement modifié leurs préférences pour retrouver l’ancienne mise en page." Yes, it could be interesting. Patriccck (talk) 11:42, 6 August 2020 (UTC)
Yes Utiliser l'ancienne version de Vector (Use the old version of Vector) — DePlusJean (talk) 19:33, 6 August 2020 (UTC)
Bonjour. Cool, j'apprends que les utilisateurs enregistrés peuvent revenir à l'ancienne version. Et pour les millions d'autres qui, simples lecteurs, n'ont jamais à s'enregistrer, même pas un petit cookie pour stocker une préférence de cet ordre ? Ou alors ils n'ont qu'à dire amen aux modifications cosmétiques et la fermer (si c'est ça la philosophie Wikipédia, bien sûr) ? Cordialement, Xavier 90.6.243.101 12:07, 7 August 2020 (UTC)
Je préfère également l'ancienne présentation. L'actuelle ressemble à celle de la version pour mobiles. Je trouve la colonne de gauche (Accueil, Portails thématiques, Article au hasard, Contact, etc.) trop claire (insuffisamment grisée) ce qui rend la page éblouissante. Lorsque je clique afin de la masquer, la zone d'affichage du texte ne rélargit pas, la largeur de la marge de droite augmentant d'autant que celle de gauche se réduit. Cordialement, Olimparis (6 août 2020).
Je suis retourné sur "l'ancien" vector. Ahhhhh j'ai de nouveau une page commplete, et pas 2 bandes blanches immondes. Vivi-1 (talk) 08:24, 10 August 2020 (UTC)
Hello — please excuse my message in English. I understand that the amount of whitespace on the screen can feel frustrating or even make the page look broken at first. My request is that you give it a chance — maybe a few weeks even, before you come to a conclusion about whether or not it's a good idea. The content width was arrived at after reviewing multiple research studies on readability, and reviewing many popular content websites. We will, as some of you have suggested, be experimenting with using those margins for a fixed table of contents, article tools, or eventually content-related things like images and infoboxes. So in short, we are far from done. We have written up some additional details about content width and white space on our FAQ page (🔗 link).
We appreciate all of your feedback and suggestions and hope that you will continue to follow along as the project progresses. Thanks AHollender (WMF) (talk) 16:43, 13 August 2020 (UTC)
Comment retourner au VRAI design de wikipedia s'il vous plait ? Il m'a fallu des jours et des jours de recherche pour tomber sur cette page par hasard. I gave the new design a try, and the result are clear I've used les and less WikiFr in favor of WikiEn. How do I even get back to the real TRUE design of wikipedia, please? It took me days to find the page. Please help. 87.231.14.108 05:04, 19 September 2020 (UTC)

White spaces[edit]

Hi, I think there is (especially on the right) too much white space. It looks like space for advert (image). Why can't the text be stretched anymore? Editing in such a small window is not good for me. --Patriccck (talk) 11:34, 6 August 2020 (UTC)

By all means, nobody is even thinking about allowing adverts to appear on Wikimedia wikis! Our explanations on why can't the text be stretched anymore, see our FAQ. SGrabarczuk (WMF) (talk) 14:11, 11 August 2020 (UTC)

Reduce the "Limiting content width"/ Much larger content container[edit]

Hi, I'm from the French Wikipedia. And I see a lot of negative reaction on French Wikipedia after the implementation of the first serie of Desktop Improvements. The more controversial element is the "Limiting content width". For my opinion, you should try to be more consensual and less ambitious on this feature, because on others Wiki, there will be much more negative reactions, based on the history of the relation between WMF and the different wiki. I think it's the more important element, but there are a other reason : the "Limiting content width" need to be associe with lot of work by the community to ajust element which are not responsive, and it will need lot of time to the different community to do those things.

I'm advice, it's better to have a much larger content container for large screen and temporarily have a larger content container to give time to the community to adapt. Nouill (talk) 12:52, 6 August 2020 (UTC)

Going back to the old style for IPs[edit]

Hello,

I’m often using the French Wikipédia as an IP, mainly for just reading articles. I was very surprised today to find that the new interface had been enforced without any warning (at least to the average, not logged-in reader). No banner, and especially no way to go back to the old version where you can use the full width of your screen. Worst, it isn't effective on all pages, you can browse WP and then suddenly go back to the old interface (Joy and happiness in my heart!) and then another click, and there is the new interface again (Nooooo!). It's pretty disrepectful for users to implement that change without any warning, and worst, it lacks a "go to fullscreen version" button.

Could we please have a "go to fulscreen version" button ? Thanks 176.186.245.230 15:15, 6 August 2020 (UTC)

While I personnally chose to use the new version, I second this request. Accounts are for editing and discussing, not for reading; the common (i.e. unlogged) reader should have as much choices as the logged editor when it comes to reading comfort. For example Reddit has this under the url old.reddit.com. Thank you for your work! --GrandEscogriffe (talk) 19:18, 7 August 2020 (UTC)
Hi @176.186.245.230, @GrandEscogriffe... Thank you for your feedback! You raise a few good points - I’ll try to do my best to answer all of them.  First I’d like to note that the new version of Vector, and the maximum width in particular, is very helpful for readers, as studies have shown that shorter line width increases text retention and readability - feel free to check out the rationale on the feature page, which also includes a brief literature review of previous studies on this.  
That said, in general, I also completely agree that logged-out users should be able to modify their experience to their needs in a similar way to people who are logged in. We have future plans for a variety of logged-out preferences that would allow for us. Unfortunately, due to the way we currently cache our content, these changes are very difficult to implement and would require a complete rearchitecture of our caching system.   In short, while we have this included in our future plans, we don’t yet have the technical ability to make it happen.
Finally, I wanted to address the issue of switching back to the old version for some pages.  This is also due to content caching.  When we deploy a new change, it takes it a few days to propagate across all pages of the wiki.  After a maximum of 7 days, you should be seeing the new version of the pages only. OVasileva (WMF) (talk) 14:09, 10 August 2020 (UTC)

Comments on line length, content separation and readability[edit]

The idea that shorter line lengths are better does not agree with literature. Longer lines = longer read speed. Dan Luu commented on this: https://twitter.com/danluu/status/1115708058238251008 More over, if you want to increase readability, why not instead increase the font-size? The only way I can salvage the redesign over the old one is by increasing the zoom size to +150%. (But the fonts become too big). Please don't deploy as is. I'm barely on a 24" screen and the redesign is wasting around 50% of my screen real estate. Also, the side bar separation which was clearly visible before is now being faded. Where there used to be gray = sidebar, white=main article, there is now a background grey, a floating sidebar, a __barely visible___ vertical separator line, and another floating article. On the old version, when you scrolled enough to not see the sidebar text anymore, the separation between two was clear and it helped actually anchor the reading. Now the text is just floating in a sea of white, with some kind of small, fixed size side gutter to the left and right on the sides in very light grey. — Preceding unsigned comment added by 192.222.130.66 (talkcontribs) 16:32, 6 August 2020

The statement : "The idea that shorter line lengths are better does not agree with literature" is interesting. In fact why do people want to "improve" or to smoothen the learning process in the first place, when an increasing amount of literature points to the fact that learning is deeper when the student struggles with the content ? If the reading process is too smooth, too involuntary, it might well be that the memorization is less deep than when the student needs to voluntarily seek information, by taking decisions on where to focus his eyes on a larger screen, as is the case in the Where is Wally/Waldo? books. Theo F (talk) 11:40, 7 August 2020 (UTC)
Hi @Theo F - thank you for your feedback! There actually is some literature that concludes that shorter line width actually improves the retention of information as well. In particular, we looked at an eye tracking study from the IBM Center for Advanced Learning which found that participants reading paragraphs of narrower width had higher retention of content than participants reading wider paragraphs. Similar results were also seen in a more focused study on people with dyslexia. Please refer to the Readability section of the limited width feature description page for a list of some of the other literature used for our rationale for deciding on this particular line width and how it relates to the number of characters per page. OVasileva (WMF) (talk) 14:33, 10 August 2020 (UTC)
I think the Wikipedia article referred to in the #readability section you mention, could be wrong when it ( en:Line length ) says "Studies have shown that short lines are often preferred over long lines by study participants, likely because they feel more at ease with format, which contradicts research suggesting longer lines are best for quick reading". In fact this is not a contradiction, it is consistent. In order to deepen memory, one needs to feel uncomfortable. There is no such thing as a free lunch. If you want to be a good learner, this is going to be a hard, "uneasy" work. Theo F (talk) 07:37, 11 August 2020 (UTC)
Also, in the case of narrow paragraphs, shouldn't the brightness of the unused right and left parts of the screen be adjusted in order to be lower than, or to match the brightness of the middle of the screen, or otherwise isn't the eye going to be distracted by bright dazzling white spaces on the right and left ? Isn't the eye going to get tired, in an ophtalmologic sense ? The screenshots displayed at Reading/Web/Desktop Improvements/Features fail to show those white spaces. They do not reflect what happens on a wide screen. Theo F (talk) 09:01, 11 August 2020 (UTC)
Reading the paper Theo F linked on Wikipedia [2] one gets the impression that 30 years of research have generated enough studies to cherrypick support for any assertion about line length. Wouldn't it be then a better choice to let users who prefer shorter line length resize their browser window, instead of messing it up for the rest of the users? 93.136.184.51 19:05, 12 August 2020 (UTC)
Hey, I think there is an important clarification to make when discussing the Tweet from Dan Luu and the research paper referenced. That study, "The influence of font type and line length on visual search and information retrieval in web pages" (link), researched line lengths of 55, 70, 85 and 100 characters per line (cpl). Our current width limitation of 960px results in line lengths between 100 cpl (when next to an infobox) and 150 cpl (when uninterrupted by any inline elements). We are therefore at, and beyond, the upper range of what was studied. The study did find that task performance of finding a given link (what they call the "visual search task") was fastest with 85 and 100 cpl. And that for the reading task they found no significant difference among the lengths (however several other studies have found better speed and retention at the smaller end of that spectrum). Also worth noting that on the subjective preference question the majority of participants expressed a preference for 70 cpl. What can we make of this research? The conversation I think we should be having currently is about line lengths far outside of that range, and whether or not we think they provide a good experience. Unfortunately I have yet to find any research on line lengths of 300 or 400 cpl, which is an experience anyone with a wide monitor might easily get on Wikipedia. Perhaps we could assume that given all of the research is within the 35–100 cpl range, and that most major information sites are within that range, we could have some confidence that it's a good starting point. Of course it would be better if we could find research, or conduct our own, about what happens above that range. Regarding some of the other questions raised above: we have just written up several answers to these questions in our FAQ section. Please visit https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements/Frequently_asked_questions. Thanks AHollender (WMF) (talk) 22:31, 13 August 2020 (UTC)

Nouvelle présentation pas du tout adptée[edit]

La présentation en mode vertical n’est pas du tout adaptée aux écrans horizontaux des ordinateurs !!! 151.127.32.46 18:23, 6 August 2020 (UTC)

Je préfère l'ancienne présentation ... _ ( Paille-en-Queue (talk) 18:30, 6 August 2020 (UTC) ) ...
Moi aussi! --Jwh (talk) 19:51, 6 August 2020 (UTC)
Je préfère également l'ancienne présentation. L'actuelle ressemble à celle de la version pour mobiles. Je trouve la colonne de gauche (Accueil, Portails thématiques, Article au hasard, Contact, etc.) trop claire (insuffisamment grisée) ce qui rend la page éblouissante. Lorsque je clique afin de la masquer, la zone d'affichage du texte ne rélargit pas, la largeur de la marge de droite augmentant d'autant que celle de gauche se réduit. Cordialement, Olimparis (6 août 2020).
En fait, la largeur limitée n'a pas été développée spécifiquement pour les écrans verticaux. Pourquoi nous avons déployé cela - consultez notre FAQ et une page plus détaillée décrivant uniquement cette fonctionnalité. Aussi, @Olimparis, merci pour votre avis sur l'arrière-plan de la barre latérale! SGrabarczuk (WMF) (talk) 14:18, 11 August 2020 (UTC)

Some first impressions[edit]

Hey there, aren't you guys rushing things a little bit? This is not a finished work. Do not present an unfinished work to the readers (and the editors) if you want them happy with it. First there is a clear issue with symetry. You have to collapse the toolbar to get a symetrical page with empty columns on both sides, but nobody wants his toolbar collapsed and certainly not an editor. I know once you start scrolling down the toolbar disappears but as they say, the first impression matters doesn't it ? There are other issues including for example bits of text squished into a tiny fraction of the screen between an illustration and an infobox, which you just can't describe as "comfortable to read" in any way, and large tables with plenty of content that clearly need more than 60% of the width of a screen to be comfortable to read, and become quite unreadable when they are further squished by an image or an infobox. You guys, I'm afraid, have to solve this kind of tiny issues BEFORE you deliver a new page layout. It might not look like a big deal, but it is worrying that some editors (including myself) are already turning back to the old style. If some editors start feeling that making it easier for the reader comes with making it trickier for them, it would be a huge failure on your behalf. Please put more time in experimenting with your work before you make it the standard for all wikipedia users. Thanks for your work anyway, Toghebon (talk) 19:01, 6 August 2020 (UTC)

@Toghebon, thank you for this comment! SGrabarczuk (WMF) (talk) 15:52, 11 August 2020 (UTC)

IT'S HORRIBLE !!![edit]

Hi.

I've discovered this new appearence. It's horrible and no easily usable. Please restore the previous appearence. --ComputerHotline (talk) 19:14, 6 August 2020 (UTC)

@ComputerHotline, thanks! Could you elaborate more: how this change affects the way you interact with a wiki? Why isn't this usable for you? SGrabarczuk (WMF) (talk) 15:55, 11 August 2020 (UTC)

First impressions[edit]

The new appearance leaves an empty space, a few centimetres wide on the right side of every single article. Is there any way to fix this ? Yoyo360 (talk) 19:34, 6 August 2020 (UTC)

Hi @Yoyo360 - thank you for your feedback! Are you referring to the space between the menu and the article text? If so, we are planning on fixing this in the next couple of weeks - you can track our progress on phabricator. Otherwise, the space on the right and left side of the text is expected - we have limited the width of the text to provide readability of the content. You can learn more about our rationale on the feature page.
OVasileva (WMF) (talk) 14:34, 11 August 2020 (UTC)
Hi @OVasileva (WMF) ! I was referring to the space on the right side of the screen. From what I understand it is actually meant to be there, but I think it is really weird to have a space completely unused. If the central space is used for the main content and left space for the menu, you should put something on the right as well, as on Twitter for example. 109.209.19.70 17:18, 11 August 2020 (UTC)

Trop étroit[edit]

La réduction de la largeur n'est vraiment pas une bonne idée, je trouve. On se retrouve avec des écrans d'ordinateur dont à peine la moitié de la largeur est occupé par du texte, ce qui oblige à jouer sans cesse de la molette pour lire alors que l'ancien affichage offrait davantage de contenu sur une même page. Les infobox et les images de part et d'autre du texte entre davantage en collision, réduisant davantage encore la quantité de texte affiché sur une même page, ce qui est particulièrement frustrant quand on voit de large bandes vides à gauche comme à droite. C'est d'autant plus dommage que la seule justification avancée est qu'avoir un même affichage sur ordinateur et sur tablette serait nécessairement une bonne chose. Non. En quoi est ce bien ? Avoir un rendu un peu différent en fonction du matériel utilisé est normal, et c'est absurde de priver les utilisateurs de l'un (la grande largeur d'un écran) sous prétexte que les ceux de l'autre n'en bénéficie pas autant. C'est du nivelage par le bas. Les tablettes et mobiles ont des avantages comme par exemple les gyroscopes intégrés, que n'ont pas les ordinateurs. Ce n'est pas pour autant que les applications en enlève l'utilisation sous prétexte que les ordinateurs ne l'ont pas. Ça n'a pas de sens de forcer à ce point une utilisation commune pour du matériel aussi différent au détriment des utilisateurs. J'espère vraiment que vous tiendrez compte des retours présents sur cette page. Cordialement.--Aréat (talk) 19:42, 6 August 2020 (UTC)

Do agree, nivelage par le bas! --Jwh (talk) 19:53, 6 August 2020 (UTC)
Same for me. Definitely not an improvement..--Damned (talk) 19:56, 6 August 2020 (UTC)
Je trouve la colonne de gauche (Accueil, Portails thématiques, Article au hasard, Contact, etc.) trop claire (insuffisamment grisée) ce qui rend la page éblouissante. Lorsque je clique afin de la masquer, la zone d'affichage du texte ne rélargit pas, la largeur de la marge de droite augmentant d'autant que celle de gauche se réduit. Cordialement, Olimparis (6 août 2020).
Exactement le même avis qu'Aréat. --89.156.216.137 20:18, 6 August 2020 (UTC)
Même avis également. — Vincent Lefèvre (talk) 21:49, 6 August 2020 (UTC)
Si encore le système permettait de basculer d'un mode lecture réduite à écran cinéma, ce serait toujours mieux que rien. En l'état je ne vois pas l'intérêt. Jpgibert (talk) 11:41, 7 August 2020 (UTC)

Something I do not understand is: why don’t you let users who find it hard to read wide paragraphs reduce the size of their window, use the zoom function of their browser, or use the reader view? Before this change, it was possible to reduce the wideness of the paragraphs using one of these methods; now, it is impossible to revert it and enlarge them — unless you are logged in, of course. There something strange in reducing the wideness of paragraphs now that many people use 1920px-wide screens… Thanks --Rükükü Stash Stash (talk) 07:28, 7 August 2020 (UTC)

Idem, la barre blanche d'espace inutilisé à droite me perturbe beaucoup trop, c'est désagréable, inesthétique, un gâchis monstre d'espace et pas du tout pratique puisque ça limite le contenu à lire sur la page. Et mon ordinateur portable n'a pourtant qu'un écran de 17 pouces. Je suis repassée à l'ancienne version à cause de ça, tout les autres changements ne me posent pas problèmes, j'aurais même pu en apprécié certains, mais cette limitation de la largeur de la page ? Une erreur. Pas du tout intuitif, tout le contraire. --Zeynel (talk) 10:14, 8 August 2020 (UTC)

Je suis un simple lecteur de Wikipedia, j'ai retrouvé ce très vieux compte pour pouvoir donner du feedback sur cette nouvelle interface, et pour dire que la grande barre blanche à droite est un gâchis d'espace, pas même utilisé pour y mettre les images. Je n'ai pas réalisé d'étude académique sur le nombre optimal de mots par ligne, mais rendre les pages plus étroites n'améliore rien du tout, resserrer tout rend les choses plus confuses au contraire. Je n'ai pas d'avis sur les autres modifications, mais si les retours des simples lecteurs sont appréciés, alors revenez en arrière sur le Wikipedia francophone, et n'implémentez pas ça sur les autres langues non plus. Merci d'avance. Xerbias (talk) 20:55, 8 August 2020 (UTC)

Hello — please excuse my message in English and my delayed reply to this thread. The motivation behind limiting the content width is to improve the reading experience, particularly for people with wide screens. The research we have reviewed recommends line lengths around 45–75 characters per line. The upper limit we have seen from research, or found on other popular information websites, is around 120 characters per line. Research shows that above this limit there are detrimental effects to speed, comprehension, and retention of information. If you take a look at some of the popular websites you use I expect you will find a similar width limitation. So we believe that is the correct default experience, even if it results in white space on the sides of the screen. Further along in the project we will be experimenting with putting a table of contents and/or article tools in that white space. I encourage all of you to take some time — maybe a few weeks — and give the new layout a chance. We have already heard from some editors that after a week or two of adjustment they are liking the new layout and find it easier to read. Of course if you have a strong preference for full-width content that is your right. A team member has made a userscript that adds a button to toggle the width of the content: https://en.wikipedia.org/wiki/User:Jdlrobson/vector-max-width-toggle.js. Lastly, we appreciate your feedback and hope you continue to share your observations and opinions. I also ask that you review the notes we've collected here so that you have the full context of our thinking: https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements/Frequently_asked_questions#Why_is_the_width_of_the_content_limited?_Why_is_there_so_much_white_space?. Thank you AHollender (WMF) (talk) 16:58, 13 August 2020 (UTC)
Thanks for the answer. I'm always logged out when reading Wikipedia, so I care how it looks for the default user. On popular websites, there is stuff in columns around the text. If this has to go on, I strongly suggest you put everything that is not the article's text on the empty side, because it can reduce the size of the line way too much, which is not what you're looking for. An example : https://fr.wikipedia.org/wiki/R%C3%A9publique_d%C3%A9mocratique_finlandaise The infobox and the picture should be on the side, then, and length of the line would be alright. This is the priority to fix before implementing it further I think. Xerbias (talk) 18:02, 14 August 2020 (UTC)
I think this answer misses a few points. It may be good to scroll faster thanks to a larger page width. So adjusting only for reading may hinder other uses of the page, such as navigating through it. I often move downwards quickly in order to go where I want. This is now made slower. It also misses the point that people made a conscious choice to have a large screen and that they can reduce the size of their window when they want to. I do that all the time. I disagree with the notion that I should be restricted because some people don't know how to resize a window. Using the white space for other things in the future makes little sense as it would be too small on small screens to hold anything useful in the first place. Please just let people decide the width of their screen. Furthermore, I recently had to edit many pages (French wikipedia, towns -communes- pages with neighboring communes being half-hidden) because the layout got cluttered due to an image on the right "eating" the text or tables on the left, which has to be changed from left to centered in order to be readable at all. I believe this is due to the limitation in width.

Please stop![edit]

Please stop inventing concepts that are useless. You get to dislike basic Wikipedians, those who work on the core of wikipedia: content. Let us work! If you want to make changes, let them be approved by a qualified majority and not by a small group disconnected from reality. --Archaeodontosaurus (talk) 20:04, 6 August 2020 (UTC)

Suggestions about font-size and infobox position[edit]

Hello!

Firstly, thank you for these welcome interface improvements.

To further improve readability, it may be worthwhile to slightly increase the text size and line spacing.

On the other hand, it is true that the presence of large white margins is a bit disturbing, especially with large screens. This space could be used to insert some of the templates that are common in most wikis. For example, infoboxes could be positioned in the right column at the beginning of the article.

Regards, Géodigital (talk) from French Wikipedia, 09:12, 7 August 2020 (UTC).

This space could also be used for the references: they would be better contextualized and the reader would not need to go down to the reflist section and then go up to where he was reading. --Daehan (talk) 10:02, 7 August 2020 (UTC)
Hey, thank you for your observations and suggestions. I apologize for my delayed reply. I fully agree on all points:
I hope you all will continue to follow along as the project progresses and continue providing your helpful observations and opinions. Thanks! AHollender (WMF) (talk) 17:31, 13 August 2020 (UTC)

Freeze top pan[edit]

Hello,

Thank you for the new interface.

A direct consequence is that long articles are longer to scroll down, and consequently to scroll up. It is especially anoying to have to scroll up to the search bar, both for user and reader.

So, would it be possible to freeze the top pan that includes (or will include) logo, search bar, personal links (user, talk, preferences, beta, watchlist, contributions, log out)?

Or provide a button aside the section titles, that allows the user to go back on top.

Thank you very much, --Daehan (talk) 09:58, 7 August 2020 (UTC)

+1. It would be nice, especially if the new top bar is smaller than before as you planned :). Jules* (talk) 12:14, 7 August 2020 (UTC)
Hi @Jules*, @Daehan - thank you for the feedback! Adding a persistent header is actually one of the features we are planning on implementing next in the project (will probably begin building within the next 2-3 months). Some mocks on our initial ideas are available on our features page. In terms of functionality we plan on including the list of features you referred to earlier: logo, search bar, personal links (user, talk, preferences, beta, watchlist, contributions, log out). We are also considering adding persistent links to edit, talk, and history as well. Let us know if you have any more thoughts around this. We're hoping to finalize our ideas and put up a prototype to gather thoughts and feedback within the next month or so as well. OVasileva (WMF) (talk) 14:41, 11 August 2020 (UTC)
@OVasileva (WMF): great! I think that with those further developments and a bit of polish, new design will be more consistent, and more liked by editors. Kind regards, Jules* (talk) 23:19, 11 August 2020 (UTC)
Hello @OVasileva (WMF):, these are great news! Can't wait for it to happen :) --Daehan (talk) 20:53, 15 August 2020 (UTC)

new header is ugly and creates more empty space![edit]

the new header is ugly! it's smaller, it breaks the harmony of lines, it causes more empty space in the top part of the screen and it's completely unneeded!--Orange-kun (talk) 14:27, 7 August 2020 (UTC)

Hey @Orange-kun. The header as is now is just one step towards the look we intend. Later, we will make it sticky (just as requested above), will put more options there, and make aesthetic adjustments. For more details, look at Olga's reply directly above this section. SGrabarczuk (WMF) (talk) 16:02, 11 August 2020 (UTC)
@SGrabarczuk (WMF), I've made some remarks on current design and uploaded a screenshot here: [3] please note it! --Orange-kun (talk) 07:28, 12 August 2020 (UTC)

The interface is not practical.[edit]

Hello, first of all I would like to thank the developers for the work they have done on this new interface. I contribute and read Wikipedia from a laptop. The screen is not very big. Now that there are the huge borders there is really less room for the content. Maybe the borders are ergonomic on big screens, but on my small screen it's a disaster. I think we should work from Timeless, which is a very ergonomic, beautiful skin, and which adapts very well on small screens (smartphones for example). 3(MG)² (talk) 16:51, 7 August 2020 (UTC)

@3(MG)², thank you. In the FAQ, we've explained the reasoning behind the limited content length. What is, according to you, the key advantage of Timeless compared to our change? SGrabarczuk (WMF) (talk) 16:13, 11 August 2020 (UTC)

Improvements[edit]

Hi,

I did a tweet with the chapter account to help the people on Twitter

https://twitter.com/Wikimedia_Fr/status/1291679508651704321

I'm personnaly happy of the maximum width. I'm not a huge reader of Wikipedia, but I find articles difficult to read, specially when whe compare Wikipedia to Medium. Since 2014, I'm using a CSS done by Magnus (fr:Utilisateur:Pyb/vector.css). It's basically a 3-column website with the table of content on the left, text in the middle, infobox on the right, and files on the left and right columns. Unfortunately a lot of wikipedians like alterning pictures on the right, on the left... With Vector, you obtain very few words per line!

Thank you for the work, modifying the skin is not an easy task. Pyb (talk) 18:53, 7 August 2020 (UTC)

Hey @Pyb thank you so much for spreading information about the project on Twitter, and for your encouraging feedback. It's great to hear that you find the site better to use :) We hope that you will continue following along and giving feedback. Thanks again AHollender (WMF) (talk) 22:38, 13 August 2020 (UTC)

Good intentions, poor execution.[edit]

Ok, studies say it's better to have not too large text.

But maybe don't just reduce text width without thinking about the layout at all ?

It looks ok on one of my monitors, but absolutely awful on my laptop. Maybe it would be ok if we still had 4:3 screens ? Well that's not the case.

We already had skins with different width (Timeless, Minerva), they showed perfectly how you could reduce main text and still use space efficiently. Why not take ideas from these ? We know these skins work, they can be a great inspiration for the new version... no need to reinvent the wheel (especially if it's to make it square).

I mean, when the mobile skin looks better than the desktop skin, on desktop, there is an issue — Preceding unsigned comment added by 2a01:e34:ed1e:8360:2575:8c8c:7e6c:54da (talkcontribs) 21:20, 7 August 2020

No, studies actually say the opposite: it is better to have a large text width. See the comment from User:176.186.245.230 above at #Comments on line length, content separation and readability quoting Dan Luu. Theo F (talk) 16:35, 8 August 2020 (UTC)
Hey the question of that specific Tweet and the study it references is being discussed in another thread. Please see https://www.mediawiki.org/wiki/Talk:Reading/Web/Desktop_Improvements#Comments_on_line_length,_content_separation_and_readability. Regarding the questions around how we might make use of that space, Timeless/Minerva, etc. — we are planning to experiment with similar features. Please see this section for more details: https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements/Frequently_asked_questions#But_what_about_all_of_the_white_space!?. Also, if the anonymous contributor who left the initial comment sees this: can you please clarify what you mean when you say "It looks ok on one of my monitors, but absolutely awful on my laptop"? What about it looks aweful?

A way to let users anonymous users maximize the reading window -- a button?[edit]

Some users (I am among them) prefer to be able to choose the reading width. As a technical solution, I would like to suggest that an additional button for example with a double arrow ⇔ labelled as “maximize width“, which would toggle modes, the same way that there is a button to collapse/expand the lateral bar.

My use case:

I read wikipedia unlogged on private and public computers. My preferred width appears to be around 1200px, but sometimes different values to fit several windows on the screen. I loved the dynamic width. I could set the old vector style in the preferences, but that is only accessible when logged in. In my case, it means:

  1. the annoyance of physically typing in a password every time I want to read a Wikipedia article;
  2. the possibility that I occasionally forget to log off from a public computer;
  3. possibility that I mistakenly edit a page under a logged account while I intended to edit as IP to avoid linking some of my interests to my main account;
  4. the question of principle that Wikimedia Foundation can now easily track which pages I read (not the same thing as the pages I edit). Maybe the WMF already could infer that using other technical solutions, but now it becomes trivial.

Creating a secondary account for reading does not eliminate the annoyances above (in particular typing a password and losing 30 seconds everytime). Cæruleum (talk) 23:06, 7 August 2020 (UTC)

I followed a tutorial to do a quick hack on CSS with greasemonkey/tampermonkey.

This is a first time for me with CSS/js, please someone experienced help improve it. At the moment the problem is that above a certain threshold in width, it starts teh text below the left bar, which should then be switched to collapsed mode. or it should be the opposite: collapse the lateral bar for small width, expand it above a threshold. Either way, I am not competent.

Plus:

  • works at my place with Firefox 79.0 and Palemoon 28.12
  • a short term solution that requires fewer clicks (just one click to collapse the lateral bar when using at large widths).

Downside

  • needs to be installed on each and every public computer when one reads Wikipedia, including installing an extension
  • on Firefox, requires javascript activated (on Palemoon, Greasemonkey bypasses that somehow).

The commented line about "imeselector" is for when javascript is required. It removes the moving keyboard icon that appears on top right corner of the edition window everytime one types a new line. It moves after 5 seconds of typing something, this is very distracting when javascript is activated. There are probably better ways to have it not move, but I am not competent.

// ==UserScript==
// @name        Change_vector_maxwidth
// @namespace   example@example.com
// @description Changes the width on fr.wikipedia
// @include     https://fr.wikipedia.org/*
// @version     1
// @grant       none
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

addGlobalStyle('.mw-content-container { max-width: none !important; }');
addGlobalStyle('.mw-workspace-container { max-width: none !important; }');
// addGlobalStyle('.imeselector { display: none !important; }');

The following should press the button so the left bar starts collapsed, which solves the problem where the the text starts below the bar, for large widths. But I cannot make it work. Please someone help.

// https://stackoverflow.com/questions/6337197/greasemonkey-button-click
// https://wiki.greasespot.net/Generate_Click_Events
var evt = document.createEvent('HTMLEvents');
evt.initEvent('click', true, true);
document.getElementById('mw-sidebar-button').dispatchEvent(evt);


Cæruleum (talk) 14:30, 8 August 2020 (UTC)

@Cæruleum, we’re working towards the best use case. We are also aware that individual users adjust the layout to their personal needs. Luckily, Wikimedia wikis are massively customizable. There are user gadgets/scripts which change the width already. For instance, see Max-width gadget section. SGrabarczuk (WMF) (talk) 20:08, 11 August 2020 (UTC)
As I understand, this solution only work when logged, which was never a problem because several skins are already available. The need I express is for users who read wikipedia unlogged (because of using shared computers, or because the login does not survive closing the browser; see also my discussion above).
I am not questioning your new choices, I am instead asking for a help from you competent developers to improve a proposed script that I published above, so that it can be used by me and others who read or edit Wikipedia unlogged, without affecting any of the new defaults.
Let me know if a paid bounty would be appropriate, and how I can place such request preferably within the WMF. Cæruleum (talk) 23:03, 11 August 2020 (UTC)

Diff views are extremely narrow[edit]

Hi Readers Web team, are there plans around relaxing the width constraints when viewing page diffs? Diffs show side-by-side (i.e. 2-column layout) comparisons of two revisions of a page. The content shown for each revision is the wikitext, and is therefore more verbose than the corresponding content that would be rendered (despite only having about half the horizontal space available). When viewed on a 15-inch screen, the new design reduces the width used for each column in the diff from almost half the screen width to about a quarter of the screen width (see screenshot), making it more difficult to scan (particularly for longer lines that have to wrap) and increases the length of the page (for longer diffs). I don't find that ideal, so I hope we can improve that experience there. Hazard-SJ (talk) 03:49, 8 August 2020 (UTC)

Thanks for flagging. I've setup phab:T260091 to document the pages where fixed width is problematic. Please feel free to comment there if you find any other pages. Jdlrobson (talk) 22:19, 10 August 2020 (UTC)

Any forthcoming actions following early comments?[edit]

People have started to express their feelings about the new layout of the French Wikipedia, but got not much feedback for now. The banner iniviting people to leave their comments here has been quickly removed from articles, while patronizing answers on the French Village Pump explain that problems are mostly with people's mindsets and that the new layout is pretty much okay. Does it mean that basically nothing will be done to improve the situation? — Bob Saint Clar (talk) 07:30, 8 August 2020 (UTC)

@Bob Saint Clar, we are collecting data (via API as well) and will make decisions in the near future. It's our intention not to make major decisions directly after the development, based only on the first reactions. SGrabarczuk (WMF) (talk) 16:15, 11 August 2020 (UTC)
@SGrabarczuk (WMF): thanks for your answer.
I totally understand that you wish to capture a comprehensive feedback from all stakeholders prior to making any kind of decisions: that make sense. In the meantime, is there any page, on Mediawiki or elsewhere, where suggestions and proposals for discussion are logged and investigated, so that we can have an idea of what is being considered exactly, and when any kind of outcome should be expected? — scope, roadmap, timeline, that sort of thing.
Bob Saint Clar (talk) 17:00, 11 August 2020 (UTC)
You are right, this is exactly our approach.
Regarding your question, this very page is the central place for proposals and discussion with the wide editing communities. There's also a Phabricator board with a part of the more technical discussions. If you go through the main navigation tabs and read these pages, you will learn all the crucial information that needs and is possible to be shared now, incl. the scope and sequence of functionalities built and deployed. SGrabarczuk (WMF) (talk) 12:00, 12 August 2020 (UTC)

A mini-minute remark[edit]

Of the 3 july changes that affect, as far as I am concerned, the fr.WP (WP = wikipedia) and fr.wikt (wikt = wiktionary) interfaces (and with my less degree of participation, to eo.WP), much nothing to say, apart "good job ! I appreciate". 1°) I can't say I am much appreciating the collapsible sidebar, since I have been using this functionality with the LeftPaneSwitch gadget for many (?) years, so that I miss it on en.WP. While rereading these words, I notice that this gadget was only present on fr.WP, and not on eo.WP or fr.wikt. So now, the functionality is all there, and on fr.WP, I e havleft the gadget apart. In conclusion : for me; no new functionality, but its presence at more palces ; and more confidence in it, since it's now part of the "system". 2°) The width question : on desktop computer, who is still having a 9 in. wide LCD ?… It's nowadays so easy to zoom the content inside a specific window or to adapt the size of the fonts to the specific use at the peculiar moment… Since I am badly equipped in matter of eyes, it's a thing I permanently do, changing globally the size of the fonts inside a window, an operation which can be done, on my casual OS at home (5 years old since the last major update) as well as with the much newer one at work, with very simple shortcut key commands… So, I am wondering where the problem is, guys ? Those in need just have to learn two new shortcuts and that's fine, most probably. 3°) The logo size and shape… Oh yes, this is a very vital subject… :-))) which I don't care. But I do have a truely definitive real mini-minute remark : I have noticed the disappearance of one crucial functionality : clicking the WP sphere logo was « sending the browser » to the home page of the current project, Wikipedia or Wiktionary. Now, the logo is unresponsive, deaf, insensitive, shamely careless... How-e-ver, since this functionality is the first one in the left column, this means that : if the column is deployed, it's also one click ; but when the column is collapsed, it's now 2, two, TWO ! clics, one to open it, and the second… as usual. Well, I personaly think I can however cope with this newly required tremendous effort of partly doubling the clicks... :-) Conclusion : therefore, thanks to all people who participated to the elaboration then development for these three first modifications. I'll be waiting for the next 10 with no anxiety. Best friendly regards to all readers of this, and to others too. (And I plea guilty for typos, miss-expressions and bad wordings…) --Eric.LEWIN (talk) 07:53, 8 August 2020 (UTC).

@Eric.LEWIN, thank you for these kind words! SGrabarczuk (WMF) (talk) 11:46, 12 August 2020 (UTC)

new interface : the main problem is when there is an infobox[edit]

Without infobox, the lengths of a line on my screen is ~115 character, and i think that it is good. But when there is an infobox (like at the begining of most article), it is reduce to ~77 and is too short.

But this would be very easy to solve, by putting the infobox in the big empty space at left :

this is the old version : https://i.imgur.com/hGpwlHY.png

this is the new version : https://i.imgur.com/uwDFaof.png

this is my suggestion : https://i.imgur.com/FVN98xx.png

(the dark-mode is the result of 2 addon (dark reader + adjust screen brightness). But it would be easy to make it the dark theme of wikipedia : the brightness of the images is reduce of 20%, the background is 14-14-15 (in RGB) ; the main text is 157-153-147 ; the bleu link is 77-130-180 ; and the title is 177-170-147 .)

--2A01:CB08:AB5:E300:9044:65C:233E:DD66 05:33, 9 August 2020 (UTC)

Hey, apologies for the delay in responding. Thank you for taking the time to provide constructive feedback. And we really appreciate you showing your ideas visually, it helps facilitate communication and understanding. I think it's a great point you make — moving infoboxes and/or image templates into the right margin seems like an improvement worth experimenting with, especially given the updated layout. I am not yet sure how this would be possible from a technical perspective but I've added to our list of future considerations. AHollender (WMF) (talk) 13:44, 20 August 2020 (UTC)
I find the images outside the text to be a very bad idea. If I reduce the size of my window to just see the text, I'll miss the images.

Images mixed with text feel also more pleasant to the eye imo.

The beginning of the line in the page (mainly for wiktionary)[edit]

In the old version, there is an bleu line at the left of the article, but not in the new ; and in the new, the text start far from the left limite of the screen. It is mainly a problem for Wiktionary, because there is lot of list, and for the list, we always go the the left, but there is no indicator for where the line start.

We could use this bleu line at the left of the article :

old : https://i.imgur.com/DBp9D1b.png

new : https://i.imgur.com/zeIafni.png

my suggestion : https://i.imgur.com/fMCqj2Y.png

--2A01:CB08:AB5:E300:9044:65C:233E:DD66 06:37, 9 August 2020 (UTC)

Hey, thanks for your suggestion. In an attempt to consolidate conversations I'm going to point you to a Phabricator task, on which a similar discussing is happening: https://phabricator.wikimedia.org/T259240. In short I understand the need to have some kind of element that frames the content so it doesn't feel like it's floating. However since there are several other features that we want to work on in that space, we think it makes sense to wait for those features before making any additional changes to the background/border situation. AHollender (WMF) (talk) 18:27, 24 August 2020 (UTC)

What's the plan for Legacy Vector?[edit]

What is the the long term plan for "Legacy Vector"? Will it continue to be available as a separate skin, like Monobook is, after the new Vector is deployed as the default skin? /JohanahoJ (talk) 07:59, 9 August 2020 (UTC)

Hi @JohanahoJ - that's correct, the Legacy Vector skin version will continue to be available after the switch. OVasileva (WMF) (talk) 14:50, 11 August 2020 (UTC)
Ok, thanks! /JohanahoJ (talk) 14:58, 11 August 2020 (UTC)

The width is the same for everyone, but non-Latin wikis look different[edit]

There is also a difference in fonts. In firefox settings win10 (font by default) the font size is 16, in the wiki it is already 14 - see where the line ends in the wiki. I put 14-15 in the browser or 13px for the text - a few more words fit into the line. Or I do serif (times new roman) - in another font the text is denser. I take an article in enWP - 150 characters fit in a line, in ruWP - 130. In enWP (and in ruWP with a smaller font size), browsing and reading the text is a little more convenient. In ruWP, the text looks "inflated" and the developers, when forming the length, could only look at sites in English. Non-Latin languages ​​are now less comfortable to read. It is possible that different wikis need different widths or font adjustments for the same number of characters per line. --Sunpriat (talk) 12:50, 9 August 2020 (UTC)

@Sunpriat, this is an excellent point. We will definitely look into these settings. SGrabarczuk (WMF) (talk) 16:29, 12 August 2020 (UTC)

The maximum width restriction is a disaster for wide tables and wastes screen space.[edit]

Content-is-like-water.svg

I know criticism is not much appreciated, but I am afraid this needs to be said:

The maximum width restriction which is planned for Vector 2.0 defeats one of the greatest benefits of the Vector skin and is a disaster for big tables. Not just on Wikipedia, but on countless MediaWiki instances on the Internet.

Here are two screen shots of this table in comparison. And here is the Vector 2.0 demo site. The difference is dazzling.

Users who actually want a restricted content width already have that option: A “Mobile view” button at the bottom of the page or the browser's so-called reading mode, which all major browsers are equipped with by 2020 and is customizable by the user.

I am utterly disappointed about that width restriction. One of the things I appreciated most about Vector will now be destroyed.

Also, the change actually does the opposite of improving readability: It forces the user to seek the beginning of lines more often. For this very reason, I read long texts horizontally if I read on a mobile phone.

Suggestions[edit]

  • If this change will actually be made on Wikipedia, please do not make this change a default on MediaWiki, because many MediaWiki instances on the Internet do not allow a user to create an account which would be required to choose MonoBook, which I presume will not be squished like Vector 2.0.
  • Please allow non-account users to choose a skin via a setting that is stored as a browser cookie. The useskin URL parameter is discarded upon navigation to the next page.


I sincerely hope that my suggestions will be considered. ---46.114.106.231 12:54, 9 August 2020 (UTC)

I totally agree with you. Lematth88 (talk) 16:12, 9 August 2020 (UTC)
wide tables are a disaster on mobile and should be avoid. Pyb (talk) 21:52, 9 August 2020 (UTC)
Actually, tables can easily be side-scrolled on mobile phones. Also, us desktop readers do not wish to lose wide tables that look good on a desktop monitor. --79.241.207.77 23:28, 9 August 2020 (UTC)
Agreed. Mobile view should be optimized for mobile and desktop view should be optimized for desktop. Otherwise what's the point of keeping them separate. 93.136.89.139 05:26, 14 August 2020 (UTC)
Thanks for bringing this up. One of the worst designs I once saw in a web application was a big table (wide & long) squeezed in a narrow column with a horizontal scrollbar at the very bottom, i.e., you need to scroll to the bottom of the table to then scroll to the right, which makes reading a line from left to right totally impossible. It specifically pains when at the same time the monitor would be big enough to never require horizontal scrolling. So that must be avoided IMHO. Switching the overall layout isn't optimal either, because restricting the width of text still has its value. From this seems to follow, that wide tables (and other wide material, like images?) should be allowed to to "flow" over the text margin. One could discuss a UI where tables can be folded (in/out). Perhaps by default(?) tables are cut off at the text margin, but can be expanded to the full physically available horizontal space by one or more simple gestures. That way the initial view of a page is clearly focused on the text column, but wide material can be made to show in an optimized way. 94.223.0.72 13:06, 8 October 2020 (UTC)

Max-width gadget[edit]

Here is a gadget that might be helpful to users who dislike the max width but do not want to opt into the legacy mode. It should give you the best of both worlds and hopefully allow you to see the benefits over time. en:User:Jdlrobson/vector-max-width-toggle.js Jdlrobson (talk) 00:36, 10 August 2020 (UTC)

One can also do it similarly with a custom CSS browsing add-on. --79.241.207.77 01:12, 10 August 2020 (UTC)
Great! Thank you on behalf of the entire Multiverse, @Jdlrobson :) SGrabarczuk (WMF) (talk) 23:08, 13 August 2020 (UTC)
Any plans to roll it out for us 99% of Wikipedia readers who don't have an account? I suggest a link next to the mobile switch. 93.136.89.139 05:25, 14 August 2020 (UTC)
Preferences like this are generally only made available to logged-in users. If you are using a desktop or laptop, you might want to look into installing a userscript manager. Once you've installed it, click the "new userscript" button and copy the code on the .js page linked above. — pythoncoder  (talk | contribs) 13:38, 24 September 2020 (UTC)

Malfunction[edit]

There seems to be a malfunction, the site renders like this: https://wtf.roflcopter.fr/pics/Ekh6WpbZ/bLniiEly.png

Notice the random, non-aligned white and grey areas left and right of the page and overall lack of alignment. M!dgard (talk) 20:32, 10 August 2020 (UTC)

Okay, apparently it's intentional. I don't want to just scream "baaad!", and I think a lot about design of websites and web applications these days, creating some myself, so here's a quick critique: https://wtf.roflcopter.fr/pics/lbo0xBlM/lVZUKbid.png M!dgard (talk) 21:03, 10 August 2020 (UTC)
Here's a quick mockup that I think fixes a lot of issues: https://wtf.roflcopter.fr/pics/DZcpVMTh/P7fzmmhA.png
I haven't touched on the max-width, if that's something you want to keep. M!dgard (talk) 21:40, 10 August 2020 (UTC)
SGrabarczuk (WMF), please look carefully at these comments and the proposed fixes that M!dgard so generously provided. They should all be considered before rolling out these changes to sites like en.WP, where there are many editors who are just as critical but not nearly as helpful. Jonesey95 (talk) 17:20, 13 August 2020 (UTC)
@Jonesey95, sure we are! We are watching this page and looking carefully at all comments. As we've outlined on the main page of the project, we are implementing the changes gradually, and adjusting and improving the layout. Our decisions aren't based on talk page feedback only, but also on statistics. Our software is and will be well tested :) SGrabarczuk (WMF) (talk) 22:25, 13 August 2020 (UTC)

max-width CSS rules harm usability[edit]

A max-width CSS rule is not relevant for the content of a webpage, because it is possible for users to resize the browser window. On top of this, many browsers offer a "reading mode" that shrinks the text to a small column. Please retract any max-width CSS rules on the content. Calimeroteknik (talk) 20:40, 10 August 2020 (UTC)

Yeah. The most used browsers also allow the use of ctrl+plus or ctrl+mouse scroll to zoom in, which gives you fewer characters per line. We who want to read the page in normal width have been forced to resort to unreliable CSS hacks. 93.136.89.139 05:34, 14 August 2020 (UTC)

The new maximum-width rule is making reading experience worst[edit]

While I understand the rational behind the maximum line length rule, I found the way it has been implemented (setting up a max-width on the whole article) is making reading experience actually worst than it was before. Some of the issues I noticed / suggestions of improvement:

  • Not properly implemented on large screen with grey areas on the borders => no grey areas
  • Menu of the article (Read, Edit, Search, etc.) has also been reduced causing a strange disruption with the menu in the header => align with header menu on the right
  • Infobox further reduce width of the paragraphs making them very small => Move infobox outside of the max-width limit to the right.
  • Large tables are very difficult to read => allow for large table to extend max-width limitation

pzwsk (talk) 11:25, 11 August 2020 (UTC)

@Pzwsk, thaks for these suggestions! As for the lack of grey background, we've tried this. If there was no such area, the header (which, in a few months, will be not scrollable and always visible at the top of the screen) would inevitably look... "lost", misplaced on this vast white background. Grey area gives a sense of framing. Regarding infoboxes, we are enthusiastic about using the newly blanked areas. We would like to make more steps in this direction. Bullet points #2 and #4 - these issues are on the radars of our designers. SGrabarczuk (WMF) (talk) 19:04, 26 August 2020 (UTC)

Rollback request[edit]

The "content width limit" is very controversial and I believe you have received enough negative feedback already to confirm that it is currently broken.
So, please revert this change on the test wikis for the time being. Xhamon (talk) 01:04, 12 August 2020 (UTC)

Peu d'intérêt...[edit]

Je suis un utilisateur qui consulte généralement wikipédia sans être connecté (parce que je bouge pas mal, change de PC, ou utilise la navigation privée). Bien qu'ayant remis l'ancienne mise en page en vigueur sur mon compte, je ne comprends vraiment pas l'intérêt de la nouvelle. J'utilise en général des écrans larges où la largeur de texte se trouve maintenant limitée, quand je pouvais auparavant afficher bien plus sans avoir à scroller. Au début, j'ai même pensé que mon navigateur ou mon PC avait planté tellement la qualité de lecture avait baissé.

Pourquoi changer cette interface qui fonctionnait très bien ? Et pourquoi imposer d'autorité ce changement ?

--Sombresprit (talk) 10:09, 12 August 2020 (UTC)

D'autant qu'il a toujours été possible de réduire la fenêtre du navigateur pour choisir une largeur de lecture inférieure. Et ça prend beaucoup moins de temps que de se connecter à un compte !! -- Calimeroteknik (talk) 19:02, 18 August 2020 (UTC)

Text width[edit]

Please make the text width maximum again. I have a non-magnified 1080p screen and I can only fit seven paragraphs on it.

What the heck is all the white space for anyway? Are you going to run ads? Does somebody think WP will become more relevant if it looks more like Facebook and Twitter? Is WP's readership now intimidated by long, formal texts? Or has Jimbo been bought off by the mouse scroll wheel manufacturers? 93.136.184.51 18:53, 12 August 2020 (UTC)

This. The huge columns of whitespace look hideous, such a waste of screen space - almost half the screen is wasted requiring extra vertical scrolling at standard screen resolution. Xaosflux (talk) 04:06, 13 August 2020 (UTC)
Ditto. Wide-screen support is still relevant for many readers and editors, including this one. For those looking for workarounds, en:wp:Village_pump_(technical)/Archive_183#New_look? has some suggestions. 24.151.56.107 17:35, 13 August 2020 (UTC)
  • If this is what it's gonna look like, then it's not a "desktop improvement". My feedback is: don't do this.--Piramidion (talk) 17:40, 18 August 2020 (UTC)
Thank you all for your feedback. We have written up some responses to common questions about the width: https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements/Frequently_asked_questions#Why_is_the_width_of_the_content_limited?_Why_is_there_so_much_white_space?. Please understand that we are at the very beginning of this project. There are features coming later on that will make use of the white space on the sides of the screen. AHollender (WMF) (talk) 13:49, 20 August 2020 (UTC)
The aloof tone of the answers makes me "wonder" if our feedback "might have been" dismissed out of hand... 93.136.37.250 21:19, 20 August 2020 (UTC)
Maybe check your own tone first? —TheDJ (Not WMF) (talkcontribs) 15:58, 24 August 2020 (UTC)
@AHollender (WMF) having to scroll more when there is blank space is not mentioned in that page https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements/Frequently_asked_questions#Why_is_the_width_of_the_content_limited?_Why_is_there_so_much_white_space It is easy to see that blank space mechanically pushes content down the page. I believe it is arguable that this is one thing that is wrong with white space. -- Calimeroteknik (talk) 02:33, 22 August 2020 (UTC)
@Calimeroteknik right, one result of limiting the width of the content is that the page gets taller and therefore you have to scroll more. However I would be cautious to list this as a negative result because I think it's quite difficult to accurately determine the effect of having to scroll more. I'm not trying to suggest that it's a benefit, but more so that we don't really know if it's bad, or even if we do think it's bad it's difficult to describe how bad it is. It could very well be a very slight drawback that doesn't warrant being mentioned, but once we do mention it then people might start latching onto that and saying "look it's not worth it because it makes the page taller". It would be great if we could find some research on this matter. AHollender (WMF) (talk) 14:05, 31 August 2020 (UTC)
It is always possible to downplay an inconvenient argument, and ask for more studies. However, we already know that it is possible to reduce text line length without limiting content width, by introducing text columns. This is not a cornelian choice between two evils. Calimeroteknik (talk) 11:46, 11 September 2020 (UTC)

Pourquoi changer ce qui fonctionne.[edit]

Cette nouvelle interface n'est pas du tout adaptée à la consultation de contenu sur ordinateur. La moitié de l'écran ne sert à rien, on est bien plus obligés de défiler, et donc de casser sa lecture pour voir la suite du contenu. Les écrans deviennent de plus en plus grand, mais le contenu affiché le devient aussi. La quantité de défilement nécessaire pour naviguer dans les pages les plus longues, avec l'ancienne interface était déjà bien grande, non pas qu'elle gênais, mais on pouvais avoir une bonne vision de la taille des paragraphes, d'un coup d'oeil, on pouvais rapidement voir quelles étaient les sections les plus fournies, avec cette nouvelle interface, la mon index va se fatiguer au vu des défilement à faire, surtout pour les utilisateurs qui n'utilisent pas les ancres dans le sommaire. Si je voulais consulter wikipédia mobile, j'irai sur m.wikipedia.fr, pas sur le site pour ordinateur. je me suis créé un compte uniquement pour revenir à la nouvelle interface, et je pense que je ne suis pas le seul.

Exactly, I made this account precisely because I could not stand using the new version of wikipedia. It's so narrow, I hope they will reconsider or to at least give the option to opt out of this new update. --Civicader (talk) 14:42, 15 August 2020 (UTC)
On a privacy/anonymity note, staying logged into your account makes it easy for Wikipedia to collect the history of pages you visit. This is indisputable fact. -- Calimeroteknik (talk) 19:00, 18 August 2020 (UTC)

Nouveau style wiki français horrible[edit]

Bonjour, le nouveau style du wiki français est vraiment très mauvais. Lorsque l'on lit un article du wiki sur l'écran du PC on a une énormes bande blanche de chaque côté de l'article. Sans déconner on perd pratiquement la moitié de l'espace d'affichage. Le changement est horrible, j'ai l'impression de consulté une version mobile sur un PC. On scroll down beaucoup plus qu'avant aussi, c'est assez pénible. Voilà mon premier problème.

Le deuxième problème c'est que j'ai passé environ 30 minutes à chercher la cause de cette nouvelle mise en page, je pensais que c'était un problème venant de mon PC. A aucun moment, personne n'a pensé a peut être mettre un bandeau d'information qui explique ce qui se passe? La manière de procéder me fait penser qu'on doit accepter le changement et se taire.

Troisième problème, je crois avoir compris que les personnes enregistrés pouvaient modifier l’apparence et revenir à l'ancien format, c'est très bien mais quid de la grande majorité, qui comme moi ne sont pas enregistré, on ne peut pas avoir cette possibilité? Doit-on accepter cette modification et se taire? j'ai juste le sentiment qu'on veut nous forcer à accepter quelque chose et franchement je ne pensais pas que c'était la mentalité de Wikipedia de procéder ainsi.

Pour moi ce changement de largeur rend la lecture des articles vraiment désagréable, pour être vraiment honnête je préfère aller lire les articles en anglais à cause du nouveau design plutôt que des les lires dans ma langue natale.

Mon dernier point, quand est-ce prévu d'avoir au moins une option pour avoir les pages aussi large qu'avant? Merci

voilà my two cents sur ce sujet.

Text columns instead of max-width[edit]

Given these clear and blocking regressions of max-width rules, I suggest to instead keep the width, but introduce columns within the text of the articles, like newspapers do. (using media queries)

This would reduce the number of characters per line, but not at the cost of:

  • breaking large tables
  • wasting a lot of screen space
  • forcing people to scroll more

To conclude, the max-width limit brings nothing more than what was possible by resizing the browser window, which takes a split second.

-- Calimeroteknik (talk) 13:33, 20 August 2020 (UTC)

@Calimeroteknik thanks for taking the time to write up your idea. We're currently planning to experiment with adding a table of contents and/or page tools within the margins of the article, so that space is most likely going to be used for something. If none of those ideas end up working perhaps we can consider something like you suggest. We have also started discussing some reading accessibility features that would allow people to choose the width of the content. Please do stick around and continue adding valuable ideas like this one! AHollender (WMF) (talk) 13:56, 20 August 2020 (UTC)
I wish to make an explicit note here that I believe that any hostility to the changes in this discussion page to come from the regressions, and not from change in itself, or resistance to it, as people pushing that change will feel (consciously or not). From what I see in the workplace, working as an UX designer gets one to develop a specific bias, where any change seems more welcome than keeping the existing, for the sole reason that it is new. By suggesting something entirely new (text columns), I leverage that bias to steer the UX designer's effort towards net improvement of the interface, i.e. without accompanying it with regressions. I believe that the current proposed layout with max-width is a result of yielding to the temptation to break a few things just to fix one downside whose importance got overestimated (especially as it is fixed by a window resize). I mention this out of honesty, and also because I have (possibly unreasonable) hope it could be well-received, and useful. -- Calimeroteknik (talk) 14:37, 20 August 2020 (UTC)

User page of Antandrus[edit]

en:User:Antandrus user page looks best on 1024px 1280px width or more? I think our Wikipianist ain‘t going to be happy about the 960px max-width

2003:E5:BF17:7000:E4CD:CE57:753D:EF8F 14:16, 20 August 2020 (UTC)
The max width only applies to the content area. The sidebar is 160px width. Last time I checked 1024px is less than 960+160. What am I missing? 157.131.76.233 22:24, 20 August 2020 (UTC)
Looking at said user page, I guess (s)he meant 1280px. I corrected it. --46.114.105.71 15:27, 21 August 2020 (UTC)

New content width limit wastes space on a large monitor[edit]

For a few days or weeks now, French Wikipedia has started using the new skin. My first reaction to this new theme is that the new content width limit is way too small, and this is especially shocking when using a large screen (I'm using a 27" screen with a resolution of 2560*1440). A rough measure with GIMP shows that the content is now only using 37% of the width of my screen, which looks like a waste of space. (See this comparison: https://twitter.com/s3phyca/status/1296903251753926657 )

I understand while reading Reading/Web/Desktop Improvements/Features/Limiting content width that there's a logic behind this modification. I'm wondering if the data used to come to the conclusion that a width limit is sensible may be old data, predating screens with very wide resolutions? I believe most desktop users have adapted to wider screens that may have seemed way too large at first, but now provide some good usable space to have data on screen.

If a content limit has to be imposed, may I suggest that it be a percentage of the width of the screen and not a fixed value in pixels?

This is only going to get worse with 4K or 8K monitors (although using Hi-DPI might/will mitigate some of this I guess)

Putting aside the number of characters per line (which seems to have some pretty strong sources suggesting a limit for easier readability), I think the real problem here is how much a page looks "empty" by using only a small percentage of the width of a screen. This really feels like a waste of space. I do not have a solution on how to improve that if putting a limitation of characters per line is so important. Maybe using a "columned" view (like newspapers) on very wide screens? Using that "wasted" space for non-text article content? (images, graphs, etc.)

If the character limit per line has to be imposed, then there is a need to find a use for all that space that is going to be freed up. FF7Sephiroth (talk) 21:28, 21 August 2020 (UTC)

I thought about this some more and one more thing is bugging me. This modification takes control away from the user. With the previous, full window width content, the user could choose to have it displayed in a narrower window if they feel that shorter lines is easier for them to read. The width limit now imposes that choice on them.

After thinking about it some more I understand how fewer characters per line makes lines easier to understand, however, most of the times I'm just skimming through articles, or searching through them with Ctrl-F. For that use I do not need the narrower lines, on the contrary I appreciate having more content displayed on one screen for skimming/searching. FF7Sephiroth (talk) 03:41, 23 August 2020 (UTC)

Keep other languages accessible (e.g. like in the mobile skin or in the mobile app)[edit]

Hi, I am really excited about this (see my tweet)! One suggestion: We should keep the links to other languages accessible, maybe in the way it's done in the mobile skin or in the mobile app. --Gnom (talk) 14:25, 23 August 2020 (UTC)

Have you tried it on a desktop screen yet? 93.136.146.80 07:25, 25 August 2020 (UTC)
@Gnom, thanks for your support. Regarding the languages, you will find the answer on the page that contains the descriptions of our future changes. The plan is to move these links to the article bar, and later, enable one-click access to a few preferred languages. SGrabarczuk (WMF) (talk) 23:15, 25 August 2020 (UTC)

What's the workspace area?[edit]

Hi. I've read your docs and for now I don't see any purpose for the "workspace" area except to limit line length. Do you plan to add stuff there, like the timeless skin has?--Strainu (talk) 08:21, 24 August 2020 (UTC)

@Strainu - good question! Yes, we are actually quite excited about the idea of using this space for other functionality. In the short term, we're currently exploring a few options we mention in the FAQ, such as a sticky sidebar, and the table of contents. OVasileva (WMF) (talk) 14:05, 26 August 2020 (UTC)

[edit]

Please tell me how to include the Chechen logo in the new interface? Screenshot. --Takhirgeran Umar (talk) 11:08, 24 August 2020 (UTC)

Hi @Takhirgeran Umar. You can find the answer to that question above: this is temporary, and we are working on this. However, since the number of wikis is significant, it will take a couple of weeks at least. SGrabarczuk (WMF) (talk) 23:25, 25 August 2020 (UTC)
Hi, now I get it! Thank.--Takhirgeran Umar (talk) 00:31, 26 August 2020 (UTC)

Gnome 3[edit]

The new changes are from the same people that brought you gnome 3. Your donation money in action. 82.39.171.152 13:19, 25 August 2020 (UTC)

Is it actually the same people? Or are you just pointing a general trend among visible UX designers these days (since circa 2011)? -- Calimeroteknik (talk) 17:11, 25 August 2020 (UTC)

Maximum width[edit]

How Vector 2.0 looks on wide screens.

Hello, I am coming from the French Wikipedia to support the above messages from other users stating that the set maximum limit to the width of articles is a nonsense:

  • Dynamic websites are supposed to be able to adapt to any screen, whether they be computer, tablet or smartphone screens. There is now a lot of white space left and right, without any purpose, and more scrolling to reach the content in the lower parts of articles.
  • Giving registered users the option to revert back to the previous display is not an adequate solution for most readers, as they are not registered. Additionally, I guess that this option to use the "old" vector will be removed at some point.

I encourage you to revert back this width limitation, or at least increase the current limit. --LeJC (talk) 16:48, 25 August 2020 (UTC)

If the designers decide against this, I would encourage keeping an easily accessible version of the original vector like https://en.old.wikipedia.org like Reddit does with https://old.reddit.com . New Reddit style was also width limited and enough people complained that they have kept the old style as a subdomain. I wouldn't depend on cookie-based and account-based switching since it's a big pain in private browsing and such and generally a dark pattern. 93.136.146.80 20:20, 25 August 2020 (UTC)
Hi @LeJC, thank you for the feedback! We've outlined some of our rationale on why we chose this particular width in our FAQ. The short version is that we're trying to optimize a line width that can provide the best reading experience in terms of speed and comprehension based on a variety of studies done on this topic. I also want to add that, while there is nothing inherently wrong with white space, we are considering using this space for a variety of other functionality in the future such as holding the table of contents for example. This change allows us to begin exploring these opportunities. In terms of accessing the previous version while logged-out, we have not yet discussed creating a separate subdomain, but the site can be accessed on a per-page basis by appending the url parameter "?useskinversion=1", as in https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal?useskinversion=1 OVasileva (WMF) (talk) 13:59, 26 August 2020 (UTC)
Brilliant. The URL parameter useskinversion=1 is a step in the right direction. But, as suggested by others above, a skin setting stored as browser cookie would be even more useful, because the URL parameters useskinversion and useskin get discarded upon navigation on the next page. Not just for Wikipedia, but on other MediaWiki-powered websites too, in case the content column is planned to be squished on MediaWiki's default installation. Most MediaWiki sites I have seen use the default skin, i.e. Vector. --19:47, 28 August 2020 (UTC)
A subdomain would be even better than the cookie since it would be supported when browsing with cookies off such as in Firefox Focus. "Useskinversion" is a good idea but it's impossible to memorize and the reverting to old version when changing pages needs to be fixed ASAP 93.142.82.119 02:19, 30 August 2020 (UTC)
Hi @OVasileva (WMF), first, you are not really addressing the many messages of concern on this page, on the English Wikipedia Village Pump and its French counterpart (Le Bistro) and merely copy-pasting similar answers without really listening to the complaints. Second, for non-registered users, changing the URL is clearly not a viable solution. --LeJC (talk) 13:30, 2 September 2020 (UTC)
@93.142.82.119: The mutilated Vector 2.0 redesign will not just be a problem on Wikipedia, but also on MediaWiki-powered wikis from the rest of the Internet. And not every webmaster will bother creating an old. subdomain.
Web designers these days seem to forget that there is also a group of people who own wide displays. And 960px (!) is so 2003.
The redesign looks like vertical video on these wide screens. --10:11, 4 September 2020 (UTC)

Design suggestions for large tables[edit]

Pages with large tables (such as monument lists: ro:Lista_monumentelor_istorice_din_București,_sector_1) don't look nice with your changes. What are your design suggestions for such pages?--Strainu (talk) 20:38, 25 August 2020 (UTC)

@Strainu I believe this would be an issue for anyone with a screen that is more narrow than the table. Therefore I think it would be a good idea to introduce some kind of minimal markup/template style/something that limits the width of the table, adds a horizontal scrollbar, and gives some indication that there is more content. I've attempted a simple demo of this here: https://en.wikipedia.org/wiki/User:AHollender_(WMF)/sandbox/wide_tables AHollender (WMF) (talk) 19:26, 15 September 2020 (UTC)
Wow, it looks absolutely amazing, thank you! Indeed, the tables are a problem for mobile users as well.--Strainu (talk) 19:44, 15 September 2020 (UTC)

Talk Pages[edit]

Talk pages with long comments are already unwieldy on a wide display, how are they going to work when limited to 960px? Will talk pages be reworked in the future to help this?

Yes, talk pages are currently being worked on and we are collaborating with that team to ensure that we improve readability. Please see https://www.mediawiki.org/wiki/Talk_pages_project for more information. AHollender (WMF) (talk) 14:28, 31 August 2020 (UTC)

Add a dark themed Vector[edit]

While I appreciate the effort that the MediaWiki community is doing to improve Vector "for once in a decade", it would be great to at least provide all of these improvements in a separate variant of Vector that features a light-on-dark appearance (as in "a dark theme/mode"), just like what the mobile version of Wikipedia provides as of now. I would also accept that it be provided as an option not just for logged-in accounts but also for everyone, as light-on-dark designs are widely present almost on every device and it would be useful for readers that prefer to explore Wikipedia (or other Wikimedia projects for that manner) more comfortably with them toggled on. - AlejHerrBar2003 20:55, 28 August 2020 (Central America)

Hello AlejHerrBar2003. Dark theme (including dark theme for all) has been a topic for quite a long time. Unfortunately, it's not on the list of changes we're able to make in the close and foreseeable future. But oh boy, do we keep it in mind! SGrabarczuk (WMF) (talk) 11:51, 31 August 2020 (UTC)
@SGrabarczuk (WMF) I understand that a proper dark theme needs a lot of work because it would probably mess up other elements and their colors. However, would it be possible to change the vector skin to have a background of light grey instead of the blinding white color. Hako9 (talk) 00:51, 1 September 2020 (UTC)
That's an interesting idea, @Hako9, and sounds like one of the planned General aesthetic refinements. SGrabarczuk (WMF) (talk) 12:19, 1 September 2020 (UTC)
@Hako9 and @SGrabarczuk (WMF), I accept the idea of replacing Vector’s background with a light gray color, but what I suppose you didn’t understand was that a dark theme could be theorically achieved by creating another version of Vector, separate from the original version, that could be enabled by the user if desired on "Special:Preferences > Appearance", not having to modify Vector as a whole and only making it light-on-dark. Is there any limitation on MediaWiki as used by Wikimedia’s projects to theming beyond the 5 standard skins (which are all dark text on light backgrounds) that prevents a dark theme from even being possible? If not, I think it would be great decision to begin working on what I would codename "Darktor". ;) AlejHerrBar2003 09:21, 1 September 2020 (Central America)
It would be good to have this and white-on-black as options on the side, possibly as radio buttons in the sidebar. Perhaps that's how we could implement the max-width toggle as well. I'd oppose having it like black-on-#cccccc or white-on-black as default, as to cite another assumption in this thread few serious websites have this layout (since it makes reading tiresome in a bright environment). 93.136.73.58 20:07, 1 September 2020 (UTC)
w:White-on-black should have been the default on the internet all along. White backgrounds sttain the eyes and waste battery charge on mobile phones with AMOLED display, while dark backgrounds only makes the parts of AMOLED screens consume power that acutally show information. --10:04, 4 September 2020 (UTC)

Maximum width research, A/B testing[edit]

Like many people, I have an instinctual aversion to the maximum width, and am not yet convinced by the research/justification that's been given. The research listed in these pages is mainly at below 100 cpl which is out of the range being proposed; it's a big assumption that the conclusions from that research scale to our proposal. Furthermore, I'm not too convinced by the research that's been given, because en:Line length#Electronic text suggests that there's research supporting both smaller and larger line lengths, and the third paragraph to me implies that it should be a user preference (which is the status quo today).

Has any A/B testing been conducted, or is there a plan to? We need evidence proving that this proposal is an improvement before users will buy in to the change. The current conclusions are based on a lot of assumptions which need to be cleared up before going live. Thanks, M.nelson (talk) 11:05, 29 August 2020 (UTC)

@M.nelson I agree that more research should be done and/or found. We are indeed making some assumptions however I think it is worth being specific about the assumptions we're making. The first assumption is that if longer line lengths were beneficial to reading we would see them out in the world more often. I am hard-pressed to find a popular website, or any printed material, that exceeds the suggested line length range. I am not saying that everyone else is automatically right about line-length, but I would expect to at least find some examples of line lengths in the 200+ cpl range if that was indeed better for reading (if you can find some please post them here). The second assumption is that the extensive amount of research on this topic has intentionally been focused on the optimal range. Without speaking to the folks who conducted the research (and I have started to reach out to them) there is no way of knowing why they didn't study longer line-lengths, but I do feel like this is a relatively safe assumption again considering how many studies are conducted within the same range. Lastly I think it would be valuable for you (and others) to further investigate your own personal aversion to the max-width. We have had some great conversations with those willing to dive a bit deeper on this topic and a few folks have found that there are other factors (mainly frustration about blank space) that are informing their opinions, rather than an actual dissatisfaction with shorter line-lengths in and of themselves. AHollender (WMF) (talk) 14:26, 31 August 2020 (UTC)
Is it reasonable to ask critics for evidence for their assumptions when you consider your own assumptions to be above the need for evidence? 93.136.73.58 20:02, 1 September 2020 (UTC)
I'm not sure I understand your question. Would you be willing to re-phrase it? In this case we (the web team) and M.nelson are both making assumptions about line length. I was attempting to clarify and explain the assumptions we (the web team) are making. AHollender (WMF) (talk) 14:10, 3 September 2020 (UTC)
Agreed. I just fail to understand how having to seek the beginning of the next line more often is supposed to improve readability. It does not.
Also, web browsers these days have a reading mode, and there is already a way to have limited content width: The minerva shortcut at the bottom of the page, also known as Mobile view. --79.249.151.110 09:57, 4 September 2020 (UTC)

The new interface is worse[edit]

FR Wikipedia MediaWiki Article.png
  • Yellow: Useless button.
  • Green: The Wikipedia logo is modified; this is not necessary.
  • Red: Useless blank spaces. ("The large difference in experiences among our desktop interface, apps, and the mobile web, makes it difficult for readers to connect our products. There is a lack of unity in the concept of Wikimedia sites." But the desktop interface must be independent and the mobile interface must be independent).

The current skin is fine. --NGC 54 (talk | contribs) 15:04, 30 August 2020 (UTC)

Hello, @NGC 54. The button is used by readers who would like to focus on reading Wikipedia (read more). The modified logo allows us to make the header persistent at the top of the screen (read more). In future, blank spaces could be filled with... something. We aren't ready to make decisions about that yet, but volunteers rightly whisper that infoboxes or categories could potentially fit. We will examine that in 2021 at earliest. SGrabarczuk (WMF) (talk) 11:58, 31 August 2020 (UTC)
@User:SGrabarczuk (WMF) At this moment there isn't a way (from user preferences) to remove this blank spaces? And force the page full wide when you close the menu? --Yacine Boussoufa (talk) 15:55, 31 August 2020 (UTC)
@Yacine Boussoufa, see the Max-width gadget section! SGrabarczuk (WMF) (talk) 20:26, 31 August 2020 (UTC)
I hope that "something" doesn't means "adds". --NGC 54 (talk | contribs) 10:02, 1 September 2020 (UTC)
That would be quite a revolution, wouldn't it? No, rest assured, nobody is even dreaming of putting ads there. SGrabarczuk (WMF) (talk) 12:27, 1 September 2020 (UTC)
While I'm sure Wiki isn't going to run ads, I can't think of anything that could fill that space on a 1080p or 1440p monitor (including infoboxes, which are barely 250px wide). Shouldn't we delay implementing the whitespace until we figure out what to put there? 93.136.73.58 20:11, 1 September 2020 (UTC)
Yes, I agree. Patriccck (talk) 11:40, 2 September 2020 (UTC)
"In future, blank spaces could be filled with... something." This is quite telling: we are discussion the implementation a major change to the reading interface (the way articles are displayed), and no one even thought about half of the implications. Apologies for being blunt, but this is a half-baked update. --LeJC (talk) 13:30, 2 September 2020 (UTC)
Agreed. On the mutilated redesign, the content just appears “in the middle of nowhere”. It is not stamina in place like legacy Vector / MonoBook. --10:00, 4 September 2020 (UTC)
The blank space on the both sides looks bad, especially on wide screens. There is no reason to leave these areas empty. Draceane (talk) 18:56, 4 September 2020 (UTC)
I don't agree that red is "useless blank spaces." Most of the content served under the Vector skin are text articles, and for text articles there is an optimal w:line length, too narrow or too wide will negatively affect the reading speed. For example if too wide people will have trouble seeking the next line. IMO the "current" width is too wide. --Emphrase (talk) 11:40, 25 September 2020 (UTC)

J'accuse![edit]

Fr:Cette libération d’espace écran, de la nouvelle interface, est incompressible ; sauf si cet espace est utile à autre chose. Vous êtes entrain de mettre en place les futures espaces publicitaires. Prouvez votre bonne foi en abandonnant ce projet nauséabond.

En:This freeing up of screen space from the new interface is incompressible; unless this space is useful for something else. You are in the process of setting up future advertising spaces. Prove your good faith by abandoning this nauseating project.

It:Questo liberare spazio sullo schermo dalla nuova interfaccia è incomprimibile; a meno che questo spazio non sia utile per qualcos'altro. Sei in procinto di allestire futuri spazi pubblicitari. Dimostra la tua buona fede abbandonando questo progetto nauseante.

De:Diese Freigabe des Bildschirmplatzes von der neuen Benutzeroberfläche ist inkompressibel. es sei denn, dieser Raum ist für etwas anderes nützlich. Sie sind dabei, zukünftige Werbeflächen einzurichten. Beweisen Sie Ihren guten Glauben, indem Sie dieses widerliche Projekt aufgeben.

--Archaeodontosaurus (talk) 05:43, 2 September 2020 (UTC)

Suggestion for a new text layout[edit]

Hello. Since changes are being to Vector like text appearance, I would like to recommend implementing or making beta feature of this layout. When I use this, I find it more compact and easier to read articles. Plus, with ToC on the left side, infobox on right, images not interfering with the text, the layout looks great, so much I had to recommend it. Maybe you can do something with this, and who knows, make it better. Hopefully you'll agree. 1989 (talk) 11:56, 4 September 2020 (UTC)

French Wikipedia looks so 2005.[edit]

With its fixed-width layout, French Wikipédia looks like a site designed years ago. With the top header overflowing in the right margin, it even looks broken. And the functionality behind the top left button is actually broken: it removes the menu, but forgets to maximize the content! If the idea was to provide a read-mode, then it should additionaly minimize the huge footer and the announcements. I expect much more from the read mode of Wikipedia. A button to switch into a multi-columns layout could be cool. At least, it would provide a new functionality instead of removing the fluid-layout functionality. And it would show to the world a new kind of layout instead of mimicking websites from 15 years ago. Marc Mongenet (talk) 23:57, 4 September 2020 (UTC)

Hi @Marc Mongenet, thanks for your ideas! As you can learn by reading the Features page, the changes you can see on French Wikipedia are just first of a series. More will come, and the layout will eventually be more different from the Legacy Vector. We would also love to make further changes beyond what's described on the Featured page, but this is not under any debate now. SGrabarczuk (WMF) (talk) 13:14, 7 September 2020 (UTC)

Blank space on both sides[edit]

Hey all, I'm sure it was mentioned here before, but...to add my point of view, I'll re-add it anyway. I hate the blank space added by the new Vector. It literally feels to me like something (ads? Template:Smile) failed to load, in another words, my brain tells me "there should be something". The behavior with the special pages (all width) is much better IMO. --Martin Urbanec (talk) 18:18, 6 September 2020 (UTC)

White space[edit]

I want to also express my opposition to the white space on both sides of the text. I much prefer having longer lines of text as opposed to shorter, and find it frustrating to have to keep scrolling and changing lines while reading. I would much prefer to keep the current style as the default, and allow users to shrink the width if they would like, not the other way around. Kaiser matias (talk) 20:50, 9 September 2020 (UTC)

I very much agree. Let's keep what we have now. Why do we have wide screen monitors? To see a white space? Not everybody is reading wiki on a mobile phone. KPX8 (talk) 17:46, 24 September 2020 (UTC)

Neato![edit]

To balance out the criticism here, I just wanted to say good job on the redesign so far! Vector in general is really outdated, so I'm glad to see it finally get a facelift.

Limiting content width and hiding the side bar are already really nice. A lot of the people here commenting about the added width limit seem to forget Vector was designed and tested for 4:3 monitors (yes, it's really that old!). Maybe this'll finally get editors on Wikipedia to stop using tables so much (or at least reduce the columns; they look no bueno on phones). I can't really think of any other site that still uses tables as much as Wikipedia does.

Anyway, mini rant over. :P Nice job again, I especially like the upcoming, cleaner user menu. Hope you guys don't have to compromise too much for power-editors in sacrifice of the average reader's needs. I don't know what it's like on Wikimedia, but FANDOM (a.k.a. Wikia) said earlier this year that 99.95% of their readers never make an edit. Stafyfan53 (talk) 19:56, 10 September 2020 (UTC)

Thank you! SGrabarczuk (WMF) (talk) 13:05, 14 September 2020 (UTC)
This update it is not for readers. If it would have been for readers, the content area would not become smaller. --NGC 54 (talk | contribs) 09:27, 18 September 2020 (UTC)
I think we should learn from politics about what happens when we start speculating about what the silent majority wants. Take it from me, a reader half of whose involvement with Wikipedia this year is probably on this freaking page, I like the new foldable menu but I defo don't like the narrow text, no ty. 93.138.95.25 22:29, 19 September 2020 (UTC)

Overlaps on wikimedia[edit]

As seen on https://fr.wikipedia.org/wiki/Fichier:AniarasKelpoKalle.jpg there are overlaps with some buttons and the title in the experimental layout, which are not present in the normal version https://en.wikipedia.org/wiki/File:AniarasKelpoKalle.jpg

I would like to stress that I do not believe the French wikipedia is the right place to test experimental designs that have not been thought through.

To further clarify, I posit that it is possible to predict problems such as overlaps in a layout, by thinking of boundary conditions as an integral part of its design. For this, it is also necessary to not yield to the temptation of using a layout that works only in certain cases, but not all. "Ironing out the bugs later" is a scarily frequent trend in the industry, which doesn't make it any more desirable. Calimeroteknik (talk) 11:37, 11 September 2020 (UTC)

@Calimeroteknik, would it be possible for you to add a screenshot? Without knowing the details such as the size of your screen (in pixels at least) it's difficult to find out what problem you're referring to. This might also be related to the language of your interface, or other personal settings. Thanks in advance. SGrabarczuk (WMF) (talk) 13:04, 14 September 2020 (UTC)
@SGrabarczuk (WMF): This sounds a lot like phab:T261279--Strainu (talk) 19:48, 15 September 2020 (UTC)

I think this is referring to the image with width 800px not being constrained to the page. That is an easily fixed bug. Jdlrobson (talk) 06:16, 18 September 2020 (UTC)

Colour changes[edit]

Is there any way I can find a list of all the colour changes they've made to MediaWiki since 2016? Since I've noticed a number of colour changes. #efefef is now #f8f9fa. #aaaaaa is now #a2a9b1. #606060 is now #54595d. And #888888 is now #72777d.

I don't have an issue with the colour changes on most sites that use newer versions of MediaWiki. But for those sites that I want to preserve the legacy colours on, it would be great if I had a full list so that I can revert all the colour changes on those specific sites where I want to preserve the legacy colours. Currently there are only two sites where I want to preserve the legacy colours, so it isn't that I hate the newer colours. ― C.Syde (talk | contribs) 10:13, 20 September 2020 (UTC)

I believe this is a question to @Volker. SGrabarczuk (WMF) (talk) 10:22, 21 September 2020 (UTC)
@C.Syde There has been no color consistency at large in MediaWiki core and products before Design Team under my direction and implementation work has come to a unified color palette, that is now universally applied in all Wikimedia Foundation interfaces. For the actual changes we've went as careful as possible and made changes as subtle as possible and at the same time improved readability and accessibility where needed. This task should provide you an overview about before and after colors changes. --Volker E. (WMF) (talk) 12:12, 23 September 2020 (UTC)
Just what I needed. Thanks! :D ― C.Syde (talk | contribs) 00:41, 24 September 2020 (UTC)

Remove margins on wide-screen sizes[edit]

Is it possible to easily remove the margins when the view is past a certain point? If it wasn't for this I'd switch from legacy in a heartbeat Thepenguin9 (talk) 01:25, 22 September 2020 (UTC)

@Thepenguin9, correct me if I'm wrong - your idea would be to have the text covering 100% of the screen width? SGrabarczuk (WMF) (talk) 19:35, 23 September 2020 (UTC)
@SGrabarczuk (WMF) yes, utilise 100% of the width if the user wishes so the extra screen space is not "wasted" Thepenguin9 (talk) 23:59, 23 September 2020 (UTC)
@Thepenguin9 - User:Jdlrobson has made a gadget that allows you to toggle between full and limited width: Talk:Reading/Web/Desktop Improvements#Max-width gadget. OVasileva (WMF) (talk) 09:11, 24 September 2020 (UTC)

Fixing max-width[edit]

I've written a CSS user style for the max-width issue. It doesn't require being logged in on Wikipedia. You can download it from https://pastebin.com/5jA70LHR, install instructions are provided. It is open-source, no scripting or compilation. Currently it works with Waterfox, Pale Moon and probably Firefox. Vectorman007 (talk) 22:35, 22 September 2020 (UTC)

Mostly good designs but a couple bad choices[edit]

The sticky header is a waste of vertical space. It's never been a problem to scroll back up and just type my next search there if I want. Or sometimes I'll just type it into my browser bar and end up at Wikipedia again.

The collapsible sidebar doesn't solve any actual problem. If you're already moving some of its contents to new spots, then there's no reason to further diminish the sidebar. I find it very hard to believe that people can't ignore the small column (tools) and focus on the big column (article).

These two changes in particular just seem like hanging on to fad UX. I believe Wikipedia can improve, but at the same time it's been a success as it is. I'm usually refreshed when I land on Wikipedia and don't see modals and sticky divs and such. The design is simple and straightforward already. — Preceding unsigned comment added by 2600:1700:7261:6ad0:7cdd:7d59:1bc7:9aff (talkcontribs) 112:48, 23 September, 2020‎ (UTC)

Auto adjust font size[edit]

I like the line length limitation. I am older and my eyesight getting worse. I would like to be able to scale up the font to fill the window's width rather than add blank panels on the sides which is useless space for me. Robert.Harker (talk) 21:40, 23 September 2020 (UTC)

Tabs and the left whitespace[edit]

One of the things that irked me when I tried the new desktop interface is that, with the addition of the whitespace on the left, the top left tab (normally "Page") just cuts off into white. It doesn't even have a thin blue border line, which it almost surely should, given that such border lines exist for the other tabs. Could this be addressed? Sdkb (talk) 22:09, 23 September 2020 (UTC)

Min-width (forced horizontal scroll bars in non-maximized browser windows)[edit]

I have a problem with the min-width, rather than the max-width.

See, already I do not (usually) browse with my browser maximized. Not only does maximizing make the lines too long (as you've correctly observed), it also prevents me from looking at two things at the same time (to e.g. cross-reference articles).

Instead, I typically split the difference, with two windows each taking up half the screen. (You will note that such side-by-side arrangement is a built-in feature of both Windows and many Linux distros, and there are apps like ShiftIt for macOS to do the same.)

On a 1920x1080 screen, that means 960 pixels for each window, which I'm sure you'll agree is an entirely reasonable width. However, in your design, the text itself (main#content.mw-body) appears to have a minimum width of 930px, and with padding and margins on top of that, that means I'm now forced to look at a horizontal scrollbar on every page.

TL;DR: Please make sure to support "screen sizes" down to 960px wide, because not everybody wants to maximize their browser window.

Kwi (talk) 12:06, 24 September 2020 (UTC)

The min width is temporary while we shuffle around certain pieces of the UI as at lower resolutions the existing UI hits problems with certain gadgets due to the tabs. We are currently in the process of moving the search out of this area to make more space available. Once that's done, this should be relaxed or possibly removed. I just want to make clear that this was a developer decision rather than a product decision to make this transition easier and does not reflect the final product. Jdlrobson (talk) 15:31, 24 September 2020 (UTC)
Glad to hear it. Good luck with the redesign, then; I am looking forward to the end result. :-) – Kwi (talk) 18:56, 1 October 2020 (UTC)

I actually like the redesign[edit]

Didn't expect this to happen, but I actually like a lot of the new features. The redesign will make desktop Wikipedia more reader-friendly (e.g. with max width), plus it adds a sticky header, which is something I've wanted on wikis for a long time. It also puts Tools in a much more sensible place so that it's more consistent with gadgets like MoreMenu. — pythoncoder  (talk | contribs) 13:45, 24 September 2020 (UTC)

Sticky header? The timeless skin had this since many years, and it has a max-width too, which is 1261 pixels according to this section. --84.147.33.92 16:07, 26 September 2020 (UTC)

Limiting content width is not a Desktop Improvement[edit]

Until now , the wikipedia layout is one of the few websites in a mobile only infested world i could read without my blood pressure going up because over 50% of my screen is just whitespace. I made a quick dive into the french wikipedia with the new design and there it is even worse - the principal content , the main text column - is less than 25% of the available space ! (on a 4k 27inch screen. I measured it...)

Desktop nowadays is not the 600-1024 px range given in the rationale of the improvement but several screens of minumum 1920px or full 4k resolution. And i want information on this screen estate and not an oversimplified peephole.

Of course the current result of long lines is far from optimal , but the solution of just making the browser window smaller ist only a mouse move away. (Whereas getting rid of whitespace forced upon me ist not so easy..) As long as a true desktop improvement with an upward responsive web design (multiple columns,....) ist not available, just do not touch the existing width for questionable gains but evident disadvantages. — Preceding unsigned comment added by 2001:16b8:304f:800:39d2:2429:b3d4:b650 (talkcontribs) 13:45, 24 September, 2020‎ (UTC)

Horizontal overflow issue[edit]

Thanks for addressing the line-width issue in the new design, though I noticed a somewhat subtle issue.

The new design seems to be assuming a fixed screen width. If you resize or zoom in on a wikipedia page, for example Wikipédia, under the new design, a horizontal scroll bar will appear due to overflow. This makes the new design less responsive, which can cause some issues on vertical monitors and when using the zoom feature in web browsers. Compare the old layout and the new layout at 200% zoom level on a 16:9 monitor.

Old layout.
New layout. Notice the page is clipped horizontally, especially the navigation bar at the top.

You could also notice this issue using the responsive design view in Firefox. The overflow occurs at 1005px for the new layout, which is around 200px higher than the original 799px.

The new design changes the line width without changing the font size, so it is still often necessary to zoom in to see the text clearly, while the overflow issue mentioned above negatively affect the experience when using Wikipedia zoomed in.

This might also be the reason some people complain about the narrower layout. The problem is less about the line-width, but the fact that it breaks the zoom-in feature in web browsers.

I hope this issue gets fixed in the final version.

p.s. I made a much smaller typographical rehash of wikipedia called wikipedia.rehash a while ago. It address the same issue without breaking the zoom feature. I hope its source code and design could be helpful in the final version of this new design. --Krasjet (talk) 23:22, 24 September 2020 (UTC)

@Krasjet Thanks for your comment. We will be removing the minimum width soon, which will resolve this issue. See Jdlrobson's response here for slightly more context. Regarding wikipedia.rehash — wow, that is such an awesome modification. I was wondering if you've got any useful information regarding line-length research that studies the longer line-lengths that your project solves? I seem to have hit a dead-end of sorts, which I've described here: https://phabricator.wikimedia.org/T261174. Cheers 69.5.116.23 15:43, 28 September 2020 (UTC)

Max width on widescreen monitors[edit]

Even though there have been quite a few comments about this topic already I want to leave my own personal impression on this here.

I simply do not understand the reasoning behind making the content a fixed PIXEL VALUE in 2020!
Seriously.

Desktop monitors nowadays are not 1024 pixels wide anymore. Full HD (1920 PX) is pretty much the current standard for most people and more and more people use 2k or even 4k monitors now.
With these monitors the new Vector design is a total waste of space and articles look completely ugly since 75% of the page is just blank white space.
And even though some of the editors here are for some reason trying to argue that "White space is not a bad thing": Yes it is.
It is malpractice in webdesign and if you would do that as a professional webdesigner at an agency you would probably lose your job.

Now to the more positive things:
Having a fixed width to limit the line length is (imho) not an entirely bad thing. If it is done right!
Limiting it to a fixed pixel value is definitely not the right way how to do it.
Instead it would be more reasonable to limit it to a percentage of the readers screen width. This is easily doable with current CSS.

For example having the content at 75% of the overall screen width still gives more than enough room on the sides for the planned features like content tables or other sidebars while not making half the screen an empty void.
Here is an example of how the page looks on a 2k monitor (2560 px width) with the 960px content width vs. 75% content width: https://imgur.com/a/eCCM9U1
The 75% width keeps the lines shorter to a more readeable length while still maintaining a reasonable page width even on widescreen monitors.

For the edge case of ultrawidescreen or super small monitors CSS media queries could be used to limit the page width to some fixed value so that the page does not get too wide or too narrow.

But fixed 960 pixels? In 2020? With all the options and possibilities of responsive webdesign? Come on. It's not 2005 anymore...— Preceding unsigned comment added by Vastrox (talkcontribs) 03:28, 25 September, 2020‎ (UTC)

Not only that, but pixel widths do not scale when you zoom from the browser (pixels are pixels), but em widths do. 98.207.79.51 05:51, 2 October 2020 (UTC)

A few suggestions[edit]

TL;DR ==>

I think the development of a new user interface can use the results of the many researches done on how to make a webpage more focused on reading, more clean, considering that Wikipedia is effectively an online reference book. With focusing on how to make the whole webpages more clean and with more focus on reading, the UI design of the webpage and also what font face to use. Also it would be probably good to think about ease of access features for people with disabilities.

The long version ==>

Historically speaking, no other book of reference has been this massive, most recent and updated, and as this detailed and coverage as Wikipedia and this is the result of many human hours and works.

It is very amazing that the community has decided to revamp the user interface. And I thought maybe share a few ideas and thank you for the opportunity.

One thing that is super nice about Wikipedia’s current interface is that it works even without JavaScript and we probably might want to take that under consideration during the process of making a new interface, to keep this body of knowledge as accessible as possible.

With that in mind, there have been many researches done on how to make a webpage more engaging and easier to focus on with changing the UI. Using or at least considering these researches in the design would ultimately result in more spread of knowledge, because the readers would focus much better on the text and actually ‘remember’ and ‘learn’ the material, which this spread of knowledge was and still is the original goal of Wikipedia.

Some articles:

Of course much more research can be found by either looking the references of the articles above or what articles are referencing these, or by just looking for new material.

Also the font face of the web page plays a major role in readability and how effectively readable and mentally engaging it would be for the end user:

Apparently using the right font face can increase information recall.

Also it might be a cool idea to embed in a few ‘ease of access’ features for people with disabilities built right in. Like reading aloud using online open source TTS services.

Aside from that I personally think If almost all the options, probably aside from the search bar, are moved into a collapsible sidebar to make the articles less crowded it might be a cool idea.

Thank you. — Preceding unsigned comment added by Ironnail (talkcontribs) 20:16, 25 September 2020‎

Infoboxes[edit]

A big area that needs overhaul is the infoboxes. In 2013 it seems there was a proposal for improvement, with WMF making mocks for a redesign, at Streamlined Infoboxes (Pginer-WMF, Vibhabamba). I think infoboxes are pretty representative of the design in general, so a change to them would be both helpful and noticeable. Would it be possible to consider revisiting Streamlined Infoboxes in these desktop improvements, or is it too far out of scope? ProcrastinatingReader (talk) 12:57, 29 September 2020 (UTC)

This is definitely beyond the scope of this project and these very desktop improvements. However, we're positive we would very much like to revisit more existing/previously proposed features... when this project is finished. SGrabarczuk (WMF) (talk) 21:51, 30 September 2020 (UTC)
The fact is we need help to develop and translate 100 % Wikidata infoboxes able to work on various Wikipedias, especially small Wikipedias where we have a lack ok users but quality users. Jérémy-Günther-Heinz Jähnick (talk) 15:56, 2 October 2020 (UTC)

icons instead of text only[edit]

So far, moving the making search bar, and making the sidebar collapsible was a reason for me to look into Vector again after using Minerva Neue for the desktop for some time. Still, Vector is cluttered with UI text — especially in the sidebar —, that you have to actively scan instead of using easily visually comprehensible markers — icons. Will there be a move towards more icons or icons+text as part of this redesign? --CamelCaseNick (talk) 02:23, 2 October 2020 (UTC)

Skin:MinervaNeue appears somewhat more functional when viewed from desktop than mobile, but still not as much as other skins. Minerva also uses Special:MobileDiff without including the page title inside the URLm
Maybe Skin:Timeless could adapt icons for the side bar, like they did with the edit/history/etc. buttons. --79.249.152.18 02:17, 4 October 2020 (UTC)

User's panel[edit]

I don't like the fact that part of the user bar goes down. Maybe it would be better from top to bottom?.--Takhirgeran Umar (talk) 13:52, 10 October 2020 (UTC)

@Takhirgeran Umar, this is a step towards making the header fixed at the top of the screen. The space on both sides will stay blank for some time, until, after the end of this project, it's established what could be displayed there. Surely, it won't be the user menu, because this one will become a drop-down. SGrabarczuk (WMF) (talk) 11:07, 14 October 2020 (UTC)

A note of encouragement[edit]

Since disabling the legacy vector option in my e.wp preferences, I've very much enjoyed watching the changes slowly implemented. Updating the UI is a tough problem, so well done so far. I like that we're getting closer to the main useful interface features of web readers like wikiwand.com. T.Shafee(Evo﹠Evo)talk 01:36, 14 October 2020 (UTC)

@Evolution and evolvability, thank you! If you're interested, you can check our new search prototype. This change is coming soon! SGrabarczuk (WMF) (talk) 11:15, 14 October 2020 (UTC)

Cannot open alert notification[edit]

When using Desktop Improvements , I no longer can open the Notifications alert badge - 1 alert.svg alert. Clicking this bell icon and the right side of my user name will open the Notifications notice badge 1 notice.svg notice instead. But sometimes it works by making my browser window smaller. William Surya Permana (talk) 07:26, 14 October 2020 (UTC)

Hello! This bug has been fixed and next week, everything will work properly. SGrabarczuk (WMF) (talk) 11:35, 14 October 2020 (UTC)

Table of contents, Images, Fonts[edit]

Hi, I like new redesign features. However, overall a page still looks kind of old-style. I think we can learn a lot from Wikiwand project. Compare https://di-search-3.web.app/Greenland and http://www.wikiwand.com/en/Greenland . Wikiwand feels much better from a user perspective:

  • table of contents is always available on the right side (no need to click at the top button to show a dropdown)
  • images have no stupid borders and frames!!! - slightly another color, font size and margin is enough
  • fonts, infoboxes, info messages just look better. --176.36.227.144 23:46, 19 October 2020 (UTC)