Выравнивание и ложные связи

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

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

В вебманейной платилке варианты валюты ошибочно выровнены по вертикали с кнопками «Платить» и «Отказаться». В половине случаев, когда мне нужно платить долларами (WMZ), я автоматически нажимаю «Отказаться»:

Выравнивание и ненужные связи в платилке Вебмани

В логинилке Айтюнса, наоборот, используется вредное выравнивание по горизонтали. Кажется, будто для входа через Эпл (что бы это ни значило), нужно ввести Эпл-айди, а при входе через АОЛ — некий пароль. Поскольку я понятия не имею, что такое АОЛ, то второе поле хочется оставить пустым:

Выравнивание и ненужные связи в Айтюнсе

Будьте внимательные в своих интерфейсах, не связывайте несвязанные вещи.

Дальше
5 комментариев
Илья Кимсанов 2009

«пару скриншотов, которые <...> уже надоели мне на рабочем столе.»

Прям в точку :) У меня тоже постоянно на рабочем столе болтаются картинки для блога, чтобы не забыть :)
А по теме — айтюнсовское окно входа меня часто в ступор вводит. Часто не удается на автомате вбить пароль, так как постоянно этот АОЛ сбивает с панталыку :(

Илья Кимсанов 2009

А как подписаться на комментарии уже после того, как написал ответ, не отвечая еще раз?

Илья Бирман 2009

РСС.

Николай Гурьянов 2009

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

Второй скрин рассматривается также в хорошей статье Люка Вроблевски о контекстно-зависимых полях. Вот ее перевод: http://p1uton.ru/2009/02/01/visually-communicating-selection-dependent-inputs/

Илья Бирман 2009

А вот сама статья: http://www.lukew.com/ff/entry.asp?764

Спасибо.

Юрий Хан 2009

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

Кнопок отмены в web’е быть не должно. Всё, что пользователь мог бы хотеть отменить, он отменит закрытием страницы или уходом на другую страницу. Исключение — выход из режима, открытого каким-нибудь ajax’ным скриптом.

Логинилка такого рода имеет право на существование только до повсеместного перехода на OpenID или нечто аналогичное. И то — сначала должны стоять выпадалка аутентификаторов и поле ввода логина, потом отдельно — поле пароля, потом кнопка. Ниже опционально ссылки «я забыл пароль» и «хочу зарегистрироваться».

Алексей Кириченко 2009

«Выбор валюты вообще не должен быть радиокнопками. Поскольку их может быть много, то там должен быть выпадающий список.»

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

Ненавижу дроп-дауны с двумя пунктами >:o[

Мои книги