Не Скучные Формы

Формы – это обычно те скучные элементы интерфейса, которые никто не любит заполнять.

Особенно если у них много полей ввода — тогда от обилия фреймов просто глаза разбегаются.

Давайте посмотрим на пример.

Я специально не буду приводить какой-то ужасный пример работы «дизайнера», а приведу в качестве примера форму регистрации со стандартными полями ввода от Microsoft:



Небольшое отступление о браузерах.

Скриншот формы сделан в Opera. FF отображает поля ввода, которые гораздо приятнее для глаз:



Вернемся к нашим формам.

Прежде всего, попробуем избавиться от рамок.

Для этого закрасим поля ввода бледным цветом, чтобы было понятно, что это все-таки поля ввода.

Если у вас хорошо откалиброванный монитор, вы заметите светло-серый фон на форме.

Это немного уменьшает контраст между фоном и полями, делая поля менее заметными.

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

Но лучшее еще впереди.

Вы, наверное, уже заметили, что в новом примере не закрашены два элемента? Это вторая часть предлагаемого улучшения.

Идея в том, что мы полностью убираем графическое обозначение поля ввода после его заполнения.

Остается только текст. У этого решения есть два больших преимущества:

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

• Процесс наполнения становится интереснее.

  Какая-то игра по убийству элементов формы.

Вот и все, собственно.

Этим достаточно простым способом можно сделать формы намного приятнее и интереснее для заполнения.

Теги: #дизайн #интерфейсы #веб-дизайн #пользовательские интерфейсы #пользовательские интерфейсы #формы #формы

• Некоторые Моменты, Которые Следует Проверить Перед Покупкой Программы Резервного Копирования

  19 Oct, 24

• Как Протестировать Программное Обеспечение В Любом Приводе Автоматизации?

  19 Oct, 24

• Стримхата: Разбиваем Яйца И Жарим Kubernetes

  19 Oct, 24

• Обзор Блога №35. Блогерская Правда

  19 Oct, 24

• Социопаты! [Именно: Хабру Принадлежат Социопаты, А Не Авторы]

  19 Oct, 24

• Почему Важно «Значимое Тестирование»?

  19 Oct, 24

• Электронный Журнал, Или Ужасы Нашего Города

  19 Oct, 24

• Проектирование Дашбордов Для Веб-Аналитики Интернет-Магазина. Часть 4: Канал Youtube

  19 Oct, 24

• Пулы Кода Magento [Сертификация Magento]

  19 Oct, 24

• Хакатон По Блокчейну И Финтеху В Университете Иннополис

  19 Oct, 24