Школа
Интерфейс

Заказ наборов и коробок с вилками

Здравствуйте! Помогите улучшить интерфейс заказа.

Проектирую сайт для компании, которая продаёт одноразовую деревянную посуду. Нельзя купить одну вилку, они поставляются комплекте по 10, 16, 24 или 50 штук. Также нельзя купить 5 или 25 комплектов, они укладываются в коробки двух размеров, на палетт или в фуру в определённом количестве. Например, палетт — это 25 коробок, 5760 вилок. Учитывая эти ограничения придумал интерфейс, в котором можно сначала выбрать объём набора, затем выбрать куда эти наборы положить и, в конце, количество коробок, паллетов или фур. Чтобы упростить восприятие, все данные будут меняться на лету, когда пользователь меняет параметры.

Насколько этот интерфейс понятен и как его можно улучшить?

Александр
21 июля 2020
👁 8020   🗩6
Интерфейс

Заказ наборов и коробок с вилками

Здравствуйте! Помогите улучшить интерфейс заказа.

Проектирую сайт для компании, которая продаёт одноразовую деревянную посуду. Нельзя купить одну вилку, они поставляются комплекте по 10, 16, 24 или 50 штук. Также нельзя купить 5 или 25 комплектов, они укладываются в коробки двух размеров, на палетт или в фуру в определённом количестве. Например, палетт — это 25 коробок, 5760 вилок. Учитывая эти ограничения придумал интерфейс, в котором можно сначала выбрать объём набора, затем выбрать куда эти наборы положить и, в конце, количество коробок, паллетов или фур. Чтобы упростить восприятие, все данные будут меняться на лету, когда пользователь меняет параметры.

Насколько этот интерфейс понятен и как его можно улучшить?

Александр
21 июля 2020
👁 8020   🗩6
Илья Бирман
Арт‑директор и соавтор курса «Пользовательский интерфейс и представление информации»
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Александр, почему я должен заниматься виртуальной расфасовкой и вникать в ваши фуры? Мне‑то вилки нужны просто.

Пусть потеет машина:

Если нужное мне количество нормально раскладывается по коробкам, то вообще нет вопросов:

Если ровно раскидать не получается, объясняем это, пока фокус в поле:

А при расфокусе исправляем на ближайшее подходящее значение:

Это в сто раз проще понять, а ещё интерфейс не придётся переделывать, когда у вас поменяется упаковка наборов или появятся другие коробки.

Пускай потеет машина
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы