med-mastodon.com is one of the many independent Mastodon servers you can use to participate in the fediverse.
Medical community on Mastodon

Administered by:

Server stats:

373
active users

#baduxdesign

0 posts0 participants0 posts today
Third spruce tree on the left<p><a href="https://mas.to/tags/Windows11" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Windows11</span></a>'s new <a href="https://mas.to/tags/StickyNotes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StickyNotes</span></a> app (a thinly disguised <a href="https://mas.to/tags/OneNote" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OneNote</span></a>) is fucking annoying. Since it is so-called "smart", and it attempts to provide context around the "source" of your note, its window is constantly updating with "current source" ALL THE TIME. Its visually distracting AF. </p><p>And it can't be disabled. Do better <a href="https://mas.to/tags/Microsoft" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Microsoft</span></a>.</p><p><a href="https://mas.to/tags/badux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>badux</span></a> <a href="https://mas.to/tags/baduxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>baduxdesign</span></a> <a href="https://mas.to/tags/productmanagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>productmanagement</span></a></p>
Kagan MacTane (he/him)<p>UX designers (which includes nearly anyone developing front-end code, whether it's in your job title or not), remember that real people will have to use your interface. It will affect them. It can have a serious impact on their quality of daily life.</p><p>Don't drive your users to this: <a href="https://mastodon.online/@nikitonsky/114672417919925192" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.online/@nikitonsky/11</span><span class="invisible">4672417919925192</span></a></p><p><a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p>
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" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#<span>Slack</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>software</span></a> <a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/names" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>WTF</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>apps</span></a> <a href="https://wandering.shop/tags/developers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developers</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#<span>BadUX</span></a>, and <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a>.</p><p><a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#<span>WebDevelopment</span></a> <a href="https://wandering.shop/tags/usability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>usability</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" 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" 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" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" 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" 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" 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" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" 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" 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" 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" target="_blank">#<span>BadUX</span></a>. <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" 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" target="_blank">#<span>usability</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p>
Kagan MacTane (he/him)<p>I don't know who invented the <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> pattern common in many apps (including Mastodon) for using the keyboard to handle lists of items, where up/down-arrow autoscroll and focus on successive list items. But what I do know is that their screen was so huge, it was taller than any item that ever came up in the lists they tested with.</p><p>Of course, that assumes they tested this pattern before coding it. Which may be a daring assumption.</p><p>Anyway, most people have shorter screens.</p><p><a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</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" 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" 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" 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" 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" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a></p>