Pawb.Social Reports @transparency

Scott JensonThis is an infotainment system by a Chinese car company called Haval. It's so lazy and so horrible that it pains me to call this out. However, it's a perfect example of "UI over UX". The overall visual design is reasonable, the color scheme and iconography are OK (I have quibbles, but that's not the point). My point is that it "looks ok". <a href="https://social.coop/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UX</a> <a href="https://social.coop/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a href="https://social.coop/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> Thread: 1/x

Viktor BrešanRoast my small promo image. I can take it. 👀🔥<a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BuildInPublic</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Chrome</a> <a href="https://mastodon.social/tags/Mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mozilla</a> <a href="https://mastodon.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Firefox</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/Extension" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Extension</a> <a href="https://mastodon.social/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a>

Tuta🎉 Notification improvements 🎉 Have you started using our notification actions yet? Simply hold to Mark read or Delete! 😎 <a href="https://mastodon.social/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://mastodon.social/tags/Appimprovement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Appimprovement</a> <a href="https://mastodon.social/tags/Tuta" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tuta</a> <a href="https://mastodon.social/tags/MadeinGermany" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MadeinGermany</a>

Stefan BohacekFinally added a "copy code snippet" button to my tutorials. 🎉 What's a nice little feature you've seen a website or a blog implement, or that you've added to your own site?<a href="https://stefanbohacek.online/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://stefanbohacek.online/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://stefanbohacek.online/tags/websites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websites</a> <a href="https://stefanbohacek.online/tags/PersonalWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PersonalWebsite</a> <a href="https://stefanbohacek.online/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a>

TutaThe old UI vs. The new UI: Say hello to a simpler, smarter UI/UX Event Editor! 🤳✨🗓Read about our design iteration here: <a href="https://tuta.com/blog/tuta-calendar-ui-improvement" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tuta.com/blog/tuta-calendar-ui-improvement</a> <a href="https://mastodon.social/tags/uxdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxdesign</a> <a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uidesign</a> <a href="https://mastodon.social/tags/uxui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxui</a> <a href="https://mastodon.social/tags/interface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interface</a> <a href="https://mastodon.social/tags/calendar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#calendar</a>

Viktor BrešanYou are right, those corners were too sharp. Here is the smoothed version. <a href="https://mastodon.social/tags/uxui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxui</a> <a href="https://mastodon.social/tags/buildinpublic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#buildinpublic</a>

Stefan BohacekI mentioned this in one of my comments, but let me also put a link here to a recent report I wrote showing how <a href="https://hachyderm.io/@phanpy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@phanpy</a> achieves higher rates of image descriptions thanks to a simple design choice.<a href="https://stefanbohacek.com/blog/impact-of-fediverse-clients-on-the-use-of-alt-text/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://stefanbohacek.com/blog/impact-of-fediverse-clients-on-the-use-of-alt-text/</a><a href="https://stefanbohacek.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://stefanbohacek.online/tags/AltText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AltText</a> <a href="https://stefanbohacek.online/tags/ImageDescription" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ImageDescription</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a>

Stefan BohacekI do like how the missing alt text icon is now more prominent, but I do wonder if this is enough to get people to add descriptions to their images. I actually opened an issue addressing this last year.<a href="https://github.com/mastodon/mastodon/issues/27731" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/mastodon/mastodon/issues/27731</a><a href="https://stefanbohacek.online/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://stefanbohacek.online/tags/MastodonBeta" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastodonBeta</a> <a href="https://stefanbohacek.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://stefanbohacek.online/tags/AltText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AltText</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a>

Stefan BohacekHm, an interesting update in the upcoming 4.3 version of Mastodon is that the site now defaults to automatic dark/light theme. This is a good thing, for sure!But I just saw my profile page while logged out and I am really not used to seeing the light theme.<a href="https://stefanbohacek.online/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://stefanbohacek.online/tags/MastodonDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MastodonDesign</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://stefanbohacek.online/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://stefanbohacek.online/tags/DarkMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DarkMode</a> <a href="https://stefanbohacek.online/tags/poll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#poll</a>

Stefan BohacekSpeaking of <a href="https://stefanbohacek.online/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://stefanbohacek.online/tags/icons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#icons</a> and <a href="https://stefanbohacek.online/tags/logos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#logos</a>, I have to give a shout out to <a href="https://social.wake.st/@liaizon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@liaizon</a>, who's been doing incredible work over at <a href="https://fediverse.wake.st" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fediverse.wake.st</a>.<a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://stefanbohacek.online/tags/uxui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxui</a> <a href="https://stefanbohacek.online/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Blake PattersonIt boggles my mind that in Windows 10, when you drag a file into a directory that already contains a file of the same name, Windows gives you the option of overwriting or cancelling the operation. It does not automatically or by option just drop it into the folder with a "_2" on the end or some such.macOS has been doing this properly for - what - decades?<a href="https://oldbytes.space/tags/Windows" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Windows</a> <a href="https://oldbytes.space/tags/Windows10" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Windows10</a> <a href="https://oldbytes.space/tags/WTF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WTF</a> <a href="https://oldbytes.space/tags/macOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#macOS</a> <a href="https://oldbytes.space/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a>

Stefan BohacekPretty neat! If you're on mastodon.social (or another server running the latest in-development version of Mastodon), you can go to the Explore page eg. <a href="https://mastodon.social/explore/links" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.social/explore/links</a> and view posts that discuss trending news articles (see the "X posts" below the headline link).via <a href="https://mastodon.social/@Gargron/112729592397936855" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.social/@Gargron/112729592397936855</a><a href="https://stefanbohacek.online/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://stefanbohacek.online/tags/SocialMedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialMedia</a> <a href="https://stefanbohacek.online/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a>

Stefan BohacekAnd you can finally see them live on mastodon.social. Pretty neat!<a href="https://stefanbohacek.online/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://stefanbohacek.online/tags/HoverCards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HoverCards</a>

Stefan BohacekNice to see progress being made on the Mastodon hover cards.Via <a href="https://github.com/mastodon/mastodon/pull/30754" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/mastodon/mastodon/pull/30754</a><a href="https://stefanbohacek.online/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://stefanbohacek.online/tags/HoverCards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HoverCards</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a>

Stefan BohacekHey everyone! I recently posted about my latest project, a universal fediverse sharing button: <a href="https://stefanbohacek.com/project/fediverse-sharing-button/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://stefanbohacek.com/project/fediverse-sharing-button/</a>Is this something that you'd find useful for your website or blog?<a href="https://stefanbohacek.online/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://stefanbohacek.online/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://stefanbohacek.online/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://stefanbohacek.online/tags/SocialMedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialMedia</a>

Stefan BohacekI'd also love to hear from folks who use alternative solutions. Or maybe avoid them on purpose?<a href="https://stefanbohacek.online/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://stefanbohacek.online/tags/FediverseSharingButton" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediverseSharingButton</a> <a href="https://stefanbohacek.online/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://stefanbohacek.online/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a>

Stefan BohacekI just added a note on Phanpy. I really like how prominent the image description field is when you upload an image, and I am guessing this contributes to the notably high use of alt text.Great work, <a href="https://mastodon.social/@cheeaun" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@cheeaun</a>!<a href="https://stefanbohacek.online/tags/phanpy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#phanpy</a> <a href="https://stefanbohacek.online/tags/AltText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AltText</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a>

Stefan BohacekNext level <a href="https://stefanbohacek.online/tags/skeuomorphism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#skeuomorphism</a>.via <a href="https://hachyderm.io/@samhenrigold/112378640102423012" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://hachyderm.io/@samhenrigold/112378640102423012</a><a href="https://stefanbohacek.online/tags/uxui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxui</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a>

FinchHaven sfba<a href="https://stefanbohacek.online/@stefan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stefan</a> So now, instead of 1,500 words of alt-text that conceal the image itself after it's published, we get alt-tag-nags that conceal the image itself before it's even postedAnd this is progressSorry: "progress"<a href="https://sfba.social/tags/AltText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AltText</a> <a href="https://sfba.social/tags/ImageDescription" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ImageDescription</a> <a href="https://sfba.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://sfba.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://sfba.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://sfba.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://sfba.social/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a>

Stefan BohacekAn interesting visual change being tested on mastodon.social.I like how the text about missing alt text stands out more as a warning, rather than an "FYI" note.Not too sure about the text itself though. ("ALT" vs "No description added")EDIT: To avoid any confusion, the hints on adding good alt text are the actual image I was uploading, not part of the design.<a href="https://mastodon.social/@alttexthalloffame/112026971409044465" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.social/@alttexthalloffame/112026971409044465</a><a href="https://stefanbohacek.online/tags/AltText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AltText</a> <a href="https://stefanbohacek.online/tags/ImageDescription" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ImageDescription</a> <a href="https://stefanbohacek.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://stefanbohacek.online/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://stefanbohacek.online/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> <a href="https://stefanbohacek.online/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://stefanbohacek.online/tags/UXUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UXUI</a>

Recent searches

Search options

Administered by:

Server stats:

#uxui