Default UI - Overview

The Default UI is the modern, default appearance of the Anyline Tire Tread SDK, featuring a sleek neon-styled interface with enhanced visual feedback and smooth animations that provide an engaging and intuitive user experience.

What’s New

The Default UI introduces a fresh visual language with improved feedback mechanisms:

  • Dynamic Background Hue: A color-changing gradient background provides ambient feedback throughout the scan process, making status immediately recognizable at a glance.

  • Granular Color-Coded Distance Feedback: Enhanced distance guidance using intuitive color transitions-green for optimal positioning, orange for approaching the right distance, and red for too close or too far-helping users find and maintain the perfect scanning position more intuitively.

  • Animated Scanning Progress: We updated our scanning process animation, to get better estimates about the remaining time to help users complete the scanning movement.

Benefits

  • Improved User Guidance: The combination of background hue, neon glow bar, and color-coded distance feedback provides multiple layers of visual feedback, reducing user confusion and scan errors.

  • Faster Positioning: Smoother color transitions help users reach optimal distance more quickly and maintain it throughout the scan.

  • Better Progress Visibility: Animated arrows and colored full screen coundown make scan progress more intuitive.

  • Seamless Integration: Works out of the box as the default appearance with SDK version 14.0.0 and later, requiring no additional development effort.

Staying on the Previous Interface

If you’re not ready to move to the new interface yet, you can temporarily continue using the Classic UI. Simply set the appearance property to Classic in your UIConfig. While we recommend transitioning to the updated experience, the Classic UI remains available to give you and your users time to adapt and prepare for the change.

  • Android

  • iOS

val uiConfig = UIConfig(
    appearance = Appearance.Classic,
    // ... other UI configuration options
)

val config = TireTreadConfig(
    uiConfig = uiConfig,
    // ... other configuration options
)
let uiConfig = UIConfig(
    appearance: .classic,
    // ... other UI configuration options
)

let config = TireTreadConfig(
    uiConfig: uiConfig,
    // ... other configuration options
)

The Default UI is active by default with SDK version 14.0.0 and later. No further configuration is needed.