Електронний сомельє

Створіть форму для введення коктейлю з PSD-файлу.

Автор опису та дизайну - Олександр Шпак.

Як це працює?

Вибір коктейлю починається з вибору склянки. Від неї залежать пункти меню в розділах "Тип", "Міцність", "Основа", як бачимо, деякі з них стають неактивними у певних випадках.

Інгредієнти виконані не у вигляді форм введення, а у вигляді таблиці. Це полегшує сприйняття інформації, хоча потребує трохи більше рухів. Проте появляється можливість реалізувати просте сортування пунктів за допомогою drag'n'drop і не обмежувати вибір користувача лише семома інгредієнтами. Кольорове оформлення назв компонентів акцентує увагу на прикрасах.

Час приготування змінює шкалу в залежності від вибору прапорця "збільшений час".

Опис навмисно перенесено в кінець, щоб мінімізувати кількість помилок введення даних, коли користувач заповнює лише перші пару елементів форми й натискає на кнопку "зберегти".

Розмір форми навмисно стиснутий, щоб вона краще вміщувалася на екран користувача, що підвищує зручність використання.

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