Tracking explained

Definition

Tracking refers to the spacing between groups of letters in typography, affecting how text is perceived and read. Properly adjusted tracking enhances Visual Clarity and improves overall design aesthetics.

What is it

In typography and UI design, tracking specifically pertains to the adjustment of space between all characters in a text block. Unlike Kerning, which focuses on the space between individual letter pairs, tracking uniformly changes the spacing across the entire text, making it crucial for establishing readability and a clean visual layout in digital products.

How it works

Tracking adjustments can significantly influence how text is displayed in real-world interfaces. For example, in a mobile app where space is limited, tighter tracking can condense information while still maintaining legibility. Conversely, increasing tracking can enhance readability in lengthy paragraphs or larger text blocks on a website, promoting a more approachable user experience.

Why it matters

Proper tracking improves text readability, enhances the user experience, and contributes to accessibility for people with visual impairments. When text is easy to read, users engage more effectively, Leading to better retention of information and potentially higher Conversion rates for businesses.

Examples

• Medium.com: Utilizes spacious tracking for body text, making articles more legible and inviting for readers.
• Apple: Implements tight tracking in product descriptions to create a sleek, modern look while maintaining clarity across various devices.
• Slack: Adopts varied tracking for different UI Components like buttons and notifications, enhancing the Visual Hierarchy and user interaction flow.
• Airbnb: Uses increased tracking in headings to draw attention, providing a clear structure and better readability on their platform.

Best Practices

• Adjust tracking based on context: Use tighter tracking for headlines and broader spacing for body text.
• Limit tracking changes to avoid compromising readability: Make gradual adjustments.
• Test text readability: Utilize tools to measure legibility across different sizes and devices.
• Create a visual hierarchy: Use tracking to differentiate between primary and secondary information.
• Ensure consistency: Apply uniform tracking principles across similar text elements for coherence.

Mistakes

• Over-tightening the tracking: This can result in letters crowding and being difficult to read.
• Ignoring device differences: What looks good on desktop might not translate well to mobile.
• Applying inconsistent tracking: This can disrupt visual harmony and confuse users.
• Failing to test with real users: Assumptions about readability might not hold in practice.
• Neglecting accessibility considerations: Not considering users with visual impairments may alienate portions of your audience.

Related terms

• Kerning
• Leading
• Whitespace
• Typography
• Readability
• Visual Hierarchy
• UI Design
• Text Alignment

FAQ

Q: How does tracking differ from kerning?
A: Tracking adjusts spacing uniformly across all characters, while kerning focuses on the spacing between specific letter pairs.

Q: Can tracking affect SEO?
A: While tracking itself doesn’t directly influence SEO, improving readability can enhance User Engagement, indirectly benefiting SEO metrics.

Q: What is the ideal tracking for mobile interfaces?
A: Tracking between 0–50 units is generally recommended for mobile interfaces, ensuring text is legible without consuming too much screen real estate.

Q: How often should I adjust tracking?
A: Tracking adjustments should be based on the type of content, audience, and context, but it’s advisable to review it regularly, especially after major style changes.

Q: What tools can I use to measure readability?
A: Tools like Readability Score or Hemingway App can help evaluate and suggest improvements for text readability, including tracking adjustments.

Summary

Tracking is a vital typography element that impacts text spacing, readability, and overall user experience in digital products. By understanding and applying appropriate tracking principles, designers can create visually appealing and accessible interfaces that facilitate better interaction and engagement.