Удобство использования в сети: сохранить и отменить ... или ... отменить и сохранить?

Question

Windows и OS X всегда сталкивались с этим, но каково общее мнение о том, идет ли кнопка «Сохранить» или «Отмена» первой в веб-приложении?

[Сохранить] [Отмена]

или

[Отмена] [Сохранить]

Примечание. Эти кнопки расположены вверху формы справа от себя.

Answer 1

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

Answer 2

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

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

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

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

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

Answer 3

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

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

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

Answer 4

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

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

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

Answer 5

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

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

Answer 6

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

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

Answer 7

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

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

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

Answer 8

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

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

Answer 9

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