Page MenuHomePhabricator

alexhollender (Alex Hollender)
designer

Today

  • Clear sailing ahead.

Tomorrow

  • Clear sailing ahead.

Tuesday

  • Clear sailing ahead.

User Details

User Since
Feb 22 2018, 12:49 AM (109 w, 3 d)
Availability
Available
LDAP User
Alex Hollender
MediaWiki User
AHollender (WMF) [ Global Accounts ]

Web designer at the Wikimedia Foundation

Recent Activity

Fri, Mar 27

alexhollender updated the task description for T247038: Design spec for collapsible sidebar.
Fri, Mar 27, 7:09 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)

Wed, Mar 25

alexhollender updated the task description for T246419: Build collapsible sidebar and sidebar button .
Wed, Mar 25, 4:00 PM · MW-1.35-notes (1.35.0-wmf.24; 2020-03-17), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements

Tue, Mar 24

alexhollender renamed T247683: Contrast of radio buttons on AMC History page is bad on Android/Firefox from Contrast of controls on history page is bad to Contrast of radio buttons on AMC History page is bad on Android/Firefox.
Tue, Mar 24, 8:24 PM · Readers-Web-Backlog, Advanced Mobile Contributions, Mobile, Accessibility
alexhollender added a comment to T247683: Contrast of radio buttons on AMC History page is bad on Android/Firefox.

Noting that this thankfully isn't an issue on Android/Chrome

Tue, Mar 24, 8:24 PM · Readers-Web-Backlog, Advanced Mobile Contributions, Mobile, Accessibility
alexhollender updated the task description for T248198: Minerva: Logged-in page actions spread out.
Tue, Mar 24, 8:19 PM · Design, Readers-Web-Backlog, MinervaNeue
alexhollender added a comment to T247771: Line height in drawers is tight (viewing references on mobile).

Just did a quick QA on the beta cluster. The change looks good:

Tue, Mar 24, 5:22 PM · Readers-Web-Backlog (Tracking), MW-1.35-notes (1.35.0-wmf.25; 2020-03-24), Editing QA, WMDE-QWERTY-Sprint-2020-03-18, Editing-team (Tracking), MobileFrontend, MinervaNeue

Mon, Mar 23

alexhollender added a comment to T248198: Minerva: Logged-in page actions spread out.

Is this by design @Jdrewniak and @alexhollender ? I remember we had a lot of different combinations for this menu (AMC, AMC+download icon, normal, normal+download icon).

Mon, Mar 23, 1:30 PM · Design, Readers-Web-Backlog, MinervaNeue

Wed, Mar 18

alexhollender added a comment to T247702: Format table in coronavirus article.

I tried to work out the CSS and have proposed some additional mobile styles here: https://en.wikipedia.org/wiki/Template_talk:2019%E2%80%9320_coronavirus_pandemic_data/styles.css#Cleaning_up_the_table_for_mobile_web

Wed, Mar 18, 11:48 PM · Product-Infrastructure-Team-Backlog (Kanban), Patch-For-Review, covid-19, Wikipedia-iOS-App-Backlog, Wikipedia-Android-App-Backlog, Readers-Web-Backlog, Mobile-Content-Service, iOS-app-Bugs, Android-app-Bugs, Reading-Web-Local-Wiki-Issues, MediaWiki-General
alexhollender added a comment to T247702: Format table in coronavirus article.

@Jdlrobson @Volker_E looking at this table on mobile web (iOS/Safari & Chrome, Android/Chrome) and wanted to suggest the following possible changes:

Wed, Mar 18, 5:53 PM · Product-Infrastructure-Team-Backlog (Kanban), Patch-For-Review, covid-19, Wikipedia-iOS-App-Backlog, Wikipedia-Android-App-Backlog, Readers-Web-Backlog, Mobile-Content-Service, iOS-app-Bugs, Android-app-Bugs, Reading-Web-Local-Wiki-Issues, MediaWiki-General
alexhollender claimed T247423: Synthesize prototype feedback and publish report.
Wed, Mar 18, 2:49 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)

Tue, Mar 17

alexhollender added a comment to T247038: Design spec for collapsible sidebar.

@Jdrewniak @Volker_E documenting the conversation we had in slack regarding adding a max-width to the outer page container as well, resulting in something like:

1920px browser width (sidebar closed)1920px browser width (sidebar open)
Tue, Mar 17, 9:27 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender moved T219654: Add redlink experience to empty search results on Mobile (no-JS version) from Needs Design Review to Needs More Work on the Readers-Web-Backlog (Kanbanana-2019-20-Q3) board.
Tue, Mar 17, 9:12 PM · Readers-Web-Backlog, Patch-For-Review
alexhollender added a comment to T219654: Add redlink experience to empty search results on Mobile (no-JS version).

@alexhollender trust this is okay as an interim step?

Tue, Mar 17, 9:12 PM · Readers-Web-Backlog, Patch-For-Review
alexhollender updated the task description for T247038: Design spec for collapsible sidebar.
Tue, Mar 17, 6:18 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender placed T245190: Implement guidelines around logos creation up for grabs.
Tue, Mar 17, 5:24 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos

Mon, Mar 16

alexhollender added a comment to T247038: Design spec for collapsible sidebar.

@Jdrewniak nice. There are still a few minor issues with the prototype, though I'm not sure if it makes sense to continue refining it, or just wait until we start building the thing for real? Would additional work here further benefit the production effort?

Mon, Mar 16, 3:49 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)

Wed, Mar 11

alexhollender added a comment to T245190: Implement guidelines around logos creation.

Two questions:

  1. Is it viable for the logo asset to always be a fixed width square e.g. 40x40 and make use of whitespace inside the SVG or do we need to make width and height configurable?

I've updated the guidelines to reflect our decision that the icon area will always be 50x50px

Wed, Mar 11, 8:23 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender updated the task description for T245190: Implement guidelines around logos creation.
Wed, Mar 11, 7:44 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender updated the task description for T245190: Implement guidelines around logos creation.
Wed, Mar 11, 6:56 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender triaged T247423: Synthesize prototype feedback and publish report as High priority.
Wed, Mar 11, 4:52 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender created T247423: Synthesize prototype feedback and publish report.
Wed, Mar 11, 4:52 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)

Tue, Mar 10

alexhollender updated the task description for T246170: Build new logo for Desktop Improvements Header.
Tue, Mar 10, 6:18 PM · Performance-Team (Radar), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements
alexhollender updated the task description for T246170: Build new logo for Desktop Improvements Header.
Tue, Mar 10, 5:30 PM · Performance-Team (Radar), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements
alexhollender reassigned T246170: Build new logo for Desktop Improvements Header from alexhollender to Jdlrobson.

I've got a starting patch and have fleshed out the description. Should be enough for the estimation which should cover the back and forth between design and engineering.
@Volker_E @alexhollender it looks like we'll need to increase the header height of new Vector. This is how it looks using the existing header and guideline heights.


Prior to moving this todo we should add a mock be provided so the margins/paddings can be accounted for.

Tue, Mar 10, 5:29 PM · Performance-Team (Radar), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements
alexhollender moved T151115: [EPIC] Improve in-article navigation from Needs analysis to Next up on the Readers-Web-Backlog (Design) board.
Tue, Mar 10, 5:16 PM · Readers-Web-Backlog (Design), Epic, MinervaNeue, Design
alexhollender updated the task description for T245734: Consider making the new sidebar sticky/fixed.
Tue, Mar 10, 5:11 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender updated the task description for T245734: Consider making the new sidebar sticky/fixed.
Tue, Mar 10, 5:06 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender claimed T245734: Consider making the new sidebar sticky/fixed.
Tue, Mar 10, 4:23 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender moved T245734: Consider making the new sidebar sticky/fixed from Needs analysis to Blocked on the Readers-Web-Backlog (Design) board.
Tue, Mar 10, 4:23 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender triaged T245887: Consider changing default focus style (e.g. for links) to match WMUI as Low priority.

@Volker_E do you have thoughts on this? What is the current thinking around why we don't apply custom styling for blue links, as we do for OOUI elements?

Tue, Mar 10, 4:23 PM · Readers-Web-Backlog (Design), Accessibility, Vector
alexhollender moved T229691: [Bug] Notification drawer spins forever on load failure from Designing/discussing right now to Next up on the Readers-Web-Backlog (Design) board.

@Jdlrobson moving this out of Designing/discussing as we're not currently working on this. It seems, given this task, T235193, T226125, and T225535, that we may want to make a mini-epic around notifications on mobile, though probably not something we'd work on anytime soon.

Tue, Mar 10, 4:16 PM · Notifications, Growth-Team
alexhollender moved T192489: Page previews settings (“cog wheel“) are not keyboard accessible from Designing/discussing right now to Next up on the Readers-Web-Backlog (Design) board.
Tue, Mar 10, 4:13 PM · Readers-Web-Backlog (Design), Accessibility, Page-Previews
alexhollender added a comment to T219759: Increase visibility of "Donate to Wikipedia" desktop web sidebar item.

At this point it seems like this should be considered as part of the Desktop Improvements project. @spatton could you add the data you collected around the value of the Donate button, as well as the current hypothesis about why this button is important (i.e. some people see the banner but prefer to click on the link), to this task? Also, what's your current thinking about logged-in users, is the Donate button important in that case as well?

Tue, Mar 10, 4:12 PM · Readers-Web-Backlog (Design), WMF-Design, Design
alexhollender added a comment to T226125: Updates to notifications container on mobile to make it more consistent with desktop.

Based on T226125#5604323 I'm moving this to blocked.

Tue, Mar 10, 4:00 PM · User-Jdlrobson, Growth-Team, Notifications, Readers-Web-Backlog (Design)
alexhollender moved T226125: Updates to notifications container on mobile to make it more consistent with desktop from Designing/discussing right now to Blocked on the Readers-Web-Backlog (Design) board.
Tue, Mar 10, 3:59 PM · User-Jdlrobson, Growth-Team, Notifications, Readers-Web-Backlog (Design)
alexhollender moved T246420: Limit content width from Needs analysis to Designing/discussing right now on the Readers-Web-Backlog (Design) board.
Tue, Mar 10, 3:59 PM · Readers-Web-Backlog (Design), Desktop Improvements
alexhollender updated the task description for T232229: PageList descriptions too small font and line height.
Tue, Mar 10, 3:55 PM · Readers-Web-Backlog, UI-Standardization, MinervaNeue
alexhollender edited projects for T232229: PageList descriptions too small font and line height, added: Readers-Web-Backlog; removed Readers-Web-Backlog (Design).

@Volker_E as we've discussed a more comprehensive review of font-sizes in mobile front end is needed, however this issue seems worth addressing in the meantime.

Tue, Mar 10, 3:52 PM · Readers-Web-Backlog, UI-Standardization, MinervaNeue
alexhollender updated subscribers of T247299: Vector search box changes shape / flashes when focussed on iOS Safari.

@ovasileva @Jdlrobson possibly could be addressed during DIP

Tue, Mar 10, 3:24 PM · MW-1.35-notes (1.35.0-wmf.24; 2020-03-17), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Browser-Support-Apple-Safari, Desktop Improvements, Vector
alexhollender added projects to T247299: Vector search box changes shape / flashes when focussed on iOS Safari: Readers-Web-Backlog, Desktop Improvements.
Tue, Mar 10, 3:24 PM · MW-1.35-notes (1.35.0-wmf.24; 2020-03-17), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Browser-Support-Apple-Safari, Desktop Improvements, Vector

Mon, Mar 9

alexhollender updated subscribers of T247038: Design spec for collapsible sidebar.

@ovasileva @Jdrewniak @Jdlrobson I wanted to call our attention to how the article bar will look with a fixed content width. Below is German Wikipedia with the max-width at 960px. Thankfully there seems to be decent responsive support here, so even if folks have gadgets that result in extra tabs we should be fine. Eventually this situation will be resolved by us moving the search bar out of the toolbar. For now I think we should be mindful of this and keep an eye on it.

Mon, Mar 9, 4:09 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)

Fri, Mar 6

alexhollender added a comment to T247038: Design spec for collapsible sidebar.

@Jdrewniak I've added details to the description here. Your prototype — https://wikipedia-vue-protoype.netlify.com/p3.html#/en/wiki/Hawaiian_Islands — is getting pretty close. A few things to point out that need to be updated (please reference the task description for details):

Fri, Mar 6, 6:36 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender added a comment to T245734: Consider making the new sidebar sticky/fixed.

@Demian my apologies for forgetting to address your comments about the TOC — I meant to respond to that.

Fri, Mar 6, 5:28 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender updated the task description for T247038: Design spec for collapsible sidebar.
Fri, Mar 6, 5:19 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender updated subscribers of T247038: Design spec for collapsible sidebar.

@Volker_E regarding animation, @Jdrewniak has come up with a great solution as you can see in the prototype — above 1360px screen width there is an animation, and below 1360px screen width there is no animation. This avoids the weird content reflowing issue associated with animation.

Fri, Mar 6, 4:59 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender updated the task description for T247038: Design spec for collapsible sidebar.
Fri, Mar 6, 4:58 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)

Thu, Mar 5

alexhollender updated the task description for T247038: Design spec for collapsible sidebar.
Thu, Mar 5, 9:57 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender triaged T247038: Design spec for collapsible sidebar as High priority.
Thu, Mar 5, 9:49 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender created T247038: Design spec for collapsible sidebar.
Thu, Mar 5, 9:49 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender updated the task description for T245190: Implement guidelines around logos creation.
Thu, Mar 5, 9:35 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender added a comment to T245190: Implement guidelines around logos creation.

@alexhollender To get back to the Farsi example above, what would be the harmonized version then?

Thu, Mar 5, 9:31 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender added a comment to T245734: Consider making the new sidebar sticky/fixed.

@Volker_E @ovasileva @Demian apologies for the phab spam and potential confusion. I have renamed and rescoped this task to specifically be about whether or not the sidebar should be sticky/fixed. The epic is now T247032.

Thu, Mar 5, 9:13 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender added a parent task for T245734: Consider making the new sidebar sticky/fixed: T247032: [EPIC] Build collapsible sidebar and deploy to all test wikis.
Thu, Mar 5, 9:00 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender added a subtask for T247032: [EPIC] Build collapsible sidebar and deploy to all test wikis: T245734: Consider making the new sidebar sticky/fixed.
Thu, Mar 5, 9:00 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender renamed T245734: Consider making the new sidebar sticky/fixed from [EPIC] Build collapsible sidebar and deploy to all test wikis to Consider making the new sidebar sticky/fixed.
Thu, Mar 5, 9:00 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender triaged T247032: [EPIC] Build collapsible sidebar and deploy to all test wikis as High priority.
Thu, Mar 5, 8:59 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender created T247032: [EPIC] Build collapsible sidebar and deploy to all test wikis.
Thu, Mar 5, 8:58 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3)
alexhollender closed T247031: Consider making the new sidebar sticky/fixed (discussion archive), a subtask of T245734: Consider making the new sidebar sticky/fixed, as Invalid.
Thu, Mar 5, 8:56 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender closed T247031: Consider making the new sidebar sticky/fixed (discussion archive) as Invalid.
Thu, Mar 5, 8:56 PM · Readers-Web-Backlog, Desktop Improvements
alexhollender added a comment to T247031: Consider making the new sidebar sticky/fixed (discussion archive).
Thu, Mar 5, 8:55 PM · Readers-Web-Backlog, Desktop Improvements
alexhollender added a comment to T247031: Consider making the new sidebar sticky/fixed (discussion archive).

Agreed that scrollbars would not be okay.

Scrollbars are commonly used for sidebars and better than having to scroll the whole article when looking for a specific link on the scrollbar. If done well it's subtle and convenient. Please see Discord for a great example, or try the userstyle for WikiZero I've posted in the first comment to see the difference with or without scrollbar on a page with long sidebar content and try WikiWand to see scrolling is usable even without a scrollbar, though it's up to the user to recognize there's more...

I feel that we're not fully clear on the added value behind making the sidebar sticky. IMO we need to be clear on why the top items in the crowded sidebar get more importance (sticky) than links further down.

Tl;dr: the reason for not seeing added value is that the site-navigation sidebar has in itself very little added value. Editors and readers are often asking for solutions to hide it.
What has added value is the TOC, the best solution would be to show the TOC on the sidebar and optionally - when the user clicks the navmenu icon -, show the site navigation (current sidebar) instead of the TOC. This is a requested feature on the DIP page, it seems this is the last time that can be effectively discussed.

Three concerns on sticky:

  • We'd be breaking common user interaction patterns of one-column scrolling, like ctrl+page-up/cmd+arrow-up

FYI Ctrl+PGUP in Chrome and most browsers will go to the tab to the left. Do you mean simple PGUP?

  • The scrolling behaviour won't be broken. As long as the main (content) column is focused, PGUP will have its effect there.
  • If the user clicks inside the sidebar, it's expected that PGUP will affect that area.
  • If the user clicks a link inside the sidebar (assuming site navigation is in the sidebar) a new page will load and focus returns to the main content.
  • If the user clicks a link inside the sidebar TOC, then it is unexpected (not breaking tho) that focus (and PGUP scrolling) stays there, but easily fixed with an onclick handler that returns focus to main.
  • Making language list easier discoverable comes later in the project and it's probably among most used links section (data?), which is harder to scroll into (you'd need to move your link into smaller area)

The DIP page suggests me with numerous examples that the language list is moved to a drop-down in the top-right corner. Is this concerning the special case of no-js runtime?

  • Sidebar links are a weird per-project collection and it's not clear at all that most important ones are on top, where fixed sidebar would be preferable
  • If projects put their important links not to the top, that's their own problem. Why would they?
  • The bottom links are obscured in Vector, anyway. By the time a reader scrolls down, their focus is on reading the content, not the sidebar. These "concerns" also apply to the status quo.

Additionally on a technical level, scrollbar appearance is on many GUI systems still underwhelming and customizations are hard and non-standard. Means, they might look terrible in small space additionally to all user-experience concerns.

Don't even consider defaulting to the default (system) scroll-bar, that would be terrible indeed. That's why I posted a ready-made solution above.

Thu, Mar 5, 8:55 PM · Readers-Web-Backlog, Desktop Improvements
alexhollender added a comment to T247031: Consider making the new sidebar sticky/fixed (discussion archive).

I feel that we're not fully clear on the added value behind making the sidebar sticky. IMO we need to be clear on why the top items in the crowded sidebar get more importance (sticky) than links further down. Three concerns on sticky:

  • We'd be breaking common user interaction patterns of one-column scrolling, like ctrl+page-up/cmd+arrow-up
  • Making language list easier discoverable comes later in the project and it's probably among most used links section (data?), which is harder to scroll into (you'd need to move your link into smaller area)
  • Sidebar links are a weird per-project collection and it's not clear at all that most important ones are on top, where fixed sidebar would be preferable

Additionally on a technical level, scrollbar appearance is on many GUI systems still underwhelming and customizations are hard and non-standard. Means, they might look terrible in small space additionally to all user-experience concerns.

Thu, Mar 5, 8:55 PM · Readers-Web-Backlog, Desktop Improvements
alexhollender added a comment to T247031: Consider making the new sidebar sticky/fixed (discussion archive).

Instant question on acceptance criteria “sidebar should be sticky” – when the sidebar would be sticky, we'd end up with two vertical scrollbars (in sidebar and main content) when canvas height < sidebar height, which seems relatively common. Are we set on this?

In cases where the contents of the sidebar are taller than the screen having a scrollbar on the fixed sidebar is a natural result. Dependent upon user settings the scrollbar will only become visible when someone is interacting with the sidebar element. If we want to we can style the scrollbar (supported by all webkit browsers) to make it more subtle (https://webkit.org/blog/363/styling-scrollbars/) Example from Gmail:


Check out the prototype if you haven't already: http://localhost:5000/Lil_Yachty

Thu, Mar 5, 8:54 PM · Readers-Web-Backlog, Desktop Improvements
alexhollender added a comment to T247031: Consider making the new sidebar sticky/fixed (discussion archive).

Instant question on acceptance criteria “sidebar should be sticky” – when the sidebar would be sticky, we'd end up with two vertical scrollbars (in sidebar and main content) when canvas height < sidebar height, which seems relatively common. Are we set on this?

Agreed that scrollbars would not be okay. Would there be a way of avoiding this? Maybe have some max length of the sidebar and if it goes above that it's no longer sticky?

Thu, Mar 5, 8:54 PM · Readers-Web-Backlog, Desktop Improvements
alexhollender added a comment to T247031: Consider making the new sidebar sticky/fixed (discussion archive).

Instant question on acceptance criteria “sidebar should be sticky” – when the sidebar would be sticky, we'd end up with two vertical scrollbars (in sidebar and main content) when canvas height < sidebar height, which seems relatively common. Are we set on this?

Thu, Mar 5, 8:54 PM · Readers-Web-Backlog, Desktop Improvements
alexhollender created T247031: Consider making the new sidebar sticky/fixed (discussion archive).
Thu, Mar 5, 8:51 PM · Readers-Web-Backlog, Desktop Improvements

Wed, Mar 4

alexhollender added a comment to T245190: Implement guidelines around logos creation.

@alexhollender One more question for shared understanding:
For “2. wordmark — this is dependent on whether or not there is a tagline”
I assumed from our conversation, that we're setting on a strict height and the width is flexible as… T245190#5934226
What made you fix the width, could you probably share a descriptive layout image of context with the flexible/fix ranges?

Wed, Mar 4, 6:10 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender added a comment to T242381: Add a Vector skin version preference.

To get it to say "Vector preferences" we will need to revisit the solution. The solution was simple as it could be generalized. You'll note the same skin preferences section displays when Monobook is selected.

Wed, Mar 4, 2:53 PM · MW-1.35-notes (1.35.0-wmf.22; 2020-03-03), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements

Tue, Mar 3

alexhollender added a comment to T244486: [EPIC] Create new logos for DI header.

@ovasileva just wanted to clarify if this represents the implementation, or the generating of the actual svgs/assets that will be used? If it's the former then I think it could be reassigned to Volker or Jon. If it's the latter we're all set.

Tue, Mar 3, 10:34 PM · Epic, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements, Logos
alexhollender reassigned T245190: Implement guidelines around logos creation from alexhollender to Jdlrobson.

@Jdlrobson assigning this to you for now. I will wait until our implementation plan is a bit more finalized and then will start working on T244486 and T246430

Tue, Mar 3, 10:32 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender added a comment to T245190: Implement guidelines around logos creation.

@Volker_E @Jdlrobson here are a bunch of SVGs to start with:

Tue, Mar 3, 10:30 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender added a comment to T242381: Add a Vector skin version preference.

Sorry for the late feedback.

Tue, Mar 3, 7:47 PM · MW-1.35-notes (1.35.0-wmf.22; 2020-03-03), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements
alexhollender placed T113101: Images should be responsive in Vector and restrained to a max-size. up for grabs.

per a discussion I had with @Jdlrobson I'm unassigning this from myself.

Tue, Mar 3, 6:21 PM · Readers-Web-Backlog, Desktop Improvements, Vector, Design

Mon, Mar 2

alexhollender added a comment to T245190: Implement guidelines around logos creation.

Met with @Jdlrobson and @Volker_E today to review further. I've put together some examples of how we could render the logos for Wikipedia and other projects using 2-3 separate images (depending on the project), and not much CSS (thanks flexbox): https://di-logo-sandbox.firebaseapp.com/

  1. logo
  2. wordmark
  3. (optional) tagline
Mon, Mar 2, 9:33 PM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos
alexhollender added a comment to T246044: How to represent several articles/pages in icons?.

2cents: for these discussions I think it's helpful to show the icons in context

Mon, Mar 2, 3:04 PM · Design, UI-Standardization-Kanban, UI-Standardization, OOUI

Fri, Feb 28

alexhollender added a comment to T246420: Limit content width.

@alexhollender - would it be better if we keep this on the design board for now?

Fri, Feb 28, 8:37 PM · Readers-Web-Backlog (Design), Desktop Improvements
alexhollender added a comment to T245190: Implement guidelines around logos creation.

Alright, a bit more information after a broader investigation today.

Fri, Feb 28, 8:10 AM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos

Feb 27 2020

alexhollender added a comment to T245734: Consider making the new sidebar sticky/fixed.

Instant question on acceptance criteria “sidebar should be sticky” – when the sidebar would be sticky, we'd end up with two vertical scrollbars (in sidebar and main content) when canvas height < sidebar height, which seems relatively common. Are we set on this?

Feb 27 2020, 3:44 PM · Patch-For-Review, Readers-Web-Backlog (Design), Desktop Improvements
alexhollender added a comment to T243281: Build opt-out link for logged-in users with new vector on.

@ovasileva what do you think about a more minimal styling for the button? Even without the underline it seems relatively noticeable if you're looking at the sidebar.

Feb 27 2020, 1:47 AM · MW-1.35-notes (1.35.0-wmf.26; 2020-03-31), Patch-For-Review, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements
alexhollender added a comment to T208758: Display popups for annotated <math> tags.

@Andreg-p would it be possible for you to show me a few other examples of equation previews? I would like to make some layout suggestions and having other examples would be helpful.

Feb 27 2020, 1:22 AM · MW-1.35-notes (1.35.0-wmf.8; 2019-11-26), Math, Core Platform Team Workboards (Clinic Duty Team), Readers-Web-Backlog (Needs Product Owner Decisions), Patch-For-Review, Page-Previews
alexhollender added a comment to T245190: Implement guidelines around logos creation.

@Volker_E @Jdlrobson @ovasileva here's where I'm at so far:

Feb 27 2020, 12:37 AM · Desktop Improvements, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Logos

Feb 25 2020

alexhollender added a comment to T208184: No page search result features wrong icon.

I think we should anchor on the use case where the search returns results because that's more common. I think it looks better with the proposed icon rather than no icon.

Feb 25 2020, 10:47 PM · Readers-Web-Backlog (Design), UI-Standardization, Design, MinervaNeue
alexhollender added a comment to T232383: Consolidate MinervaNeue and Flow on one WikimediaUI icon for ToC.

Spoke with @Volker_E — I think it's fine to swap the current contents icon for the bullet list one, e.g.

Feb 25 2020, 10:26 PM · Growth-Team, OOUI, StructuredDiscussions, Patch-For-Review, Readers-Web-Backlog, Design, MinervaNeue
matmarex awarded T214641: [Technical] The LoadingOverlay and src/mobile.startup/rlModuleLoader.js pattern should be removed - it results in overlay flashes during switches a Party Time token.
Feb 25 2020, 12:51 AM · Readers-Web-Backlog (Kanbanana-2019-20-Q3), MW-1.35-notes (1.35.0-wmf.19; 2020-02-11), MobileFrontend (MobileFrontend and MinervaNeue architecture), MinervaNeue

Feb 24 2020

alexhollender updated the task description for T246029: Increase max-height of reference previews.
Feb 24 2020, 6:36 PM · Design, WMDE-Design, Page-Previews, Reference Previews
alexhollender created T246029: Increase max-height of reference previews.
Feb 24 2020, 6:36 PM · Design, WMDE-Design, Page-Previews, Reference Previews
alexhollender removed a project from T242899: Make MobileFrontend and MinervaNeue compatible with BookReferencing: Readers-Web-Backlog (Kanbanana-2019-20-Q3).

I've been in communication with @Erdinc_Ciftci_WMDE — the proposed design for mobile looks good. Removing this from our board.

Feb 24 2020, 5:56 PM · Patch-For-Review, WMDE-QWERTY-Sprint-2020-01-21, MinervaNeue (Tracking), Book-Referencing
alexhollender added a comment to T244510: Citation text in popups on mobile web includes unexpected text (uses wrong styling).

Bringing what's shown in the mobile preview closer to the wikitext sounds like a good idea to me in general. I'm fine with displaying the broken-ish icons, assuming that it will lead to things getting fixed so they work better on mobile eventually.

Feb 24 2020, 4:51 PM · Readers-Web-Backlog (Design), MobileFrontend
alexhollender added a comment to T243281: Build opt-out link for logged-in users with new vector on.

@alexhollender Thanks for clarification. For users who reconcile or mistakenly clicked the button, the way back is preferences then, correct?
Do we have a time limitation as for how long to show this *very prominent* UI element, that pushes down possible other popular user action elements in the sidebar, for example “Recent Changes”?

Feb 24 2020, 3:56 PM · MW-1.35-notes (1.35.0-wmf.26; 2020-03-31), Patch-For-Review, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements

Feb 19 2020

alexhollender added a comment to T239230: Should links to the same site open in new tabs?.

@thiemowmde how we handle links seems to be a bit inconsistent (or difficult to define), see T190549 for context. Perhaps the best way to handle this is to follow what would happen if a link within the reference itself (not the reference preview) were clicked? In this case that would mean it would open in the same tab.

Feb 19 2020, 9:50 PM · WMDE-Design, Design, Reference Previews
alexhollender added a comment to T243281: Build opt-out link for logged-in users with new vector on.

Lastly, as soon as you switch, does the button's label change “Switch to new look” or would that be a toggle button? Or does the design change and the button disappears completely?

Feb 19 2020, 9:30 PM · MW-1.35-notes (1.35.0-wmf.26; 2020-03-31), Patch-For-Review, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements

Feb 13 2020

alexhollender added a comment to T244510: Citation text in popups on mobile web includes unexpected text (uses wrong styling).

@Jdlrobson @matmarex it's unclear to me what is the before & after screens to compare here?

Feb 13 2020, 3:39 PM · Readers-Web-Backlog (Design), MobileFrontend
alexhollender added a comment to T231053: Click trash on recent changes doesn't clear open filter menus.

From a certain perspective this is a bug, because any click outside of the filter menu is intended to close the menu (that's part of the mechanics of how our menus work). However as @Etonkovidova pointed out (T231053#5874095), in this case the bug is somewhat convenient.

Feb 13 2020, 3:30 PM · Readers-Web-Backlog, MediaWiki-Recent-changes, Edit-Review-Improvements-RC-Page, OOUI, Advanced Mobile Contributions, Growth-Team
alexhollender updated subscribers of T91201: Accessibility settings/preferences.
Feb 13 2020, 3:13 PM · Wikimania-Hackathon-2016, Wikimania-Hackathon-2015, MediaWiki-User-preferences, Design, Accessibility, Wikimedia-Hackathon-2015
alexhollender awarded T91201: Accessibility settings/preferences a Love token.
Feb 13 2020, 3:13 PM · Wikimania-Hackathon-2016, Wikimania-Hackathon-2015, MediaWiki-User-preferences, Design, Accessibility, Wikimedia-Hackathon-2015
alexhollender added a comment to T237019: Spacing between icons and labels is too large in tablet mode.

From my perspective, 8px would be a good compromise here.
Captured the navigation proposal in patch below.

Feb 13 2020, 2:56 PM · MW-1.35-notes (1.35.0-wmf.22; 2020-03-03), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Design, MinervaNeue

Feb 12 2020

alexhollender added a comment to T243155: Gesture-based navigation system for mobile devices.

Hey @Peteole this is a super cool exploration. I'm curious about your thinking — specifically what challenges you are aiming to solve with this? I can make some guesses but always best to hear directly.

Feb 12 2020, 9:22 PM · Research, Design Research and product team collaboration, Design, Design-Research
alexhollender updated the task description for T240728: [Bug] Latin Wikipedia has a stretched logo (was `Create and use the Latin wikipedia (VICIPÆDIA) wordmark on mobile site`).
Feb 12 2020, 5:13 PM · Readers-Web-Backlog (Kanbanana-2019-20-Q3), Wikimedia-Site-requests

Feb 11 2020

alexhollender updated subscribers of T243281: Build opt-out link for logged-in users with new vector on.

@olga small things that came up during estimation:

  • is the styling of the button intentional? Sort've...it should stand out from the other links in the list but doesn't have to be a full on button (e.g. we could just add some spacing around it and make it bold)
  • do we prefer people go to settings then have to switch it manually, versus just switching the setting automatically via javascript? Yes
  • can we make the button text shorter / less negative? Possibly, let's try to come up with alternatives
Feb 11 2020, 6:34 PM · MW-1.35-notes (1.35.0-wmf.26; 2020-03-31), Patch-For-Review, Readers-Web-Backlog (Kanbanana-2019-20-Q3), Desktop Improvements
alexhollender added a comment to T237019: Spacing between icons and labels is too large in tablet mode.

My apologies for the long delay on reviewing this.

Feb 11 2020, 6:13 PM · MW-1.35-notes (1.35.0-wmf.22; 2020-03-03), Readers-Web-Backlog (Kanbanana-2019-20-Q3), Design, MinervaNeue