О задаче

Что такое ТСД?

Типы «МК» и «ТЯ»

Какие проблемы решал?

В ТСД небольшой экран (320 х 533рх) и во многих режимах компонент не помещался на экран. Пользователям приходилось скроллить вниз, чтобы посмотреть полный список ячеек. Также новые сотрудники склада часто путали компонент с группой кнопок и пытались на них нажать.

За счет оптимизации компонента появилась возможность разместить на экране сразу несколько типов множественных «Рекомендаций».

Результаты

После релиза провел комплекс исследований: собрал обратную связь от пользователей, проанализировал ключевые метрики, на основе которых сформировал итоговые результаты редизайна.

Вариативнось компонента

В приложении используются различные типы рекомендаций и множество типологий ячеек. Для комфортной работы предусмотрена настройка размера шрифта.

Шаг 3. Изменил кнопку «Еще»

Кнопку “Еще” выполнил в виде бейджа со стрелкой и разместил в правом верхнем углу. Счётчик показывает пользователю, сколько «Рекомендаций» доступно.

Шаг 1. Объединение объемов

В новой версии компонента сформировал единый список с номерами ячеек вместо нескольких объёмов. Шрифт для номера ячейки уменьшил на 10%, чтобы сделать компонент более компактным.

Результаты исследования

В ходе полевого исследования опросил 15 сотрудников склада в возрасте от 18 до 65 лет, среди которых были женщины и мужчины, включая работники из стран ближнего зарубежья. В юзабилити тестировании приняли участие 11 сотрудников склада.

Юзабилити тестирование

Для тестирования выбрал зону сортировки, поскольку здесь регулярно работают с «Рекомендациями». Пользователям предложил выполнить задание, параллельно наблюдал и фиксировали их действия в процессе выполнения. По результатам теста задал вопросы, чтобы получить ценные инсайты.

Подготовка к исследованию

Для проведения полевых исследований собрал мнение пользователей из внутренних чатов компании, сформировал гипотезы, провел аудит компонента и изучили метрики. Также подготовил несколько прототипов для тестирования.

Работа с «Рекомендациями»

Что такое «Рекомендация»?

Шаг 4

Шаг 3

Шаг 2

Шаг 1

Размещает предмет в ячейку

Сотрудник перемещает предмет к нужной ячейке

ТСД показывает список ячеек, в которые нужно разместить предмет

При помощи ТСД сотрудник сканирует предмет

Чтобы разместить предмет, достаточно просто отсканировать штрихкод. Система покажет, в какие ячейки необходимо разместить предмет. Процесс одинаково работает для всех типов складских помещений.

01

Гипотезы

✏️ До редизайна

Рекомендация — это элемент интерфейса в приложении, который подсказывает пользователю, в какую ячейку следует разместить или переместить предмет из точки А в точку Б на складе.

ТСД (терминал сбора данных) — это мобильный
мини-компьютер на платформе Android со встроенным сканером штрихкодов. На ТСД устанавливают приложение, с помощью которого сотрудники работают на складе.

Выполнить редизайн компонента в рамках оптимизации пользовательского интерфейса приложения для ТСД. Компонент активно используется в работе и напрямую влияет на пользовательский опыт, финансовые результаты компании и эффективность складских операций.

🔥 Стало

✏️ Было

🔥 Стало

✏️ Было

Тип «Ячейка»

Редизайн позволил сделать компонент компактнее и одновременно улучшить пользовательский опыт. Теперь визуально элемент отличается от кнопок.

🔥 Стало

✏️ Было

Темная тема

По статистике темной темой приложения пользуются 42% сотрудников склада, поэтому дизайн-решения сразу разрабатывали в двух версиях.

Тап по кнопке «Еще»

Шаг 5. Разместил все ячейки

При нажатии кнопки «Ещё» отображается полный список ячеек. Данное решение позволяет эффективно использовать пространство экрана, если ячеек больше трех.

Шаг 4. Добавил Island

Разместил компонент в Island, чтобы визуально отделить компонент от других элементов на экране и повысить его читаемость.

Шаг 2. Удаление иконки

Принял решение отказаться от иконки, потому что она не представляла ценности для пользователя и лишь занимала место на экране. Шрифт для типа рекомендации уменьшил, поскольку информация оказалось второстепенной для пользователя.

Тип рекомендаций

Размеры шрифтов

Количество жалоб на «Рекомендации» от сотрудников склада

Типология ячеек

х 1.4

х 1.2

х 1

х 0.8

3 и более ячеек

2 ячейки

Период: 01.04.2025 — 01.12.2025

1 ячейка

Нет ячеек

📦 Фотоотчет с поездки на склад