toad.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server operated by David Troy, a tech pioneer and investigative journalist addressing threats to democracy. Thoughtful participation and discussion welcome.

Administered by:

Server stats:

330
active users

#mobiledesign

0 posts0 participants0 posts today
Caitlinmonster<p>Looking forward to joining 200+ developers and tech leaders from 18+ countries at <a href="https://mastodon.online/tags/iOSKonf25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOSKonf25</span></a> in Skopje (May 13-15) as a speaker! </p><p><a href="https://www.ioskonf.mk/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">ioskonf.mk/</span><span class="invisible"></span></a></p><p>My session will draw from my experiences at lululemon, Trello, and MasterClass to examine how thinking like urban planners can revolutionize native app development.</p><p><a href="https://mastodon.online/tags/iOSDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOSDev</span></a> <a href="https://mastodon.online/tags/MobileDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileDesign</span></a> <a href="https://mastodon.online/tags/TechConference" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechConference</span></a></p>
Craig Saila<p>If you haven't tried <a href="https://mastodon.social/tags/WikiTok" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WikiTok</span></a> yet, why not?!</p><p>The web app is a great demonstration of how a common design pattern can be used to enable a different experience</p><p>In this case, instead of algorithmic recommendations designed to keep you engaged, you get random articles that might just inspire you to learn something new </p><p>And if don't see something interesting, it's hard not to keep scrolling for something that does stop you in your tracks</p><p><a href="https://mastodon.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://mastodon.social/tags/MobileDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileDesign</span></a></p><p><a href="https://wikitok.vercel.app" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">wikitok.vercel.app</span><span class="invisible"></span></a></p>
Craig Saila<p>Another great reason why <a href="https://mastodon.social/tags/InclusiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InclusiveDesign</span></a> is the best way to design apps and websites: In North America alone, you create better digital experiences for a quarter of the population (those who are 65+)</p><p><a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/MobileDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileDesign</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a></p><p><a href="https://www.smashingmagazine.com/2024/02/guide-designing-older-adults/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">smashingmagazine.com/2024/02/g</span><span class="invisible">uide-designing-older-adults/</span></a></p>
Craig Saila<p>Designing accessible mobile apps has some subtle differences if you're used designing for the web — and one of the biggest ones is the way assistive technology is used on smartphones and tablets </p><p>Kate Kalcevich does a great job explaining how people use those various technologies to get the most out of well-designed mobile experiences</p><p> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WCAG</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/MobileDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileDesign</span></a><br> <br><a href="https://www.smashingmagazine.com/2024/02/mobile-accessibility-barriers-assistive-technology-users/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">smashingmagazine.com/2024/02/m</span><span class="invisible">obile-accessibility-barriers-assistive-technology-users/</span></a></p>
Craig Saila<p>Search will never go away, but it will always evolve. </p><p>So, until <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> completely takes over, this piece gives you some good guidance on the best search design patterns to use (as of the start of 2024!) to consider and use in you mobile apps</p><p><a href="https://uxdesign.cc/navigation-patterns-in-mobile-applications-how-to-make-the-right-choice-fa3c228e5097" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">uxdesign.cc/navigation-pattern</span><span class="invisible">s-in-mobile-applications-how-to-make-the-right-choice-fa3c228e5097</span></a> </p><p><a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://mastodon.social/tags/SearchEngines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SearchEngines</span></a> <a href="https://mastodon.social/tags/MobileDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileDesign</span></a></p>
Craig Saila<p>Here's how to avoid make things worse for users when introducing <a href="https://mastodon.social/tags/DarkMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DarkMode</span></a> to any app (or product) experience</p><p>As aside, this is another scenario where a <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a> makes things much easier to manage </p><p>Without one in place, converting to dark mode requires each screen to be careful assessed &amp; adjusted which is a costly and time-consuming exercise</p><p><a href="https://www.nngroup.com/articles/dark-mode-users-issues/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">nngroup.com/articles/dark-mode</span><span class="invisible">-users-issues/</span></a> </p><p><a href="https://mastodon.social/tags/MobileDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileDesign</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIDesign</span></a></p>
Codrops<p>Are you ready for these 🔥 super hot UI interactions and animations? 😎</p><p>Those bento grid animations are absolutely killing it!</p><p>Get inspired: <a href="https://tympanus.net/codrops/2023/09/21/ui-interactions-animations-roundup-36/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tympanus.net/codrops/2023/09/2</span><span class="invisible">1/ui-interactions-animations-roundup-36/</span></a></p><p><a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uidesign</span></a> <a href="https://mastodon.social/tags/motion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motion</span></a> <a href="https://mastodon.social/tags/inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>inspiration</span></a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/interaction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>interaction</span></a> <a href="https://mastodon.social/tags/interactiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>interactiondesign</span></a> <a href="https://mastodon.social/tags/interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>interactivity</span></a> <a href="https://mastodon.social/tags/webdesignideas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesignideas</span></a> <a href="https://mastodon.social/tags/mobiledesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mobiledesign</span></a> <a href="https://mastodon.social/tags/appdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>appdesign</span></a></p>