Pro tip: The optimal text line length for readability
Pro tip: Make sure your text content is approximately 50-75 characters per line on desktop, and 30-50 characters on mobile for optimal readability.
 |
The ideal text length for a line of copy on desktop is approximately 50-75 characters per line. This optimises readability and allows your users to easily scan the content of a paragraph without getting overwhelmed.
This is backed by research from the Baymard Institute, The Elements of Typographic Style Applied to the Web, as well as the book Typographie by E. Ruder.
| Read the full tip on Designary |
💡 Highlight of the week: Page Flows Page Flows has been a true revelation when it comes to UX design inspiration, offering high quality, detailed video flows that are segmented and easily searchable. It costs $99/year for unlimited access, which is definitely far from free, but we think it's completely worth it. Visit Page Flows |
Designary
Pro tip: Automatically validate one-time passcodes When expecting users to paste one-time passcodes, automatically validate them. One-time passcodes (OTP) are one of the most commonly used patterns for two factor authentication (2FA) in modern products and applications. However, they can sometimes add unnecessary friction: A one-time passcode flow may add anything from two to three additional taps before your user can sign in to your product. That’s why it’s often a good idea to automatically...
Real-time validation is a commonly used practice for form UX: it can create a dynamic, instant-feedback experience that provides clarity to users. However, it doesn’t always work as planned, and may cause even more frustration than expected if it’s not done at the right time. In this tip, we are looking at some of the most common problems with real-time validation and how to avoid them: Read the full tip on Designary 💡 Highlight of the week: Framer AI We couldn't leave out Framer AI from this...
Sticky buttons and navigation elements at the bottom of a mobile interface are nothing new. Tab bars and buttons are some of the most widely used UI elements on mobile apps and mobile web apps. However, mobile web poses a challenge. Tapping at the bottom of the screen often results in bringing up the browser toolbar, both in Safari and Google Chrome. In this tip, we are looking at some of the most effective ways to avoid this confusing behavior: Read the full tip on Designary 💡 Highlight of...