x
 
Константин
9 июня 2020
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

На чём, на ваш взгляд, нужно делать акцент в больших формах: на данных в полях или на подписях к ним?


Не надо выби­рать между пло­хими вари­ан­тами, надо сде­лать хороший:

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

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Сергей Тарханов
9 июня 2020

Такое расположение часто считается не очень хорошим. Получается какой-то выбор между тремя плохими. Например, тот же Гугль:
https://ai.googleblog.com/2014/07/simple-is-better-making-your-web-forms.html


9 июня 2020

Сергей, эту штуку я комментировал в другом совете:
https://bureau.ru/soviet/20180109/

Антон Калинин
9 июня 2020

Я правильно понимаю, что Илья сделал одинаковыми подписи и данные?

Анастасия Степанова
9 июня 2020

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

Антон Куликов
10 июня 2020

Вот тут расписали плюсы и минусы текстовых полей:
https://ux.pub/podrobnoe-rukovodstvo-po-dizaynu-tekstovyh-poley-i-form/

Я всё же придерживаюсь подписей сверху.

Константин
16 июня 2020

Илья, спасибо за ответ.

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


16 июня 2020

Константин, я ещё в этом видео прокомментировал позже (начиная с 1:15):
https://www.youtube.com/watch?v=wjefjJyQeWM


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

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

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

3 6 3 2




Недавно всплыло

Как выжить в дистанционной работе. Исполнитель понимает задачу 2 Как выжить в дистанционной работе. Не задавать псевдовопросов 2 Висячие предлоги в английском 1 Многие издания тарифицируют гонорар по общей ставке или по просмотрам 2