<p>Welcome social coder. Let's focus on social experience design in order to cocreate socio-cultural solutions that scale from individual needs to our inter-personal relationships in order to leave 'societal imprint'.</p><p><a href="/tags/sx/" rel="tag">#SX</a> is a natural extension to <a href="/tags/dx/" rel="tag">#DX</a> and <a href="/tags/ux/" rel="tag">#UX</a> that goes beyond technical systems and socio-technical platforms. SX unites sociosphere and technosphere to add missing social layers of the open social stack to our fediverse.</p><p>We are a commons. We are people. We are in control. We evolve. ✊</p>
ux
I am 100% convinced just from my own experiences that tech companies are knowingly, purposely putting "AI" buttons and links near commonly-used buttons or links in user interfaces to encourage accidental clicking and increase their usage numbers. AI usage numbers are dismal, and surveys repeatedly show large majorities of people do not want these features.<br><br><a href="/tags/ai/" rel="tag">#AI</a> <a href="/tags/genai/" rel="tag">#GenAI</a> <a href="/tags/generativeai/" rel="tag">#GenerativeAI</a> <a href="/tags/darkpatterns/" rel="tag">#DarkPatterns</a> <a href="/tags/ui/" rel="tag">#UI</a> <a href="/tags/ux/" rel="tag">#UX</a> <a href="/tags/userinterface/" rel="tag">#UserInterface</a> <a href="/tags/tech/" rel="tag">#tech</a> <a href="/tags/dev/" rel="tag">#dev</a><br>
<p>Just a reminder that I have free office hours for any <a href="/tags/opensource/" rel="tag">#opensource</a> project that wants <a href="/tags/ux/" rel="tag">#UX</a> help. Please feel free to sign up here: <a href="https://cal.com/scottjenson/exchange" rel="nofollow"><span class="invisible">https://</span>cal.com/scottjenson/exchange</a></p>
<p><a href="/tags/coding/" rel="tag">#coding</a> --> <a href="/tags/socialcoding/" rel="tag">#socialcoding</a><br><a href="/tags/community/" rel="tag">#community</a> --> <a href="/tags/movement/" rel="tag">#movement</a><br><a href="/tags/users/" rel="tag">#users</a> --> <a href="/tags/fedizens/" rel="tag">#fedizens</a></p><p>and</p><p><a href="/tags/technosphere/" rel="tag">#technosphere</a> --> <a href="/tags/sociosphere/" rel="tag">#sociosphere</a> <br><a href="/tags/fediverse/" rel="tag">#fediverse</a> --> <a href="/tags/peopleverse/" rel="tag">#peopleverse</a> <br><a href="/tags/foss/" rel="tag">#foss</a> --> <a href="/tags/soss/" rel="tag">#soss</a></p><p>and</p><p><a href="/tags/socialmedia/" rel="tag">#socialmedia</a> --> <a href="/tags/socialnetworking/" rel="tag">#socialnetworking</a><br><a href="/tags/socialgraph/" rel="tag">#socialgraph</a> --> <a href="/tags/socialfabric/" rel="tag">#socialfabric</a> <br><a href="/tags/techstack/" rel="tag">#techstack</a> --> <a href="/tags/socialstack/" rel="tag">#socialstack</a> <br><a href="/tags/app/" rel="tag">#app</a> --> <a href="/tags/solution/" rel="tag">#solution</a> <a href="/tags/service/" rel="tag">#service</a><br><a href="/tags/product/" rel="tag">#product</a> --> <a href="/tags/socialexperience/" rel="tag">#socialexperience</a> </p><p>and</p><p><a href="/tags/dx/" rel="tag">#dx</a> <a href="/tags/ux/" rel="tag">#ux</a> <a href="/tags/ui/" rel="tag">#ui</a> --> <a href="/tags/sx/" rel="tag">#sx</a> <br><a href="/tags/project/" rel="tag">#project</a> --> <a href="/tags/fsdl/" rel="tag">#fsdl</a><br><a href="/tags/projects/" rel="tag">#projects</a> --> <a href="/tags/ecosystem/" rel="tag">#ecosystem</a> <br><a href="/tags/development/" rel="tag">#development</a> --> <a href="/tags/cocreation/" rel="tag">#cocreation</a> <br><a href="/tags/forge/" rel="tag">#forge</a> --> <a href="/tags/forging/" rel="tag">#forging</a> <br><a href="/tags/contributor/" rel="tag">#contributor</a> --> <a href="/tags/peer/" rel="tag">#peer</a> <br><a href="/tags/contributing/" rel="tag">#contributing</a> --> <a href="/tags/peerproduction/" rel="tag">#peerproduction</a></p>
Edited 1y ago
<p>Penpot is a free open source interface design platform based around open standards. It's web-based and can be used collaboratively on any OS. You can follow their video account at:</p><p>➡️ <span class="h-card"><a href="[{'type': 'Link', 'href': 'https://peertube.kaleidos.net/a/penpot_app/video-channels', 'mediaType': 'text/html'}, {'type': 'Link', 'href': 'https://peertube.kaleidos.net/a/penpot_app', 'mediaType': 'text/html'}, {'type': 'Link', 'href': 'https://peertube.kaleidos.net/accounts/penpot_app', 'mediaType': 'text/html'}]" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>penpot_app</span></a></span> </p><p>There are already over 80 videos uploaded. If these haven't federated to your server yet, you can browse them all at <a href="https://peertube.kaleidos.net/a/penpot_app/videos" rel="nofollow" class="ellipsis" title="peertube.kaleidos.net/a/penpot_app/videos"><span class="invisible">https://</span><span class="ellipsis">peertube.kaleidos.net/a/penpot</span><span class="invisible">_app/videos</span></a></p><p>You can also follow their non-video account at <span class="h-card"><a href="https://fosstodon.org/@penpot" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>penpot</span></a></span> </p><p><a href="/tags/featuredpeertube/" rel="tag">#FeaturedPeerTube</a> <a href="/tags/ui/" rel="tag">#UI</a> <a href="/tags/ux/" rel="tag">#UX</a> <a href="/tags/interface/" rel="tag">#Interface</a> <a href="/tags/foss/" rel="tag">#FOSS</a> <a href="/tags/dev/" rel="tag">#Dev</a> <a href="/tags/prototyping/" rel="tag">#Prototyping</a> <a href="/tags/peertube/" rel="tag">#PeerTube</a> <a href="/tags/peertubers/" rel="tag">#PeerTubers</a></p>
<p>if you are under 30 years old and picking a font size for something other people need to read, not just yourself: that’s too small. still too small. A LITTLE BIGGER</p><p><a href="/tags/accessibility/" rel="tag">#accessibility</a> <a href="/tags/ux/" rel="tag">#ux</a> <a href="/tags/typography/" rel="tag">#typography</a></p>
<p>The Seven Deadly <a href="/tags/ux/" rel="tag">#UX</a> Sins of the <a href="/tags/fediverse/" rel="tag">#Fediverse</a> Web Experience (To Fix): <a href="https://www.timothychambers.net/2025/06/18/113327.html" rel="nofollow" class="ellipsis" title="www.timothychambers.net/2025/06/18/113327.html"><span class="invisible">https://</span><span class="ellipsis">www.timothychambers.net/2025/0</span><span class="invisible">6/18/113327.html</span></a>. cc: <span class="h-card"><a href="https://mastodon.online/@mastodonmigration" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mastodonmigration</span></a></span> <span class="h-card"><a href="https://indieweb.social/@laurenshof" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>laurenshof</span></a></span> <span class="h-card"><a href="https://venera.social/profile/fediversenews" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>fediversenews</span></a></span> <span class="h-card"><a href="https://mastodon.social/@cheeaun" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>cheeaun</span></a></span> <span class="h-card"><a href="https://mementomori.social/@rolle" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>rolle</span></a></span> <span class="h-card"><a href="https://social.coop/@scottjenson" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>scottjenson</span></a></span></p>
Edited 291d ago
<p>More <a href="/tags/geosocial/" rel="tag">#Geosocial</a> coming..</p><p><a href="https://delightful.coding.social/delightful-fediverse-experience/#geosocial-networking" rel="nofollow" class="ellipsis" title="delightful.coding.social/delightful-fediverse-experience/#geosocial-networking"><span class="invisible">https://</span><span class="ellipsis">delightful.coding.social/delig</span><span class="invisible">htful-fediverse-experience/#geosocial-networking</span></a></p><p><span class="h-card"><a href="https://indieweb.social/@bonfire" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>bonfire</span></a></span> request feedback on <a href="/tags/ux/" rel="tag">#UX</a> designs for <a href="/tags/bonfire/" rel="tag">#Bonfire</a> Geosocial. </p><p><a href="https://socialhub.activitypub.rocks/t/please-provide-feedback-on-bonfire-geosocial-ux-designs/5427" rel="nofollow" class="ellipsis" title="socialhub.activitypub.rocks/t/please-provide-feedback-on-bonfire-geosocial-ux-designs/5427"><span class="invisible">https://</span><span class="ellipsis">socialhub.activitypub.rocks/t/</span><span class="invisible">please-provide-feedback-on-bonfire-geosocial-ux-designs/5427</span></a></p><p>The designs may also be inspiring to other devs working on <a href="/tags/geo/" rel="tag">#Geo</a> functionality for the <a href="/tags/fediverse/" rel="tag">#fediverse</a> and there's opportunity to align approaches for max <a href="/tags/interoperability/" rel="tag">#interoperability</a>.</p><p>People are highly encouraged to start related more general discussion topics on improving protocol support for geosocial-enabled <a href="/tags/activitypub/" rel="tag">#ActivityPub</a> platforms in the federated forum categories.</p>
<p>🎵 ✨ Beautifully minimal, delightfully intuitive.<br>The folks at Open Planet Software entrusted us with Sessions’ UI design. For musicians who need all their virtual instruments at their fingertips, this carefully crafted user experience keeps the focus on what matters: the freedom to explore, create, play, and perform. Need UX help? Get in touch. <a href="https://iconfactory.com" rel="nofollow"><span class="invisible">https://</span>iconfactory.com</a> <a href="/tags/ux/" rel="tag">#Ux</a> <a href="/tags/uidesign/" rel="tag">#UIDesign</a> <a href="/tags/icondesign/" rel="tag">#IconDesign</a> <a href="/tags/macos/" rel="tag">#macOS</a> <a href="/tags/dev/" rel="tag">#dev</a></p>
<p>Wondering what do you call this? Is there a name for this kind of navigation?</p><p>Manual pagination? Slow mode? Finite scrolling? Windowed browsing?</p><p><a href="/tags/phanpyexperiment/" rel="tag">#PhanpyExperiment</a> <a href="/tags/ux/" rel="tag">#UX</a> <a href="/tags/design/" rel="tag">#Design</a></p>
<p>A good critique of MacOS new menu icons <a href="https://tonsky.me/blog/tahoe-icons/" rel="nofollow"><span class="invisible">https://</span>tonsky.me/blog/tahoe-icons/</a> </p><p>It highlights <span class="h-card"><a href="https://social.coop/@scottjenson" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>scottjenson</span></a></span> 's point from <a href="https://youtu.be/1fZTOjd_bOQ?si=eBP04-Yp3Z1Qf_Wm" rel="nofollow" class="ellipsis" title="youtu.be/1fZTOjd_bOQ?si=eBP04-Yp3Z1Qf_Wm"><span class="invisible">https://</span><span class="ellipsis">youtu.be/1fZTOjd_bOQ?si=eBP04-</span><span class="invisible">Yp3Z1Qf_Wm</span></a> on how desktop UX keeps getting worse, not better.</p><p><a href="/tags/ux/" rel="tag">#ux</a> <a href="/tags/macos/" rel="tag">#macos</a></p>
<p>A small improvement to Samsung’s lethal stove design where the common medium setting looks identical to off, making it hard to spot a stove left on.</p><p>Here I used black tape for directional marking. Red would be better!</p><p><a href="/tags/ux/" rel="tag">#ux</a> <a href="/tags/design/" rel="tag">#design</a></p>
<p>Is <a href="/tags/mastodon/" rel="tag">#mastodon</a> becoming an echo chamber? This post from <span class="h-card"><a href="https://mas.to/@carnage4life" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>carnage4life</span></a></span> has me questioning our community. The Mastodon team is finally getting some traction, the product improvements are increasing, The <a href="/tags/ux/" rel="tag">#UX</a> is improving, yet people posting on multiple platforms are making comments like this. It's confusing.</p><p>I *know* people here don't want this to be a classic social media-clone but we'd *like* journalists to be here right? They aren't coming with examples like this!</p>
<p>Following on from yesterday's blog post about the new design for profiles coming in Mastodon 4.6... here is the video of <span class="h-card"><a href="https://mastodon.social/@imanijoy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>imanijoy</span></a></span> recent talk at <span class="h-card"><a href="https://floss.social/@fossdesign" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>fossdesign</span></a></span> where they discuss the challenges and detailed thought that goes into the design of new features (and the redesign of existing ones). 🖌️</p><p><a href="/tags/fossback/" rel="tag">#FOSSBack</a> <a href="/tags/mastodon/" rel="tag">#Mastodon</a> <a href="/tags/opensourcedesign/" rel="tag">#OpenSourceDesign</a> <a href="/tags/ux/" rel="tag">#UX</a></p><p><a href="https://www.youtube.com/watch?v=oNxpTvbTy54" rel="nofollow" class="ellipsis" title="www.youtube.com/watch?v=oNxpTvbTy54"><span class="invisible">https://</span><span class="ellipsis">www.youtube.com/watch?v=oNxpTv</span><span class="invisible">bTy54</span></a></p>