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

Когда вы видите кнопку Submit на форме, что приходит вам в голову? Можно было бы рассуждать в таком ключе: нажатие кнопки пересылает пользовательскую информацию в систему для обработки. Кнопка Submit описывает то, что делает система, но она ничего не говорит о том, что делает пользователь. Когда пользователи заполняют форму, они нацелены на реализацию определенной задачи. Кнопка должна указывать на эту задачу, чтобы пользователи знали, какое действие произойдет, когда они совершат…

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

Технологии постоянно развиваются, следовательно, и дизайн должен развиваться вместе с ними. Если дизайн будет отставать, то мы придем к неэффективному использованию технологического потенциала, предложенного нам. Именно поэтому очень важно искать новые пути развития дизайна. «Новые» — еще не значит «лучшие». Под фразой «лучшие пути развития дизайна» я подразумеваю скорость, мощь, результативность и эффективность. Дизайн, который включает в себя все это, является лучшим дизайном для пользователей. В контексте вышесказанного я хочу…

Кто бы мог подумать, что кнопка, которая в буквальном смысле позволяет системе не предпринимать никаких действий, получит настолько широкую известность? Кнопка Cancel присутствует на многих формах. Сегодня ее популярность постепенно сходит на нет, поскольку разработчики начинают понимать, что эти кнопки по сути своей бесполезны. Однако они все еще существует, и я думаю, пришло время забить последний гвозь в крышку гроба для них. Кнопка Cancel не должна присутствовать на формах по…

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

Вас когда-нибудь мучал вопрос, как правильно расположить кнопки на форме? К сожалению, большинство читателей даже не задумывалось об этом, ставя на первое место дизайн кнопок, а все остальное безжалостно отметая как лишнее и ненужное. Безусловно, дизайн кнопок является важным моментом, однако не стоит забывать и о расположении кнопок на форме. Самое удобное место для кнопок — это основание формы, и с этим никто не спорит. А вот по поводу выравнивания…

Утопленные (inset) текстовые поля — это поля, визуально «углубленные» в выбранный бэкграунд. Трехмерное представление, которое вы можете придать своим полям, позволяет посетителям быстрее приступить к заполнению формы, расположенной на странице. Поле, обведенное рамкой, не всегда удобно, поскольку оно не указывает пользователям на потенциальную возможность ввода данных. Утопленное текстовое поле обладает внутренней тенью, которая позволяет придать ему иллюзию пустоты, указывая пользователям на необходимость ввода информации. Утопленные текстовые поля идеально подходят для…

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

Люди, проживающие в США, обладают небольшим преимуществом при заполнении форм: их страна чаще всего указана как значение по умолчанию в выпадающих списках. Это означает, что посетителям не нужно тратить свое время на просмотр длинного списка, состоящего из сотни наименований, чтобы выбрать нужную страну. Однако для людей, проживающих не в США, поиск требуемой страны может превратиться в настоящий кошмар. Не стоит думать, что все так плохо. Существует более продуманный способ выбрать…