Windows и OS X всегда ударяли головы на этом, но каково общее согласие по тому, идут ли кнопка Save или Кнопка отмены сначала в веб-приложении?
[Сохраните] [Отмена]
или
[Отмена] [Сохраняет]
Примечание: У меня есть эти кнопки наверху сброса формы направо.
Следуйте принципу наименьшего удивления : делайте это как Windows ([Сохранить] [Отменить]), если у вас нет причин полагать что пользователи Mac составляют большую часть вашей пользовательской базы.
В любом случае, это, вероятно, не большая разница, если ясно, что делают кнопки. Я бы лично проголосовал за сохранение слева, поскольку это то, что люди делают чаще всего, и люди читают слева направо.
Кроме того, я бы также оставил некоторое пространство между кнопками, чтобы пользователи случайно не щелкнули одну, когда попытаются щелкнуть другую.
Зачем вообще нужна кнопка отмены?
В веб-форме пользователь почти всегда может отменить действие через какое-то другое действие. Если поместить "Отменить" рядом с "Сохранить", то создается ситуация, когда у пользователя есть все шансы выстрелить из катапультируемого кресла, когда все, что он хочет сделать, это сохранить.
Знакомство часто важнее, чем объективная правильность, поскольку незнакомые вещи часто, по умолчанию, менее пригодны для использования.
Люди чаще используют свой Windows PC или Mac, чем ваше приложение или веб-сайт. Поэтому, если бы я был на вашем месте, я бы выбрал тот порядок, который, как вы думаете, будет знаком пользователям, о которых вы больше всего заботитесь. Если это преимущественно Mac-аудитория, делайте все по-маковски. Если это в основном PC-аудитория, то делайте так, как PC.
Я обычно помещаю кнопку, которая будет вызывать выполнение большинства действий дальше всего от центра. Если ваши кнопки расположены в правом верхнем углу, мой порядок будет следующим: [Отменить] [Сохранить]
Инстинктивно я всегда помещаю кнопку "Сохранить" как самый правый элемент.
Я думаю, есть и другие моменты, которые нужно учитывать. В первую очередь, нужна ли кнопка "Отмена" или лучше использовать другой элемент (например, хлебные крошки, указывающие на предыдущую страницу).
Edit: http://www.lukew.com/resources/articles/web_forms.html - В разделе 'Primary and Secondary Actions' показано, как визуальное взвешивание может быть использовано с хорошим эффектом.
При всех жарких спорах, которые может вызвать этот вопрос, кажется, что он не имеет большого значения для реальной работы человека. преимущества и недостатки каждого из них работают на мойку. Пользователи, похоже, одинаково склонны ожидать отмены слева или справа в веб-формах. Похоже, что существует предубеждение в пользу Отмены слева, если кнопки широко разнесены, но вы не хотите этого делать, поскольку размещение кнопки Выполнить крайним справа ассоциируется с медленными ответами и высоким количеством ошибок в веб-формах.
Я бы сказал, что самое главное - быть внутренне последовательным в вашем приложении, и убедиться, что Cancel всегда обозначается как "Отмена" (а не, скажем, "Возврат", как я видел в одном веб-приложении). В противном случае разместите кнопки рядом друг с другом и рядом с последним полем, на которое будет смотреть пользователь (которое, вероятно, находится не в правом верхнем углу формы).
И не беспокойтесь об этом слишком сильно.
В обычной форме Сохранить должно быть под полями формы. Отмена должна быть слева или справа от Сохранить, но не слишком близко к , чтобы избежать трагических ошибок. На странице Luke W Web Application Form Design есть несколько поясняющих диаграмм.
Ваша форма необычна тем, что вы хотите, чтобы кнопки были вверху. В этом случае мне нужно знать, как выглядит страница и как она будет использоваться. Но поскольку вы уже нарушаете какой-либо поток между полями формы и Save, я подозреваю, что Save должно быть справа , чтобы поддерживать естественный путь слева направо.
(Windows и Mac имеют разные стандарты размещения кнопок в диалоговых окнах , и у них обоих есть кнопки внизу. Эти стандарты не применяются к веб-страницам.)