Арыслан в горахАрыслан М.
Все кейсыQ-POS

Q-POS

Спроектировал Q-POS для аптечной сети: понятную цифровую кассу для терминала 1024×768, реального рабочего места и длинных смен

Задача

Q-POS — программное обеспечение для POS-терминалов аптечной сети. Интерфейс работает на моноблоке 1024×768 со сканером штрих-кода и сенсорным экраном.

Мой вклад

Задал принципы интерфейса и визуальный стиль, спроектировал основные экраны, курировал второго дизайнера, участвовал в передаче разработке и улучшал решение после запуска.

История проекта

Что это

Q‑POS — интерфейс цифровой кассы для казахстанской сети аптек. Он работает на специальном моноблоке 1024×768 с сенсорным экраном и сканером штрих‑кода — в реальном рабочем месте, где провизор проводит до 12 часов за смену.

Стать провизором

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

Q-POS: Рабочее место провизора: ограниченное пространство, постоянный поток и длинные смены.
Рабочее место провизора: ограниченное пространство, постоянный поток и длинные смены.

Объективные ограничения

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

Q-POS: Два положения — две дистанции и два угла взгляда на один интерфейс.
Два положения — две дистанции и два угла взгляда на один интерфейс.

Основа UI

По правилу 1/16 рассчитали минимальную высоту прописных — 11 px — и проверили шрифты на реальном терминале. Выбрали PT Root UI: интерфейсный, вариативный, униширный и хорошо работающий с кириллицей. Типографика стала частью эргономики, а не декором.

Q-POS: Размер текста рассчитан от дистанции до экрана.
Размер текста рассчитан от дистанции до экрана.
Q-POS: Шрифты и насыщенность проверяли на недорогом дисплее терминала.
Шрифты и насыщенность проверяли на недорогом дисплее терминала.
Q-POS: Базовый шрифт стал точкой отсчёта всей системы.
Базовый шрифт стал точкой отсчёта всей системы.
Q-POS: Шкала и иерархия держат интерфейс читаемым в течение всей смены.
Шкала и иерархия держат интерфейс читаемым в течение всей смены.

Парные контексты

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

Q-POS: Фокус переходит между панелями, но контекст покупки не исчезает.
Фокус переходит между панелями, но контекст покупки не исчезает.
Q-POS: Поиск по базе — активно правое окно.
Поиск по базе — активно правое окно.
Q-POS: Контекст покупки остаётся видимым во время поиска.
Контекст покупки остаётся видимым во время поиска.
Q-POS: Сканирование товара возвращает фокус к чеку.
Сканирование товара возвращает фокус к чеку.
Q-POS: После сканирования интерфейс возвращает пользователя к следующему действию.
После сканирования интерфейс возвращает пользователя к следующему действию.
Q-POS: Калькулятор работает рядом с неизменным контекстом покупки.
Калькулятор работает рядом с неизменным контекстом покупки.
Q-POS: Оплата остаётся отдельным действием, не пряча собранный чек.
Оплата остаётся отдельным действием, не пряча собранный чек.
Q-POS: Даже чек получил ясную иерархию для быстрого считывания.
Даже чек получил ясную иерархию для быстрого считывания.

Результат

Q-POS внедрили в аптечной сети — интерфейс стал рабочим инструментом для ежедневных смен провизоров.

Следующий кейсJusan Business