Где я могу найти примеры веб-форм с большим количеством элементов?

Question

Я хотел бы взглянуть на несколько примеров хороших макетов (веб-интерфейсов), которые имеют много полей ввода.Я много занимаюсь разработкой веб-приложений, и многие из моих форм содержат много элементов ввода, поэтому я всегда ищу хорошие идеи о том, как отображать мои формы.Например, у меня есть несколько списков, множество текстовых полей и несколько раскрывающихся списков на странице, а также отображается история изменений в форме.

Answer 1

мне всегда нравится посещать Вуфу всякий раз, когда мне нужно вдохновение.

Answer 2

Все зависит от того, на чем вы сосредоточены: ввод данных или взаимодействие с пользователем.Для ввод данных В качестве основной цели я бы хотел держать поля ввода близко друг к другу и следить за тем, чтобы они хорошо сочетались с клавишей табуляции, чтобы пользователю никогда не приходилось отрывать руки от клавиатуры.Также, вероятно, следует свести пространство к минимуму и постараться разместить на странице как можно больше полей.

Для Пользовательский опыт, Верно как раз обратное: вам нужно убедиться, что есть достаточно места для выявления проблем с проверкой JavaScript, и убедиться, что форма работает так же хорошо как для новых пользователей, так и для опытных пользователей.Опытные пользователи == пользователи с активным вводом данных.

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

Answer 3

В журнале Smashing Magazine есть хороший обзор идей, техник и руководств по созданию форм на основе CSS.

Проверьте это здесь.