Windows и OS X всегда столкнулись с этим голосом, но каков общий консенсус относительно того, идет ли кнопка «Сохранить» или «Отмена» первым в веб-приложении?Веб-юзабилити: сохранение и отмена ... или ... Отмена и сохранение?
[Сохранить] [Отменить]
или
[Отмена] [Сохранить]
Примечание: У меня есть эти кнопки в верхней части формы заподлицо с правой стороны.
Следуйте за principle of least astonishment: сделайте это способом Windows ([Сохранить] [Отменить]), если у вас нет оснований полагать, что пользователи Mac составляют большую часть вашей базы пользователей.
Это кажется довольно необычным. Есть много форм Windows, у которых кнопка «Отмена» находится в правом верхнем углу? –
Это, вероятно, не имеет большого значения в любом случае, пока понятно, что делают кнопки. Мое личное голосование состояло бы в том, чтобы сэкономить слева, так как это чаще всего делают люди, и люди читают слева направо.
Кроме того, я бы также поместил некоторое пространство между кнопками, чтобы пользователи не случайно нажимали один, когда они пытаются щелкнуть другим.
Я обычно нажимаю кнопку, которая приведет к тому, что большинство действий произойдет дальше всего от центра. Если ваши кнопки правые, мой заказ будет [Отменить] [Сохранить]
Инстинктивно я всегда ставил кнопку «Сохранить» как самый правый элемент.
Я думаю, что есть другие вещи, которые следует учитывать. В первую очередь, нужна ли кнопка «Отмена», или может быть более подходящим другой элемент (например, тротуар для сухарей, указывающий на предыдущую страницу).
Редактировать: http://www.lukew.com/resources/articles/web_forms.html - В разделе «Первичные и вторичные действия» показано, как визуальный взвешивание можно использовать и для хорошего эффекта.
Знание зачастую более важно, чем быть объективно правильным, поскольку незнакомые вещи часто по умолчанию менее полезны.
Люди используют свой ПК с ОС Windows или их Mac больше, чем ваше приложение или веб-сайт. Поэтому, если бы я был на вашем месте, я бы выбрал заказ, который, по вашему мнению, будет знаком пользователям, которым вы больше всего нравитесь. Если это аудитория в основном-mac, сделайте это макинтош. Если в основном аудитория ПК, сделайте это на ПК.
Я предполагаю, что одна вещь, которую я могу сделать, это обнаружить агент пользователя, а пользователи Safari нажимают его одним способом, используя CSS, а другой - для пользователей, не относящихся к Safari, хотя это может быть неустойчивым. –
@ Ниссан, не делайте его другим в разных браузерах. Это очень смущает пользователей, которые переключают браузеры. – tster
Зачем вам вообще требуется кнопка отмены?
В форме веб-сайта пользователь может почти всегда отменить через какое-либо другое действие. Помещение «Отмена» рядом с «Сохранить» создает ситуацию, когда у пользователя есть хорошие шансы firing the ejection seat, когда все, что они хотят сделать, это сохранить.
Я не согласен с первой частью, но вторая часть находится на месте. Я думал об использовании больших кнопок для коммитов, чем Cancels, но это выглядит просто безобразно. –
Для всех горячих аргументов эта проблема может возникнуть, она, похоже, не имеет большого значения в фактической производительности человека. advantages and disadvantages of each work out to a wash. Пользователи отображают equally likely to expect Cancel on either the left or right в веб-формах. Кажется, есть смещение в пользу Отмена слева, если кнопки широко разделены, но вы не хотите делать это с putting the Execute button the far right is associated with slow responses and high error rates на веб-формах.
Я бы сказал, что самое главное - быть внутренне согласованным в вашем приложении и быть уверенным, что Cancel всегда помечен как «Отмена» (не, скажем, «Возврат», как я видел в одном веб-приложении).В противном случае, поместите кнопки рядом друг с другом и рядом с последним полем, на которое пользователь будет смотреть (что, вероятно, не находится в правом верхнем углу формы).
И не беспокойтесь об этом слишком много.
В нормальной форме, Сохранение должно быть под полями формы. Отмена должна быть слева или справа от Сохранить, но не слишком близко, чтобы избежать трагических ошибок. У Luke W's Web Application Form Design page есть несколько иллюминационных диаграмм.
Ваша форма необычна тем, что вы хотите, чтобы кнопки были наверху. В этом случае мне нужно будет знать, как выглядит страница и как она будет использоваться. Но так как вы уже нарушаете любой поток между полями формы и Save, я подозреваю, что Сохранить должно быть справа, чтобы поддерживать естественный путь слева направо.
(Windows и Mac имеют различные стандарты для кнопки размещения на диалоговых окнах, и они оба имеют кнопки в нижней части. Эти стандарты не применяются к веб-страницам.)
Ключевым моментом здесь является то, что мы говорят "web" юзабилити. К этому моменту я думаю, что довольно ясно, что principal of least astonishment, на которые ссылается принятый ответ, предполагает, что право является прямым действием (save), а left - обратным действием (отмена), а не тем, что предлагает принятый ответ.
Веб-браузер - пользовательский интерфейс, к которому пользователи чаще всего привыкли, и более 15 лет работы в Интернете сделали его довольно понятным, что кнопка «Назад» находится слева от кнопки «вперед». Он также объединяет левые и правые языки, на которых изначально была создана сеть. Правильно то, куда вы идете, слева - это то место, где вы были.
Даже в общем народный язык компьютера, передняя косая черта, /, наклоняется вправо, когда обратная косая черта, \, наклоняется влево.
Пользовательский интерфейс Windows является нарушением здесь, и я считаю, что это плохое решение основать ваш дизайн пользовательского интерфейса на приоритете Microsoft.
Я мог бы указать, что ваше верхнее правое угловое расположение двух кнопок нестандартно, но я не думаю, что это связано с заказом самих кнопок.
Это очень индивидуальны и argumentive –
Смотрите также http://stackoverflow.com/questions/50335/ok-cancel-or-cancel-ok –
Вы поддерживаете устройств с сенсорным экраном? Если это так, большинство людей правша, поэтому нажимайте кнопку с наиболее часто нажимаемой на нижней правой стороне, особенно если безопасно «Сохранить», но теряет свою работу до «Отмена». – JBRWilkinson