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

Форма создания сделки

Добрый день!

Нарисовал форму, вроде всё сделано как надо, но есть сомнения — кажется, её можно улучшить.
Серые поля формы — это заблокированные для редактирования и заполняются автоматически, как только инициируется процесс создания сделки.

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

Palaboy
12 ноя 2019
👁 8013   🗩3
Интерфейс

Форма создания сделки

Добрый день!

Нарисовал форму, вроде всё сделано как надо, но есть сомнения — кажется, её можно улучшить.
Серые поля формы — это заблокированные для редактирования и заполняются автоматически, как только инициируется процесс создания сделки.

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

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

Главная проблема этой формы — монотонность. Все поля одинакового размера и идут на одинаковом расстоянии друг от друга. Смысл уходит на второй план, а регулярная графическая структура начинает доминировать и гипнотизирует пользователя: «здесь бесконечно много полей, здесь бесконечно много полей, здесь бесконечно много полей». Нужно внести какое‑то визуальное разнообразие, которое бы отражало смысловое разнообразие этих полей.

Наведите порядок в структуре. Деление на «Ключевые данные» и «Сведения» абсолютно загадочно и искусственно. Как мне решить, какие данные ключевые; что из того, что я пишу является, а что не является сведениями? Если какие‑то поля не надо заполнять, уберите их, зачем они тут?

Уберите звёздочки и сделайте так, чтобы по смыслу было ясно, что обязательно, а что нет (и почему). Разрешите как‑то противоречие с полем «Процесс продажи»: оно у вас обязательное, а заполнить его невозможно. Писать «выберите из списка» не надо — я и так знаю, как работает выпадающий список. Вы же не пишете «введите кнопками на клавиатуре» в текстовых полях. Вместо выпадающих списков, возможно, стоит использовать горизонтальные переключатели, где сразу видны все варианты — запас ширины экрана у вас большой.

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

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

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

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