Веб-юзабилити: сохранить и отменить... или... Отменить и сохранить?

Ответ 1

Следуйте принципу наименьшего удивления : сделайте это способом Windows ([Сохранить] [Отмена]), если у вас нет оснований полагать, что Mac пользователи составляют большую часть вашей пользовательской базы.

Ответ 2

Инстинктивно я всегда ставил кнопку Save как самый правый элемент.

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

Изменить: http://www.lukew.com/resources/articles/web_forms.html - В разделе "Первичные и вторичные действия" показано, как визуальный весовой коэффициент также можно использовать для хорошего эффекта.

Ответ 3

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

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

Даже в общем компьютерном языке, передняя косая черта, /, наклоняется вправо, когда обратная косая черта, \, наклоняется влево.

Пользовательский интерфейс Windows - это выброс здесь, и я думаю, что это плохое решение основать ваш дизайн пользовательского интерфейса на приоритете Microsoft.

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

Ответ 4

Это, вероятно, не имеет большого значения в любом случае, пока понятно, что делают кнопки. Мое личное голосование состояло бы в том, чтобы сэкономить слева, так как это чаще всего делают люди, и люди читают слева направо.

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

Ответ 5

Зачем вам вообще нужна кнопка отмены?

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

Ответ 6

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

Id говорит, что самое главное - быть внутренне последовательным в вашем приложении и быть уверенным, что Cancel всегда помечен как "Отмена" (не, скажем, "Возврат", как я видел в одном веб-приложении). В противном случае поместите кнопки рядом друг с другом и рядом с последним полем, на которое пользователь будет смотреть (что, вероятно, не находится в правом верхнем углу формы).

И не беспокойтесь об этом слишком много.

Ответ 7

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

Ответ 8

Знание часто более важно, чем объективно корректное, так как незнакомые вещи часто по умолчанию менее полезны.

Люди используют свой ПК с ОС Windows или свой Mac больше, чем ваше приложение или веб-сайт. Поэтому, если бы я был на вашем месте, я бы выбрал заказ, который, по вашему мнению, будет знаком пользователям, которым вы больше всего нравитесь. Если это аудитория в основном-mac, сделайте это макинтош. Если в основном аудитория ПК, сделайте это на ПК.

Ответ 9

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

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

(Windows и Mac имеют разные стандарты размещения кнопок в диалоговых окнах, и обе они имеют кнопки внизу. Эти стандарты не применяются к веб-страницам.)