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

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: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.