Reading/Web/Desktop Improvements/Fifth prototype testing/Feedback

Username:.huepow

 * Menus — option 4, black trigger, black items
 * Borders and background — option 9 (alternatively option 6) makes use of the page and separates the text for readability. other minimalist options leave a lot of empty space and it isn't quite appealing
 * Active section in the table of contents — a mixture of option 2 and 5 would work out. 5 separates the main content from its sub sections adequately and using boldface to indicate what section a reader is on helps for identification
 * Logo in the header — option 4; it adds more style to the page and makes use of the extra space. option 2 doesn't work for me because the "main menu" dropdown seems a bit close together with everything else
 * Link colors — proposed colors are fine.
 * Font size — the increased size would help for many reasons, not only readability but also in proofreading and editing. however since increased size could inadvertently increase page length the width would need to be lengthened to accommodate. consider making larger font sizes an option for this reason

Username:Magicmil

 * Menus -- Option 3, black trigger, blue items. It's useful to see what should lead to an article and what not. The trigger doesn't do that. Immediatly you see that in this design and you can ignore it.
 * Borders and background -- Option 9: I like the contrast. You see more clearly the main text.
 * Active section in the table of contents -- Option 2: Better than the rest for navigating, but not overkill underscoring with backgrounds (would be too fancy)
 * Logo in the header -- Option 2: The drop down menu is (under the wiki-globe) uniform with the top to bottom list of 'useful' links
 * Front size: 16px way more comfortable (but I'm also a heavy desktop user)

Username:Coldbolt

 * Menus — Option 4, black trigger, black items
 * Borders and backgrounds — Option 1, minimalist
 * Active section in the table of contents — Option 4 or Option 1, minimalist
 * Logo in the header — Option 1, Rectangle logo left. Logo 2 takes too much space in the new design.
 * Link colors — Proposed colors
 * Font size — Current, Please no, 16px is way too big. Makes you scroll too much, makes it very unclear, just too much. If you do change however, please make it an option. Not everyone has bad eyes (if you have bad eyes I can understand you would want a bigger font as a default). Edit: the more I look at the big font the worse it gets, I'm begging you to make it an option or keep the 14px.

Username:RaresMateovich

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear . Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * I prefer option #3 black trigger, blue items, as to distinguish menus from links. I expect a link to have an instant action, whereas menus obviously have tiered actions.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra . Which option do you prefer and why?
 * I prefer option 8 (although it seems buggy when scrolling a bit), but options 4 and 5 look good too (I would certainly prefer a combination of these two, kinda like option 4 but without the right article border). I think a reading based approach is the best, so going with a minimalistic style will help (but not overly minimalistic, some contrast between the article and the rest of the page is preferable for me).
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter . Which option do you prefer and why?
 * Option 4 looks the best, but perhaps will make the page look unbalanced (too many colors on the left side compared to the right).
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda . Which option do you prefer and why?
 * The first 3 look excellent, but perhaps the first one fits the best (the third one seems a bit odd, but good nonetheless).
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon . Is there any additional work you think needs to be done before we make this change?
 * The proposed colors look cleaner, but I don't think the contrast works better than the current design.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird ). Do you have any concerns with the proposed font size?
 * Definitely the proposed font.

Username:TypeKnight03

 * Menus -- Option 3: black trigger, blue items. Blue trigger makes it look like a hyperlink, which it'ts not. The items however are links to different pages, so they should be blue.
 * Borders and background -- Option 8: The contrast brings out the text more; It almost feels like reading a physical page of paper. The gradiant is a nice touch.
 * Active section in the table of contents -- Option 4: Since the table of contents will always be visible, I think having a single unbroken line on one side will help with intra-page navigation
 * Logo in the header -- Option 2: Similar to the current Wikipedia page design. The location of the Wikipedia globe is part of the brand. Having the globe in a different location just doesn't feel like Wikipedia.
 * Link Colours -- Proposed colours: I've often found that the visited link colour and the unvisted link colour are too hard to distinguish. The new colours definitely help with that.
 * Front size: strongly prefer the old 14x font size. The larger font makes reading slower and harder to read in chunks. I have to move my eyes more for the same amount of text.

Username:Askeuhd

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * I prefer option #3 black trigger, blue items, as to distinguish menus from links. I expect a link to have an instant action, whereas menus obviously have tiered actions.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * I prefer option 9, alternatively option 8. Visually I feel it is much easier to focus when there is a clear division between background and content, which has been especially challenging with these more recent layouts that have very large amounts of blank space on high resolution monitors.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * To me, option 4 allows me to find the active item faster than any other option, which is what I find most important in this context.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * Option 1, as it seems to be the most compact and clean option.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * To my eyes the contrast of the current colors appear higher and more easily read.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * I support the change as long as the page width is increased as in the example

Username:Ilovemydoodle

 * 1) Menus — 3
 * 2) Borders and backgrounds — None of these, I prefer the current design.
 * 3) Active section in the table of contents — None of these, I prefer the current design.
 * 4) Logo in the header — 2
 * 5) Link colors — Keep current.
 * 1) Logo in the header — 2
 * 2) Link colors — Keep current.
 * 1) Link colors — Keep current.
 * 1) Link colors — Keep current.

Username:Johnson524
I do really like the way Wikipedia looks currently, and I don't really think anything needs to be changed. If I had to pick one of the options though:


 * 1) Menus — 3 and bolded.
 * 2) Borders and backgrounds — Strong 4
 * 3) Active section in the table of contents — 5
 * 4) Logo in the header — 1 or 2, both look good but the menu on them blocks the table of content.
 * 5) Link colors — Strong current, it's so much easier to read.
 * 6) Font size — Strong current 14px

Username:Phoenix1494

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * 3 - I don't have a strong opinion on the trigger color I prefer black though. For the menu items, they should be blue because they are links.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * 4 - It separates the sections that move and don't move while not taking up too much space.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * 5 - The line only existing for subsections nicely shows that all those are associated better than a simple indent. The line extending all the way removes the usefulness of the line.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * 1 - It is very standard amongst all websites to put the logo in the top left and that logo will take you to the home page. The square ones take up too much space in my opinion
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * I think the change is fine. I have no strong opinions on this.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * I strongly support this. I always zoom in on Wikipedia now and I won't have to with this change.

Username:Alduin2000

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * 1 or 4: individual links within dropdowns should be blue to cohere with design of links on pages, but dropdowns themselves need not necessarily be blue too
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * 4 or 5: in my opinion, these provide the best compromise between minimalism/simplicity and sectioning out the article from other sections of the page
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * 2 or 4: I found these to be the easiest to navigate with. 1 makes the current section too hard to identify as it's still quite similar to the blue links and 5 works against the goal of simplicity of design.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * I feel 1 is the most simple; it keeps the logo constrained to one section (the header) rather than straggling between two sections (header and sidebar as in 2/4). I also prefer it to 3 as I feel that the search bar should be placed in a position of prominence so that users are directed to it more easily/immediately - the search bar is the more useful element to be directed towards.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * Whilst the link colours now have appropriate contrast with surrounding text, their contrast with the background is worse, making the links harder to read. Therefore, I would say additional work is needed to make link colours simultaneously have a good contrast with the surrounding text and the white background. Perhaps the body text and link text could both be darkened to retain the contrast between them whilst also increasing their contrasts with the white background?
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * I see nothing wrong with increasing font size as suggested

Username:Urban Versis 32

 * 1) Menus — Option 1, with bold enabled. Honestly, the blue-on-blue looks the most conventional for people reading the wikis, and the bold helps emphasize that it is a menu. I also noticed that when looking at the language menu my laptop rendered it like this:
 * 1) Borders and backgrounds — Option 7. I really liked the header with the gradient. It just made the overall page look very modernistic.
 * 2) Active section in the table of contents — Option 4. I liked how you could scroll the ToC separately from the rest of the page if you needed to. Plus, the way it looked was the nicest of them all.
 * 3) Logo in the header — Option 1. The way the logo was styled looked the best. DEFINITELY not option 4, as it makes it very difficult to actually see the logo.
 * 4) Link colors — Keep it. The proposed colors make it way harder to see on the page.
 * 5) Font size — I like both of them the same. Keep both, and have an option at the top to change it.
 * 1) Logo in the header — Option 1. The way the logo was styled looked the best. DEFINITELY not option 4, as it makes it very difficult to actually see the logo.
 * 2) Link colors — Keep it. The proposed colors make it way harder to see on the page.
 * 3) Font size — I like both of them the same. Keep both, and have an option at the top to change it.
 * 1) Font size — I like both of them the same. Keep both, and have an option at the top to change it.
 * 1) Font size — I like both of them the same. Keep both, and have an option at the top to change it.

Username:Bebiezaza

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * No opinion on this for now
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * Option 9 (outside article background (solid)) because there is a visual separation between content zone and peripheral zone, and no gradient is easier for interface documentation eg. w:th:วิกิพีเดีย:สคริปต์ผู้ใช้ (Revision ID 9348715 if the section happens to change in the future) demonstration picture has gradient; it feels low quality and kind of lower the perceived resolution.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * Option 2 (Bold), I just like it. :)
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * Either option 1 or 2.
 * Option 1 (Rectangle logo left) - not as evasive and looks clean
 * Option 2 (Square logo left) - feels more at home to me (feels more similar to Legacy Vector), does not look really evasive, and maintaining the cleanliness
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * No opinion on this for now
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * I would like it to be in the original font size because it is the same size as usually typed on paper and more info could be placed in a screen. 16px feels too large. This is also a complaint I have for Fandom (as in FandomDesktop skin they created).
 * Maybe create a preference option for selecting between 14px and 16px font size.

Username:NGC 54
I also still have the suggestions that I have written at Reading/Web/Desktop Improvements/Fourth prototype testing/Feedback -- NGC 54  ( talk |  contribs ) 15:41, 9 June 2022 (UTC)
 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * "1) blue (menu triggers), blue (menu items)" with "Bold (menu triggers)" checked.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * "9) outside article background (solid)", because the boundary between the article and the allways-shown elements is clearer.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * "2) bold".
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * "2) square, left", because the Wikipedia logo is beautiful; there is no need to hide it. I also think that a "W" should be shown in the left corner of the sticky header.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * "Proposed colors".
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * "16px (proposed)". Changing the font could lead to technical issues, as Dexxor said; in this case, I would say "14px (current)". So "14px (current)", with option for "16px (proposed)".

Username:Simeon

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * Option 3 because blue is already used for navigation (e.g., "View history" is blue and it's meant to take one to a particular page). The blue menu items are then also blue as they're used for navigation.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * Option 9 as it has clear lines and the sides are in a different colour which is nice when scrolling down to read the article. My second preference would be option 4 as all the lines are connected rather than relying on fades.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * Option 2 because it's clear at a glance. I like option 5 as well but for quick reference to the table of contents (while reading) I think option 2 works better.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * Option 2 because, like in the current version, the logo should take up some space to highlight the project that the reader is viewing.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * I would prefer a different colour for the visited links, as it's not that different from the normal links. Although this change is made to improve contrast, I think the current colours actually have more contrast between the normal and visited links.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * I think 14px is fine. Perhaps it can be made an option for readers that prefer this? It might also be that 16px just takes time to get used to but, at first, it seems bigger than necessary.

Username:Dexxor

 * 1) Menus — No strong preference but the menu items in the search menu and the user menu must be black.
 * 2) Borders and backgrounds — 1 or 9
 * 3) Active section in the table of contents — 4. I like the line to the left. This is makes it more obvious why certain entries in the TOC are highlighted.
 * 4) Logo in the header — 1 or 3. 2 also looks nice but wastes space.
 * 5) Link colors — don't care.
 * 6) Font size — Please keep the current font size. Changing it leads to inconsistencies when templates use a manual font size. —Dexxor (talk) 15:54, 9 June 2022 (UTC)

Username:Iritscen

 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * My only concern with this iteration of Vector is that these proposed link colors are almost 100% indiscernible for me as someone with a fairly standard form of red-green colorblindness. The current blue link and visited link colors are discernible for me with only moderate difficulty because the visited link is "darker" than the unvisited blue link. With the proposed #3366cc and #795cb2, I will have absolutely no idea if I have visited a link. Around 1 in 24 people are colorblind in some way, so I know I must not be alone in having extreme difficulty with the proposed colors. I checked the contrast between the proposed link colors using the tool here and the contrast ratio is 1.0:1. Please take into consideration not just the contrast between link and non-link text but also between the two link colors, visited and unvisited. Thank you. --Iritscen (talk) 16:21, 9 June 2022 (UTC)

Username:(a)lizadoolittle

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * I prefer option 2 because it seems to be most consistent with the rest of the page. The all blue text for the menu items seems unnecessary because it is clear that they are buttons/links.

Username:Geraki
Geraki (talk) 16:58, 9 June 2022 (UTC)
 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * Option 2: Blue is a standard for links and triggers.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * Options 7 better than 8 better than 9 better than 2 better than 5. Absolute no to 3.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * Options 5 and 4 will probably stand better in monochrome screens and bad lighting.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * Option 2, "traditional", makes the grayscale logos (such as the wikipedia logo) stand better. Also option 1 (consistent with mobile) is ok. Option 3 is like we're back in the '90s, 4 is not the logo.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * You didn't give example for red links, but anyways the change is good, helps me distinguish links from normal text (checked also in a bad screen where I had such a problem).
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * Yes. I prefer the current font size which is better for long texts. If you do implement the proposed, keep the 960px max-width (changes to 1050px in the prototype).

Username:RH Swearengin

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * I like option 3 without bolding. With this option, the color coding seems to best reflect the difference in functionality. I like the contents navigation to the side. However, the font in the navigation should match the section header font.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * I like the minimalist option. The cleaner look draws the eye to the content of the article.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * I like option 2. The cleaner look is more readable. Again, I think the section headings in the side navigation should have the same font as in the article itself. Matching the fonts will convey the correspondence more clearly.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * I like option 4. I'm not sure why. It feels a bit more thoughtful in terms of design.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * I like the proposed color. It isn't so light as to give a blurry appearance, but it does make a big difference in contrast.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * Personally it doesn't make a difference for me. I zoom in and out a lot as I'm reading. The larger font, however, might be more user friendly for the average user -- especially new users. I'm a community college professor, and I know from experience that a lot of my students need glasses -- or need to wear the glasses that they already have.

Username:SD0001

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * No preference.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * Option 4. The solid lines clearly indicate the separation between content areas and avoid the feeling of too much empty space which is apparent in other options (particularly option 1).
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * Anything except option 2 which is too jarring.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * Option 2. A square logo is what works for Wikipedia. Although the rectangular logo also looks fine for projects like this MW instance.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * No preference.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * No preference.

Username:betseg

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * I prefer the triggers to be blue and the items black, with bolded triggers. Blue items look too busy in my opinion, though the items being blue is also OK because black items might be confused for being non-clickable.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * I prefer outside article background options, either 8 or 9 is fine. It feels harder to read and concentrate on the content if the surrounding is the same very light colour.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * I would like an option with both bolded section and the first (#4) line with border option.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * Option 1. Others feel awkwardly placed.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * Both colours look a bit too light, it's hard to read them on a white background.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * No, it's much easier to read.

Username:Addshore

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * I lean towards black triggers and blue menu items. I think this is mainly as I expect blue links to mostly take me somewhere else.
 * I also noticed that although the user menu is a menu, the icon remains black even when other menu triggers are blue. Not sure if this is intentional, but again makes me lean toward triggers being black.
 * I think it would be very weird to have menu items in black text given all of the other menu like things around that have blue links such as the side bar.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * Trying to write some thoughts as I click through the prototypes....
 * 1) minimalist: I quite like..
 * 2) article boarders: I also quite like..
 * 3) page title underline + TOC line: I dislike, page odd so divided? I also dislike how it pushes the sidebar down some number of pixels.
 * 4) TOC line + header underline: I quite like this, much better than 3, and the page seems more naturally divided.
 * 5) article borders + header underline: Seems a little odd o me compared with 4. I think this is down to the article boarders not being attached to the header line. If I had to pick I might say 4, but there isn't much in it.
 * 6) article borders + header bg (solid): I quite like the added definition to the header, it gives the page a little more "life" rather than being a totally blank canvas.
 * 7) article borders + header bg (gradient): Personally I like the solid version, more definition
 * 8) outside article background (gradient): Looks weird on my screen (probably as designed), but I don't like it!
 * 9) outside article background (solid): Looks familiar (feels quite like the current version). I like the definition that this puts between sections, quite similar to 6 in that respect which combines solid colour for the header, as well as article boarders.
 * TLDR, 6 is nice, 9 is also nice and closer to what we currently have? 3 I hate. 1 and 2 are maybe too minimal for me, 4 and 5 are also nice enough.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * 1 doesn't jump out enough for me
 * 5 feels odd
 * 2 and 4 are my favourites, but 2 wins as it is simple and effective (easy to spot, and not doing too many other things like magic boxes etc)
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * I quite like the rectangle logos.
 * It perhaps feels slightly odd when the logo is centred and the search is on the left, but I might get used to it?
 * Not sure what any of the designs gains / wins over the others, so I'd just pick 1 which is the closest to no change.
 * Happy to be convinced otherwise though :D
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * Looks fine to me
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * It feels like quite a big change to me.
 * But looking at some other websites I read 16px seems to be used quite often and I don't care there.
 * Perhaps the line spacing makes it all look quite large and spread out? but also perhaps that is the plan?
 * Changing the line-height of the content from 1.6 to 1.5 seemed quite nice to me with the added font size.
 * Changing the line-height of the content from 1.6 to 1.5 seemed quite nice to me with the added font size.

Username: Certes

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * 3) black (menu triggers), blue (menu items), no bold. We're used to clickable links being blue and other text being black.  The v dropdown indicator is enough of a clue.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * 9) outside article background (solid). Helps us to find the article we came here for now that it no longer occupies most of the screen.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * 2) bold. If you're going to include this information, make it prominently visible.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * 2) square, left. This option wastes slightly less of the critical vertical screen size on blank space above the title.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * Good colour scheme. This seems to be the one change which actually improves on my current (legacy Vector) skin.  I already use a script to make links more visually distinct.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * It's larger than I would have chosen – I prefer to see more text on the screen at once – but recovering some of the wasted space in the blank right column mitigates the effect.

Username:BappleBusiness

 * 1) Menus —  I think 3 makes the most sense. Links are blue, so menu links should be blue. Menu triggers aren't links, they bring you to links, so they shouldn't be blue. We don't want the page to be a sea of blue; the existing cues are sufficient to identify that they are menu triggers.
 * 2) Borders and backgrounds — I prefer 9. It's clean and avoids too many lines.
 * 3) Active section in the table of contents — I prefer 5 if the color of the background is the same as 3. The only thing is that for further subheadings, the background should take effect for the parent subheading. For example, for the "Japanese folklore" section, "Relation with humans" and "Religion and mythology" should have a background, while "Japanese folklore" has the line, to make clear it is within that subsection.
 * 4) Logo in the header — Definitely 1. The logo doesn't need any more emphasis/space.
 * 5) Link colors — Looks good to me. It's a lot better for non-colorblind users as well.
 * 6) Font size — Please don't do the proposed changes. It will make existing long articles even worse to navigate, especially when there are images/elements on the page. I don't think the current text size with a decreased page width needs to be fixed.

Username:OliCol11

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * Option three. I prefer the black triggers because it clearly distinguishes menu's (which show additional options/links) from links that have an immediate effect. Besides this, I find the black triggers more aesthetically pleasing.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * A combination of four and nine. I really like the contrast and clear division between article and background that nine gives: it makes reading much easier. However the line that separates what moves and what is sticky, which is included in nine, is also nice.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * Option two or four. I find that option one just doesn't stand out enough, which means you have to scan the table of contents line per line to find the active page, which negates a large part of the benefit of having a table of contents. Although the boxed background from options three and five stands out slightly more, I have a similar problem with it just not being noticeable enough. That's why I prefer option two, which is more minimalistic, and option four, which I find more aesthetically pleasing, both seeming evenly functional.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * Option two. The logo just feels like it belongs in this place. It fills in the gab between the header and the table of contents that gets created with options one and three and thus makes the page seem more balanced. The extra space it takes up is unused by the other designs. In fact: options two and three seem to push the text further down, reducing the amount of article shown on the screen (but maybe that's the spacing not being tweaked enough?).
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * No strong opinion. Although I find the difference between unvisited and already visited links too low in both designs, it would be nice if visited links would stand out more.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * I prefer the current 14 px size. An option to switch between the two options might be handy though.

Username:Tryptofish

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * ...I prefer #1, blue-blue. My reasoning is that blue is understood to mean "you can click on this", whereas black is understood to be non-clickable text. Using blue for both is consistent and I had no problem with readability.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * ...This question confused me. I could not see the differences.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * ...I like #2, Bold. It was the easiest to see and understand. I found the background option difficult to see, and the lines were overly complicated.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * ...I like #2, Square Left. I found the gradient difficult to see. The rectangles seemed small and less appealing than the square.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * ...The proposed colors are clearer at showing the difference between visited and not visited, but they are inferior in terms of my ability to see them with a clear contrast against the white background. It would be helpful to try darker colors with a similar difference.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird. Do you have any concerns with the proposed font size?
 * ...I think the 16px is helpful with viewing the text and not feeling like it's too long to read. But I noticed that the page title and section headers look relatively small this way, so the font size for those should also be increased proportionately.

Username:Pbsouthwood

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * 1) Blue triggers and blue items. We are accustomed to blue signifying a link, something that will produce a change if you click on it. Black means clicking on it will not have an effect. This is a very strong preference, I really do not like the other options at all.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * 9) Slight preference for option 9, which clearly distinguishes between content and tools, I do not like the gradient options, and think they well date quickly They are less functional and seem to be pandering to fashion. Minimalist is better than gradient, borders have very little impact. so why bother. grey background actually does something useful, which cannot be claimed for the others.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * 2) Black and bolded shows up best and meaning is intuitive and clear, as this is what happens whenever a link links to the active page. It is easiest to see with poor eyesight. Other options not great., and require significantly more effort to spot and interpret.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * 2) Square, left, gives best prominence while staying out of the way. Hate the gradient, don't like the small Wikiglobe Do not sideline our logo by making it too small. I could live with a three bar menu link with the square logo though as it is a very recognizable icon.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * Not much difference in legibility to me, and I have poor vision for resolution/focus on small print, so though higher contrast between plain text, unused link and used link would be nice, I battle a bit with the used link for both options, so don't really have a personal preference here. I assume the css options for alternative colors for redlinks, redirects (green) and dablinks (orange) would not be affected, they are very useful tools.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird. Do you have any concerns with the proposed font size?
 * 2) Bigger text YES!, considerably easier on the eyes. If not made default, please make it an option.

Additional comment:

In general, I like where this could be going, as long as it doesn't go the wrong way, as some of the options are just bad. It would be helpful if one could toggle between the demo and a rendering in the current skin one uses, to see the changes. Cheers, P
 * If you hide the menu by accident, you have to go to the top of the page to get it back, This is annoying, and when it happens the first time, may be very frustrating as it is not obvious how to fix it.
 * I am a bit concerned about how wide images will be handled, really don't like the narrow column of lead text on the Panda page caused by the two parallel boxes on the right, and would like to see how galleries will be rendered, particularly if there are side images that overlap. Image placement seems to be arbitrarily changed. This may be a problem.
 * It would be nice to have an option to default to expanded menu
 * Lastly, the rendering of navboxes really needs work, it is unacceptable as it renders in these demos. This may just be unfinished work, but it worries me not to know.

Username:Cumberhache

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.


 * Blue and bold for menu triggers: This to prevent the excessive usage of black (present on "Article", title of page "Brown Bear", and "Read") while still being distinct from nearby clickable items.


 * Black for menu items: Enables contrast from the blue links on the links embedded on the wiki.

User Theanswertolifetheuniverseandeverything

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * Personally, I like the option of black triggers and black items (4), but I think that blue triggers and blue items (1) is more in line with the visual language of the rest of the page. Maybe the user menu could be an exception? The top bar does not use blue to indicate links.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * I don’t like the fade-out of the lines for the article borders (2) option.
 * I find (3) to be good and bold. It nicely fits in with the border of the overlay title bar when scrolled. Although I would prefer if the title were larger. (3) gives it space and I think it deserves that.
 * (4) is OK & similar to (3) but I personally don’t like it as much.
 * I don’t like (8).
 * I think (9) would be great if the overlay title bar when scrolled wasn’t white with a border. If it was grey without a border, that’d be good.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * Bold (2) or background (3), although I hope the final design doesn’t jitter around as much.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * I like the layout of square-gradient (4), but I prefer it without the gradient. I like how it integrates with the hamburger menu icon.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * That’s nice! I think the visited links could be darker. As it stands I feel like I’d be likely to overlook them.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird. Do you have any concerns with the proposed font size?
 * Note: I use a small font as the default font on my system.
 * I like the new font size. As long as it doesn’t go along with a reduction in number of characters per line from the current New Vector, I’m cool with it.
 * Upon further consideration, I think the font size of the menus should also be increased. Maybe very slightly less of an increase.
 * 1) General notes: I think the line between the search icon in the overlay titlebar when scrolled is unnecessary. Actually, the search box should ideally take up a large part of the left top bar, pushing the title further to the middle.

Username:Nihiltres

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * I prefer black menu triggers with blue menu items. Blue is the link colour, and many menu items take the user to a different page, so they should be styled like links to hint that. Black hints that that interface element would not take the user to a different page, and the interactivity of those elements is hinted by icons (like the down-pointing bend symbol currently being used).
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * I prefer the "outside article background (gradient) to subtly indicate the bounds of the page content, but I would settle for the "minimalist" option, too. I generally disfavour lines as needless visual noise—background contrast is preferable—but I do like the "header underline" from the "TOC line + header underline" option as it makes the main header consistent with the sticky header.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * I most prefer the "line w/ border" option. There's a continuous line that's always present, and there's highlighting to easily see where you are. Unlike some of the other options, I find this option less distracting when I'm not focusing on the table of contents, while some of the others draw my eye away from the content (which is bad).
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * I find I like the "rectangle, center" option best: it appears most like a title (or even a "super-title" if you will). On the other hand, it might be seen as distracting; my second pick would be the "rectangle, left" option. Both "rectangle" options are more suitable for a design oriented around a sticky header.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * No. This is a straightforward and obvious change to meet contrast standards.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird). Do you have any concerns with the proposed font size?
 * This reads as "too large" to me, but I'm way out on the high end of the curve of preferred information density. It is very likely to further upset people (not me!) who are also upset with the width-limit that Vector 2022 introduces. On the other hand, increasing the font size is a good compromise to avoid wasted screen space on wide viewports if the body-content column is made correspondingly wider. I am concerned that it reduces the size ratio between paragraph text and headers, making the latter less visible.

Username:Killarnee

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * #4 black (menu triggers), black (menu items) AND bold, because a) blue is reserved for hyperlinks and b) bold because otherwise its not so easy to find it
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * #1 minimalist PLEASE PLEASE PLEASE no ugly borders
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * #4 line w/ border
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * #3 rectangle, center; menu and search box should be together, the logo doesn't appear too prominent, but it's not pushed into the corner either.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * The "visited" link looks better in the proposed colors, because its color is more like the background. But the normal links are better in the current color, as its to light to read it easy in the proposed color.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird. Do you have any concerns with the proposed font size?
 * 16px is good – but why not let the visitors change the font size themselves?

Username:James3141592

 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * I like blue bold menu triggers and blue menu items because this is what I'm used to seeing on Wikipedia.
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?
 * I like minimalist borders and backgrounds because the border and background lines are easy to see.
 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?
 * I prefer the first option because this is what I'm used to seeing on Wikipedia.
 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?
 * I prefer the first option because this is what I'm used to seeing on Wikipedia.
 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?
 * I think there should be more work to be done because new features take some time to test them out.
 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird. Do you have any concerns with the proposed font size?
 * I do not have any concerns about the proposed font size on Wikipedia.

Username:catsmoke
——————————————————————————
 * 1) Menus — open prototype in a new tab: https://di-visual-design-menus.web.app/Brown_bear. Which option do you prefer and why? Please make sure to check the search menu, user menu, language menu, and tools menu.
 * search menu: Don't need images, they take up too much space and I don't need the visual aids.
 * user menu: I like the style of the icons
 * tools: it is most excellent to offer the option of either leaving a menu as a pull-down, or embedding that menu in a sidebar
 * talk: My impression is that the proposed new style is more difficult to follow than the old style; it lacks structure, it needs boxes around the topics or something similar.
 * on the menu color combinations (blue+black, etc.): it is excellent to make the menu triggers a different color than the general link text
 * 1) Borders and backgrounds — open prototype in a new tab: https://di-visual-design-borders-bgs.web.app/Zebra. Which option do you prefer and why?

——————————————————————————
 * 1) No; I don't care for the minimalist style, too bare, lacks of aids to focus, I need more visual structure
 * 2) No; I like it, but not as much as 4 and 6 and 9
 * 3) No; this one leaves the article title too isolated; it cuts off the title from the body, as if the body of the article had more in common with the left sidebar than with its own title
 * 4) No; I like this layout, but not as much as the two-color layout
 * 5) No; do not like the article title sort of merging, or sharing the same area, with the left sidebar
 * 6) No; good, but second color needs to cover more of the page, as it does in 9
 * 7) No; no gradients, I don't like gradients; this is an encyclopedia, it's not a place for subtlety
 * 8) No; no gradients, I don't like gradients; gradients are unencyclopedic in tone
 * 9) Yes; the best and my favorite


 * 1) Active section in the table of contents — open prototype in a new tab: https://di-visual-design-toc-active.web.app/Otter. Which option do you prefer and why?

——————————————————————————
 * 1) Yes; it is really cool for the TOC headings to change color, to correspond to the reader's location in the article
 * 2) No; the bold is too much
 * 3) No; looks too much like a menu's Selected appearance
 * 4) No; lines make it far too busy
 * 5) No; lines make it far too busy


 * 1) Logo in the header — open prototype in a new tab: https://di-visual-design-header-logo.web.app/Panda. Which option do you prefer and why?

——————————————————————————
 * 1) No; second best, a bit too understated; but having the menu icon is ideal
 * 2) Yes; authoritative and reassuring; but the text menu trigger is inferior to the graphic version in #1
 * 3) No; not a good location, distracting, ironically it seems imbalanced regardless of its being centered
 * 4) No; no gradients


 * 1) Link colors — open prototype in a new tab: https://di-visual-design-link-colors.web.app/Salmon. Is there any additional work you think needs to be done before we make this change?

——————————————————————————
 * 1) No; colors are far too difficult to tell apart
 * 2) Yes; good contrast of different types of text in the varying colors


 * 1) Font size — open prototype in a new tab: https://di-visual-design-font-size.web.app/Hummingbird. Do you have any concerns with the proposed font size?

note: Instructions said to go to menu in corner to change font size; I cannot find this option


 * 1) Yes; current
 * 2) No; too big

—Catsmoke (talk) 22:30, 9 June 2022 (UTC)