63

Веб-дизайнеру

«Каждый дизайнер — индивидуальность, но ошибки у всех одинаковые».

Небольшое напутствие тем, кто рисует сайты.

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


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

Веб-дизайнеру Веб-Дизайн, Сайт, Дизайн, Дизайнер, Оформление, Фриланс, Длиннопост

Если элементов списка меньше 5, то смело лепи их всех в форму, а если их больше, то прячь в скролл.

Веб-дизайнеру Веб-Дизайн, Сайт, Дизайн, Дизайнер, Оформление, Фриланс, Длиннопост

Даже у дизайна форм есть свой ритм, который можно нарушить необоснованно прервав вертикальный список.

Веб-дизайнеру Веб-Дизайн, Сайт, Дизайн, Дизайнер, Оформление, Фриланс, Длиннопост

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

Веб-дизайнеру Веб-Дизайн, Сайт, Дизайн, Дизайнер, Оформление, Фриланс, Длиннопост

Размещай подписи и поля, к которым они относятся, близко друг к другу, чтобы отобразить связь между ними. Важно, чтобы между полями имелось достаточно места.

Веб-дизайнеру Веб-Дизайн, Сайт, Дизайн, Дизайнер, Оформление, Фриланс, Длиннопост

Никакого капса, каким бы важным не было заполняемое поле. Так слова сложнее читаются, хоть и привлекают больше внимания.

Веб-дизайнеру Веб-Дизайн, Сайт, Дизайн, Дизайнер, Оформление, Фриланс, Длиннопост

Несмотря на заманчивость идеи таким образом сэкономить место, это не самый лучший способ. Часто после заполнения строки пользователь может забыть, какой параметр он вводил, и ему придется вырезать текст и сбивать выделение с окна, чтобы посмотреть, что там было.

Веб-дизайнеру Веб-Дизайн, Сайт, Дизайн, Дизайнер, Оформление, Фриланс, Длиннопост

Если была допущена ошибка при вводе данных, то скажи пользователю прямо, в чем он ошибся.

Веб-дизайнеру Веб-Дизайн, Сайт, Дизайн, Дизайнер, Оформление, Фриланс, Длиннопост

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


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


Подготовлено telegram-каналом «Дизайнер»

Найдены дубликаты

+10

Убить такого дизайнера

1.

Если элементов списка меньше 5, то смело лепи их всех в форму, а если их больше, то прячь в скролл.

Если название элементов длинное то что ты будешь делать ? А на стадии дизайна ты можешь и не знать этого.

2.

А если адаптив ?



Короче - полный бред, или разбор детских ошибок.

Иллюстрация к комментарию
+6
Иллюстрация к комментарию
+20

Могу ещё одну добавить

Текст

Картинка

Текст

Картинка

+4
Если элементов списка меньше 5, то смело лепи их всех в форму, а если их больше, то прячь в скролл.

Меньше 5 это: 1, 2, 3 и 4.

В примере 5 элементов. Т.е. должен быть скролл.

Зануда мод офф.

раскрыть ветку 2
+1
Меньше 5 - лепим смело, ровно 5 - сомневаемся и лепим неуверенно, больше 5 - надо прятать.
раскрыть ветку 1
0
Иллюстрация к комментарию
+1
Такое ощущение, что материал составлял "веб-дизайнер" знакомый только с PS...
Адаптив не учтен, резина не учитывается. Форма должна иметь как минимум две-три градации (low || med || hd).

Подытоживая: пост - не норм, GO TO RTFM!
+1

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

0

Всё это такое, потому как Веб дизайнер будет лепить то говно, которое ебнет в голову заказчику. А там фантазия бывает не ограничена  ни опиатами, ни рамками, а уперство, с которым произносится заклинание "Надо так" перебивает логику  дева "Так не надо!".

Похожие посты
Возможно, вас заинтересуют другие посты по тегам: