The key to creating an exceptional app user experience lies in crafting intuitive interfaces that guide users through complex processes. In this article, we'll explore how our TIN/DOT (Tire Identification Number) feedback config and presets can revolutionize the way your users interact with your app. By leveraging these features, you can improve the overall user experience, reduce frustration, and increase adoption rates.

Streamlined UI Feedback for TIN/DOT Scanning

We've recently updated our preconfigured UI feedback for TIN to enhance the tire identification number scanning process. This update includes:

  • A TIN/DOT cutout overlay guide that adapts to orientation (normal or upside-down)
  • A customizable instruction label above the cutout
  • Configurable images, text, and sounds for conditions such as alignment, brightness, distance, and format/content

These features are available in our Mobile SDK (Android and iOS) and cross-platform plugins (.NET MAUI, Cordova, React Native, and Flutter).

New TIN/DOT Plugin Parameters and Presets

Our latest update introduces new plugin parameters and presets to further refine the user experience:

  • Horizontal Alignment Ratio: Enforces left/right alignment of detected text inside the cutout
  • Detection Min Height Ratio: Ensures a minimum text height (distance) before scanning proceeds

The new preset, tin_with_instruction_oriented_overlay_image_text_sound_feedback, offers orientation-aware overlay guidance and improved assets. Additionally, we've introduced new attributes:

  • Cutout Overlay Upside-Down Image: Switches the TIN/DOT overlay upside-down for scanning
  • Alignment Align Left/Right Image/Sound: Visual/audio prompts to align the TIN/DOT within the DOT cutout overlay (right-side up or upside-down)

Important Limitations and Migration

Please note that our new preset, tin_with_instruction_oriented_overlay_image_text_sound_feedback, replaces the deprecated tin_with_instruction_overlay_image_text_sound_feedback. To continue using UI feedback for TIN/DOT, please migrate to the new preset.

Configuring User Feedback for TIN/DOT Scanning

To get started with configuring user feedback for TIN/DOT scanning:

  • Plugin Config: Adjust your plugin config parameters, such as horizontalAlignmentRatio and detectionMinHeightRatio, under viewPluginConfig.
  • UI Feedback Config: Define which preset and attributes to show (instruction text, images, sounds) for the User Guidance Feature inside the TIN/DOT viewPluginConfig. Use the new preset tin_with_instruction_oriented_overlay_image_text_sound_feedback.

Example App and Further Information

For a comprehensive look at our TIN/DOT user feedback config and presets, please visit our Examples Apps. Additionally, you can find more information on our Documentation:

  • iOS: https://documentation.anyline.com/ios-sdk-component/latest/mobile-sdk-common/advanced-uifeedback-configuration.html#_tin_preset
  • Android: https://documentation.anyline.com/android-sdk-component/latest/mobile-sdk-common/advanced-uifeedback-configuration.html#_tin_preset