Gus | Building A Meal Plan AppInstagram

In this mini series I’m doing, I’ll be going over some useful tips on how to…

1:09English(auto-generated)5 segments252 words · 1 min read

Search inside any video

SavedThat transcribes your saved videos and lets you search across all of them instantly. Save this video and find any moment.

TL;DR

Learn how to make your app accessible by supporting dynamic text sizing, ensuring a better experience for users with varying text size preferences.

dynamic text sizing in appsiOS accessibility guidelinessupporting text scalingcustom fonts in iOSimproving app UI UXfont size adjustmentsuser experience designCleanPlate app example

Chapters

  1. 0:00Introduction to Text Size in Apps
    01
  2. 0:10Impact of Fixed Font Sizes
    02
  3. 0:30Apple's Accessibility Guidelines
    03
  4. 0:50Using Dynamic Type System
    04
  5. 1:00Custom Fonts and UI Font Metrics
    05
  6. 1:09Conclusion and Next Steps
    06

Transcript

0:00

About 30% of iPhone users have changed their default text size, and if your app doesn't support that, you might be breaking the experience for nearly a third of your users without even knowing it. When I built CleanPlate, I hardcoded a lot of my font sizes. It looked exactly how I wanted on my phone, but I didn't think about the fact that plenty of people bumped their text size up for readability, some even all the way up to 310%.

0:22

Apple's own accessibility guidelines recommend supporting text scaling up to at least 200% And if you don't, text gets cut off, buttons overlap, and the app just breaks for a real chunk of your users. The fix is simple. It's using Apple's dynamic type system instead of fixed font sizes, so your text automatically would scale based on what each person has set their own phone on.

0:39

would scale based on what each person has set their own phone on. If you're using a custom font, though, you have to explicitly opt-in using something called UI Font Metrics, which tells iOS to scale your custom font the way it scales the built-in body style text. Comment scale if you want the link on how to set this up. It's a small change, but it's the difference between an app that works for everyone and

0:55

It's a small change, but it's the difference between an app that works for everyone and one that quietly fails for a big portion of your users. I'm currently doing a mini-series of tips to improve your app's UI and UX. This is day 2 of 5, follow along to find out the other 3.

1:05

This is day 2 of 5, follow along to find out the other 3.

Are you the creator or rights holder of this video? Request removal of this transcript.

Related Transcripts

Never lose a moment again

Save videos from YouTube, Instagram, and TikTok. Search everything that was said, and jump to the second.

Start Saving Videos - It's Free