MDGA

21 января

Интерфейс для весов самообслуживания

После твитта Игоря об ужасном интерфейсе, мы получили замечание, что ворчать умеют все, а что делать не понятно. Потратим 3 часа и попробуем решить 2 основные проблемы.

Интерфейс для весов самообслуживания

Исходный дизайн

Интерфейс для весов самообслуживания

Оранжевые кнопки сливаются, салатовый отвлекает, надписи путают и даже логотип Green сплюснутый. Несмотря на все эти замечания первая основная проблема это кнопка «Печать», её нужно выделить на фоне остальных элементов. Таким образом это поможет человеку, который впервые соприкоснулся с интерфейсом совершить ключевое действие.

Первый шаг

Интерфейс для весов самообслуживания

Стало намного лучше. Теперь перейдем ко второй крупной проблеме.

Есть два сценария поиска, через категорию и по номеру товара. Черным текстом пытались подсказать эти два сценария и кажется, что все получилось, но выглядит это невнятно. Читаем черный текст внимательно.

«Укажите номер товара» лучше переименовать во «Введите номер товара», так понятнее.

«Выберите категорию» меняем на «Hайти товар в категории».

Объединяем две подписи в одну инструкцию и получаем решение второй основной ошибки этого интерфейса.

Второй шаг

Интерфейс для весов самообслуживания

Стало еще лучше. Теперь инструкции понятны и выглядит это аккуратно.

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

Попробуем немного упросить цветовую гамму.

Больше аппетита

Интерфейс для весов самообслуживания

Более рациональная компановка

Интерфейс для весов самообслуживания

Спасибо за внимание. Если у вас возник вопрос, можете написать нам.