Вопрос оптимальной практики пользовательского интерфейса: кнопка «Отмена» или ссылка «Отмена» - PullRequest
22 голосов
/ 19 января 2011

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

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

Кто прав? Ссылка или кнопка ... или оба? И почему? Любые ссылки на то, где этот стандарт определен?

Br,
Пол Пилен

EDIT Я думаю, что ответ с большинством голосов будет "правильным ответом"?

Ответы [ 8 ]

30 голосов
/ 19 января 2011

Вот некоторые фактические первичные исследования только по этому вопросу, я не буду добавлять субъективное мнение сверху ...

Первичные и вторичные действия в веб-формах - вероятно, лучшее исследование, с которым я столкнулся именно по этому вопросу

Кнопки сброса и отмены - статья 2000 года, в которой говорится, что функция сброса вредна и функции отмены часто не нужны

OK - Отмена или Отмена - ОК? - соблюдение стандартного порядка помогает удобству использования

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

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

4 голосов
/ 19 января 2011

Почему пользователи могут легко отменить все, что они ввели по ошибке? Почему бы не предотвратить случайное аннулирование формы?

Почему переключатель освещения кабины не находится рядом с кнопкой извлечения?

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

Сделать ссылку.

3 голосов
/ 19 января 2011

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

2 голосов
/ 19 января 2011

Нет такого стандарта, только соображения здравого смысла. Проверьте эту ссылку: http://www.useit.com/alertbox/20000416.html

1 голос
/ 13 июля 2011

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

1 голос
/ 19 января 2011

Важно то, что пользователь не нажимает кнопку отмены по ошибке.Как говорит Хория, сделайте ссылку или кнопку, но сделайте ее другой, например другим цветом.Вместо того, чтобы называть его «Отмена», проясните, что произойдет, когда вы нажимаете его, например: «Вернуться на предыдущую страницу».

Кстати, я ненавижу, когда есть кнопка для очисткиформа.Совершенно ненужно.Хорошо, что это уже не так часто.

Джон

1 голос
/ 19 января 2011

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

По моему мнению, ваша форма не нуждается в кнопке отмены, и она поможет пользователю, если ее просто опуститьполностью.

1 голос
/ 19 января 2011

Я бы сказал, что ссылка и кнопка - это одно и то же.Кнопка может быть ссылкой, а текст может быть ссылкой.

Где разница между фокусом действия по умолчанию и его аналогом.

Параметр по умолчанию всегда должен быть в фокусе ипараметр счетчика всегда должен быть относительно близко.

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

...