Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь.
На момент перевода эта часть гайда находилась в Beta версии.
Использование машинного обучения помогает считывать данные с камеры, которые могут быть зашифрованны в большинстве стандартных форматов штрихкодов
Штрихкоды — это простой и удобный способ передачи сложных или структурированных данных из реального мира на устройство. API сканирования штрихкодов ML Kit позволяет приложению считывать большинство стандартных форматов штрихкодов без необходимости переключения пользователей на отдельное приложение для их считывания.
Сканирование штрихкодов может помочь пользователям с простыми задачами идентификации и получением контента, такими как поиск продукта для покупки, доступ к деталям события или заполнение формы.
Эти рекомендации по проектированию касаются сканирования штрихкодов с помощью камеры.
Содержание статьи
Принципы
Дизайн этой функции основан на следующих принципах:
Вместо ввода поискового запроса камера устройства используется для сканирования штрихкодов.
Чтобы обучить пользователей тому, как сканировать штрихкоды с помощью камеры, покажи онбординг и инструкцию.
Держите камеру четкой и разборчивой
Располгай компоненты интерфейса камеры по верхнему и нижнему краям экрана, чтобы текст и иконки оставались разборчивыми.
Обеспечь обратную связь
Использование камеры для сканирования штрихкодов имеет некоторые особенности. Качество изображения должно быть адекватным, и пользователи должны понимать то, как исправить проблемы с изображением, вызванные освещением или слишком большим расстоянием от камеры до штрихкода.
Состояния ошибок должны передаваться с помощью каких-то сигналов (компонентами и анимацией) и включать пояснения того, как пользователи могут улучшить поиск.