Выравнивание и ложные связи
Выравнивание по сетке хорошо до тех пор, пока между выровненными друг с другом элементами не возникают нежелательные связи. Это может показаться очевидным, однако я сам иногда попадаюсь на этом, даже не замечая создавшейся двусмысленности.
Эта заметка — повод показать пару скриншотов, которые хорошо демонстрируют проблему и уже надоели мне на рабочем столе.
В вебманейной платилке варианты валюты ошибочно выровнены по вертикали с кнопками «Платить» и «Отказаться». В половине случаев, когда мне нужно платить долларами (WMZ), я автоматически нажимаю «Отказаться»:
В логинилке Айтюнса, наоборот, используется вредное выравнивание по горизонтали. Кажется, будто для входа через Эпл (что бы это ни значило), нужно ввести Эпл-айди, а при входе через АОЛ — некий пароль. Поскольку я понятия не имею, что такое АОЛ, то второе поле хочется оставить пустым:
Будьте внимательные в своих интерфейсах, не связывайте несвязанные вещи.
«пару скриншотов, которые <...> уже надоели мне на рабочем столе.»
Прям в точку :) У меня тоже постоянно на рабочем столе болтаются картинки для блога, чтобы не забыть :)
А по теме — айтюнсовское окно входа меня часто в ступор вводит. Часто не удается на автомате вбить пароль, так как постоянно этот АОЛ сбивает с панталыку :(
А как подписаться на комментарии уже после того, как написал ответ, не отвечая еще раз?
РСС.
В первом случае, вероятно, дело исправило бы привычное расположение радиокнопок — одной под другой.
Второй скрин рассматривается также в хорошей статье Люка Вроблевски о контекстно-зависимых полях. Вот ее перевод: http://p1uton.ru/2009/02/01/visually-communicating-selection-dependent-inputs/
А вот сама статья: http://www.lukew.com/ff/entry.asp?764
Спасибо.
Выбор валюты вообще не должен быть радиокнопками. Поскольку их может быть много, то там должен быть выпадающий список.
Кнопок отмены в web’е быть не должно. Всё, что пользователь мог бы хотеть отменить, он отменит закрытием страницы или уходом на другую страницу. Исключение — выход из режима, открытого каким-нибудь ajax’ным скриптом.
Логинилка такого рода имеет право на существование только до повсеместного перехода на OpenID или нечто аналогичное. И то — сначала должны стоять выпадалка аутентификаторов и поле ввода логина, потом отдельно — поле пароля, потом кнопка. Ниже опционально ссылки «я забыл пароль» и «хочу зарегистрироваться».
«Выбор валюты вообще не должен быть радиокнопками. Поскольку их может быть много, то там должен быть выпадающий список.»
Да, но пока их ДВЕ — не нужно выпадающего списка. Когда будет больше, разберемся. А пока — хорошо, что есть радио-кнопки.
Ненавижу дроп-дауны с двумя пунктами >:o[