И снова о кнопках…

[Luke]

В то время как справа обычно пишут ДАЛЬШЕ (положительное действие), а слева - НАЗАД (якобы отрицательное, возвратное действие)...

[Luke]

вот вам и парадокс...

[Luke]

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

В этой статье тоже есть немного:
http://www.artlebedev.ru/kovodstvo/137/

[k_s]

Мне ближе в правый угол.

[0xa8]

Если используете тачпэд и правша - удобнее в правый нижний - пальцем к себе.

[k_s]

Вот у Лебедева тоже позитив справа вверху.

[k_s]

Я не путаю принципы "назад-вперед" и "нет-да" =)

[k_s]

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

[pixelcube]

В данном случае (казнить-помиловать) еще нужно нарисовать иконки...
На кнопку казнить - поставить счетчик, так чтобы можно было нажимать только после 60 секунд...вдруг передумает...

[pixelcube]

И еще одну кнопку "Подумать еще"...

[pixelcube]

Что по поводу расположения:

То, что требует меньшей ответственности от пользователя - правее.
Почему?
Потому что ареал обитания мышей в основном все же - на правой половине экрана.
Это скромная статистика. Как мне кажется, основная причина:
- скролл справа
- если что-то нужно увидеть под мышкой - инстинктом отбрасывает руку направо (у правшей)

[stix]

А ты сам скролом давно пользовался?

[pixelcube]

Сегодня, вчера, позавчера...
В работе с графическими приложениями это – необходимость

[Maxmyd]

Обычный виндовый интерфейс подразумевает два варианта:

ОК
Отмена

или

ОК Отмена

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

[Luke]

иными словами: отрицательное действие - слева, положительное действие - справа!

[Maxmyd]

Цитирую самого себя :)

ОК ОТМЕНА

Положительное действие слева то бишь.

[gremlin]

в тех культурах, где читают слева-направо, логично слева расположить кнопку "назад"(отменить), а справа "вперед"(подтвердить). НО, чтобы избежать бездумного нажимания "ОК", справа лучше расположить самый безобидный вариант (который не приведет к необратимым изменениям), в данном случае "помиловать".
з.ы. или лучше добавить кнопку "Справка": Казнить - Помиловать - Справка =)

[gremlin]

я их не путаю, вчитайтесь

[Maxmyd]

"Назад" и "Отменить" - разные вещи. Разная философия. "Назад" - вернуться к предыдущему действию, "Отменить" - вообще прервать действие. То же применимо и к "ОК/Вперед"

[gremlin]

да, вижу, тут накосячил. но если рассматривать визарды, то "вперед" - подтвердить шаг, "назад" - отменить шаг. все дело в том, что имеется ввиду под этими словами.

[shalaev]

Раньше можно было с уверенностью сказать, какая из программ была собрана с помощью С++ компилятора от Борланда: все они были декорированы большими жирными кнопками ОК с гигантскими зелеными галочками. Но даже это выглядело не так ужасно, как этот элемент из Kai's Photo Soap:



Класс, просто дух захватывает от великолепия дизайна, но мне отчего-то большое перечеркнутое «О» напоминает «ОК», хотя и значит оно «нет». К тому же, согласно стандарту Windows кнопка «ОК» находится слева, и поэтому я не перестаю лупить по неправильной кнопке.

Via Joel Spolsky

[NaFigator]

Всё на картинке нормально, кроме "косых" кнопок ;)

[Luke]

Предположим имеется некоторый последовательный набор форм. Каждая такая форма находится на отдельной странице сайта. В нижней части формы расположены две кнопки: ПРИМЕНИТЬ/ОТМЕНА. При нажатии на кнопку ПРИМЕНИТЬ происходит переход на следующую страницу с подобной формой, а при нажатии на кнопку ОТМЕНА - происходит отмена работы со всеми формами (а не переход на предыдущую). Как поступить в этом случае?

1. ОТМЕНА | ПРИМЕНИТЬ

2. ПРИМЕНИТЬ | ОТМЕНА

С одной стороны логичнее 1-й вариант, так как ПРИМЕНИТЬ означает и переход на следующую страницу. С другой стороны (как показало обсуждение топика) правильней применить 2-й вариант.

Так где же правда?

[k_s]

В статистике. Как удобно большинству - так и надо.

[gremlin]

в этом случае их лучше рядом не ставить, "применить" поместить в поле с формой, а "отменить" - вне этого поля. сразу ясно что "применить" относиться к текущей форме.

|---------------------|
|Форма                |
|                     |
|            Применить|
|---------------------|
                    Отменить

[Luke]

еще лучше в разных углах формы (слева снизу и справа снизу)

[gremlin]

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

[gorinich]

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

С другой стороны. Кнопки оценки комментариев. Я чаще ставлю "+", чем "-". Но в данном случае за плюсом дальше тянуться, а это не есть круто.

Все сказанное сугубо имхо.

[Skipper]

Мне привычнее так, как на картинке. Не знаю почему, может, потому что когда мы читаем слева направо, то в конце "упираемся" взглядом в правый конец и мышкой тянемся именно туда?.. А может, дело в банальной привычке: в макоси почти всё реализовано так, как на картинке, то есть, слева "Отмена", а справа "ОК".

[cooler]

как писал  gorinich - все зависит от контекста.

мое имхо следующее:
- располагаем кнопки в том порядке, в котором к ним больше привыкла аудитория (вроде, как исторически сложилось)
- справа кнопку, естественно, будут нажимать чаще - обязательно принимаем это во внимание!
- см.п.2. и следовательно все потенциально опасные действия справа НИКОГДА НЕ СТАВИМ!!! (например, диалог удаления в windows - сначала [YES], а уж затем [NO]

и напоследок! никогда нет полной панацеи на все случаи жизни...

P.S.
в соседнем топике http://www.habrahabr.ru/blog/habrahabr_i… - описывается почему кнопки комментариев выглядят именно так [No][Yes] - думаю по причине п.2 - лучit случайно поставить плюс, чем необоснованно наказать комментарий минусом

[wibb]

согласен полностью
ближе к краю должна быть нейтральная кнопка - кнопка после которой ничего ужасного не произойдет, потому что взгляду удобнее ориентироваться по краю
кнопки в виндовс выровнены по правому краю, в веб - по левому - таким образом разработчик подталкивает пользователя не делать ошибку, располагая у края нейтральную кнопку (как разработчики хабра - кнопку "препросмотр")

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

[0xa8]

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

Учитывая дизайн хабры, кнопки, в которые легко попадать, должны быть с левого края (правый край занят). При этом плюс должен быть слева (ближе к краю, легче попасть, а заодно и как в Windows), а минус правее (дальше от края). Кстати, на digg кнопка "digg it" находится именно с левого края :)

[0xa8]

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

[gumpe]

по стандарту Windows, кнопка Canсel всегда самая правая. в Apple Human Interface Guidelines же наоборот, говориться что кнопка ОК справа. следовательно надо ориентироваться на своего пользователя.

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

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

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