mathstodon.xyz is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon instance for maths people. We have LaTeX rendering in the web interface!

Server stats:

2.8K
active users

#baduxdesign

0 posts0 participants0 posts today
Kagan MacTane (he/him)<p>I think I have wanted to paste *with* formatting maybe twice in my life. Every. Other. GODDAMNED. Time, I have wanted to just paste the DATA I copied from elsewhere, and have it match the place I'm pasting it into.</p><p>"Paste without formatting" should be the default. "Paste WITH formatting" should be the behavior you have to explicitly ask for.</p><p><a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a></p>
Kagan MacTane (he/him)<p>I'm really annoyed with Slack's <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> behavior where normally, pressing Enter sends the text you're composing and Shift+Enter lets you insert a line-break... EXCEPT when you're in a code block. At that point, for no reason that I can discern, the behavior is reversed, and you have to just hit Enter to add another line, while pressing Shift+Enter in the code block will immediately send your message.</p><p>Whyyyyy‽😖</p><p><a href="https://wandering.shop/tags/Slack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Slack</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a></p>
Kagan MacTane (he/him)<p>I am once again telling all software developers everywhere that "Paste without formatting" should be the default.</p><p><a href="https://wandering.shop/tags/software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>software</span></a> <a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a></p>
Kagan MacTane (he/him)<p>A quick note about gift links to places that supply Open Graph cards: the card (which is far bigger than the text link) will link to *the normal (paywalled) version* of the article. Only the text link actually has the extra magic in it that makes it a gift link.</p><p>Yes, even if the card visually says "gift article" in it! It's confusing and annoying, and <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a>, but now you know.</p><p><a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a></p>
Kagan MacTane (he/him)<p>Reminder for anyone handling names in a form, database, or whatever: both given names and surnames can have spaces in them. "Mary Ann" is a valid name, and "St. Clair" is a real family name. Allow your users to put in their names properly, and *never* call them "invalid".</p><p>(What's actually invalid if you do that is *your name validation logic*.)</p><p><a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/names" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>names</span></a></p>
Kagan MacTane (he/him)<p>A lot of Windows apps, if you open a file, make some edits, and hit "Save As", will default to saving in the same folder/directory you opened the file from.</p><p>This is easily-predictable and therefore sensible behavior.</p><p>Then there are some (like Photos) that will default to saving in some folder that you recently opened a file from in *some completely other application*, which is absolutely deranged, and who even thought up this behavior? It's senseless and annoying.</p><p><a href="https://wandering.shop/tags/WTF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WTF</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a></p>
Kagan MacTane (he/him)<p>App developers: if you use notifications very sparingly, for things that I actually care about, I'll leave them turned on and even appreciate them.</p><p>But if you abuse notifications and hit me with too many, I'll block notifications from your app. Globally. All of them. And then I'll forget about it, and never revisit that decision.</p><p>Once you hit that point, it's too late. You ain't coming back.</p><p>Think about it *before* you decide to do notifications.</p><p><a href="https://wandering.shop/tags/apps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apps</span></a> <a href="https://wandering.shop/tags/developers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developers</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a></p>
Kagan MacTane (he/him)<p>This is the wrong way to make your <a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> elements, especially for this question.</p><p>There are 2 problems:</p><p>1) These look like check boxes, but behave like radio buttons. Selecting one deselects the others.<br>2) "Race" actually *should* be done with check boxes, and allow multiple answers! (Then the "two or more" option could be removed.)</p><p>This is <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a>, and <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a>.</p><p><a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a></p>
Kagan MacTane (he/him)<p>Nobody:<br>Website owners: You know what people really love when they're reading something? To have a giant modal popup in their face!</p><p>Narrator: It turns out they actually don't.</p><p>😠😠😡</p><p><a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a></p>
Kagan MacTane (he/him)<p>Hey, <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a>​s: If you're making a popup or modal, you need to make sure it's *NEVER* taller or wider than the browser's viewport. Otherwise, the controls to close it can wind up extending beyond the viewport, where the user can't access them... and hence, can never close the modal.</p><p>All they can do is close *the entire tab*.</p><p>Don't do this.</p><p><a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://wandering.shop/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>usability</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a></p>
Kagan MacTane (he/him)<p>"Paste with formatting" should *never* be the default.</p><p>At this point, most places that paste-with-formatting on Ctrl-V will do it without formatting on Ctrl-Shift-V, but... dammit, flip them around! Default to *without*; on the amazingly rare occasions when I want that behavior, I'll ask for it.</p><p><a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a></p>
Kagan MacTane (he/him)<p>Really not loving the <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> decisions on things like TikTok/YouTube Shorts/etc., where videos autoplay muted. I can see the logic:</p><p>* Why make the user have to hit a button to start play? Watching a video is literally all this is URL for, just give them the video!<br>* But don't ever autoplay with sound.</p><p>But the result is now I always have to hit *two* controls: first to unmute, then I've got to acquire the scrubber and drag it back to start (which is invariably nightmarish). <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a></p>
Kagan MacTane (he/him)<p>Hey, front-end devs: If you put a click handler on a link to make it do something special rather than just navigating to the href, make sure your handler *only triggers on left-click*, NOT on middle-click or right-click!</p><p>If I tried to use middle-click to open the link in a new tab, and your event handler nullified my intent as a user, I will not be happy with your site.</p><p><a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a></p>
Kagan MacTane (he/him)<p>I cannot say how much I HATE TaskRabbit's web site. There are so many things about the <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> there that drive me insane. The one on my mind right now is:</p><p>When you're looking at potential taskers for a job, *whyyy* is there no way to open any of them in another tab so you can compare?!?</p><p>It's like nobody on their <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> team has ever tried to use their own site.</p><p><a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a></p>
Kagan MacTane (he/him)<p>Clicked a link in <a href="https://wandering.shop/tags/MSTeams" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MSTeams</span></a> this morning and instead of it opening in Firefox (my default browser), it opened Edge (which I never use), which said "Teams now opens links in Edge, because <a href="https://wandering.shop/tags/Microsoft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Microsoft</span></a> hasn't punched you in the balls enough lately". (Or at least, that's how it came across.) It let me reset it, but boy is that <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a>. <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a></p>
Kagan MacTane (he/him)<p>Web developers: If you can't stop your stakeholders from making you put a "live help" or "May I help you?" chat(bot) widget on your site, see if you can at least get them to agree that if the user has already dismissed it X times (like say 3), you should stop showing it anymore.</p><p>Or, try suggesting X be 1 time, and let them talk you down to 3.</p><p><a href="https://wandering.shop/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>usability</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a></p>
Kagan MacTane (he/him)<p>One of the most annoying, and easily-remedied, <a href="https://wandering.shop/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> peeves is: making the visited links the same color as unvisited (plain/default) links.</p><p>I described it as a Web Design issue instead of <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> because IME, developers are rarely if ever the ones doing this. Designers, please remember usability is crucial; hiding people's ability to tell where they've been is <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a>.</p><p>If you're a <a href="https://wandering.shop/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a>, push back on this if asked to do it!</p><p><a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a></p>
taco, bird/cat :verified420:<p>wow do not ask me to sign up for your newsletter without even letting me look at your site! i literally don't know who you are. what the fuck. instant clickoff</p><p><a href="https://meow.social/tags/badux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>badux</span></a> <a href="https://meow.social/tags/baduxdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>baduxdesign</span></a> <a href="https://meow.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://meow.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a></p>
Kagan MacTane (he/him)<p>Auto makers might be moving from touchscreens back to physical, tactile controls? *Yes, please!* Touchscreens are a *horrible* UI for a car!</p><p><a href="https://slate.com/business/2023/04/cars-buttons-touchscreens-vw-porsche-nissan-hyundai.html" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">slate.com/business/2023/04/car</span><span class="invisible">s-buttons-touchscreens-vw-porsche-nissan-hyundai.html</span></a> <a href="https://wandering.shop/tags/cars" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cars</span></a> <a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/BadIdeas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadIdeas</span></a></p>
Kagan MacTane (he/him)<p>Important tip for web developers: when the user clicks on a button, they need to see *some* kind of action immediately. If your page just sits there doing nothing visible*, people will think something's gone wrong.</p><p>At least turn the button they just clicked into a spinner or something.</p><p>* Yes, I get that it's sending an API call in the background that determines what to do next, and this *does* block next-"page" render. It's still <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUX</span></a>.</p><p><a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a></p>