ОК и кнопка «Отмена» справа или слева от диалогового окна?

Question

что лучше в отношении интуитивного использования пользователем?

ОК ... Отмена или Отмена ... ОК в диалоговом окне?

редактирование:

Ааааа, я попал в ловушку: P

Кажется, какой-то пользователь меня не понял ...

Я не имею в виду наличие OK и Отмена в левой / правой части диалога.

что я имею в виду, должна ли кнопка «ОК» быть направлена ​​на кнопку «Отмена» или наоборот?

Вот что я имел в виду на самом деле:)

Answer 1

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

Do you want to save this unsaved file before exiting the application?

                 [Save]  [Don't Save]  [Don't Exit]

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

Answer 2

• Windows ставит ОК первым
• Apple ставит ОК последним

(из группы Nielsen Norman)

Answer 3

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

Answer 4

ОК ... Отмена или Отмена ... ОК в диалоговом окне?

В английском программном обеспечении ОК должно быть слева от Отмена.Т.е.:

+------+ +--------+
|  OK  | | Cancel |
+------+ +--------+

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

Также, если вы действительно заботитесь о качестве графического интерфейса ...:
1. Фокус клавиатуры должен ужебыть на "OK".
2. Пользователь должен иметь возможность перемещаться между OK и Отмена, используя TAB.Фокус не должен «застрять» на каком-то дополнительном элементе.
3. Все кнопки и элементы графического интерфейса должны иметь разумный порядок табуляции.Когда вы сосредоточены на «OK» и нажимаете «TAB», вы должны перейти к «Cancel», а не к какому-либо другому бесполезному элементу управления.
4. Нажатие Escape должно вызвать «Cancel».
5. Закрытие окнадолжно вызвать «Отмена»
6. Нажатие «Enter» может быть равно нажатию «ОК» (некоторые программы используют это, а некоторые нет).
7. Кнопки должны иметь »ускорители "назначены.Т.е. кнопки должны быть помечены ** O *** k * (подчеркнут O) и ** C *** ancel * (подчеркнут C), нажатие Alt + O должно нажать «OK», а нажатие «Alt + C»следует нажать кнопку «Отмена».
8. Ускорители клавиатуры должны быть правильно назначены для всех языков, поддерживаемых вашим приложением.Нажав Alt + «буква на вашем языке, которую нельзя использовать в качестве первой буквы любого слова» , вы чувствуете себя странно.

AFAIK, качественный графический интерфейс соответствует этим рекомендациям.Забыть «ускоритель клавиатуры», неправильный порядок табуляции (IMO) - признак небрежности, и некоторые «опытные пользователи» сразу же возненавидят вас за подобные ошибки.

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

Answer 5

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

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

Я тоже нашел эту статью. Интересно -

http://measuringuserexperience.com/SubmitCancel/index.htm

Answer 6

Личный опыт: Я обнаружил, что кнопки справа в столбце являются наименее спорными, то есть: как только вы определились с этим, больше нет никаких обсуждений, таких как «выравнивание по центру по левому краю». или выровнять по правому краю? "," при выравнивании по правому краю не должно ли "OK" получить фиксированное положение, то есть крайнее правое положение? ".

Рекомендации по взаимодействию с пользователем в Windows (на что ссылается Джей, с болезненной корневой ссылкой): «Кнопки фиксации идут вниз, в ряд, выровнены по правому краю, обычно OK крайний левый».

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

Answer 7

Рекомендации по взаимодействию с Windows

Answer 8

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

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

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

Надеюсь, это поможет.

Answer 9

Что бы вы ни выбрали, это будет неправильно. Соглашения различаются для разных платформ (Win / Mac / Gtk / ...) и для разных регионов / языков, поэтому, независимо от того, какой порядок вы используете, кто-то подумает, что это сбивает с толку,Лучшее решение - это выбрать порядок во время выполнения на основе типа системы и настроек (если это не веб-приложение, но мы говорим о диалоговых окнах, так что это другая история).

К счастью, выНе нужно реализовывать лучшее решение - оно уже сделано для вас. Современные инструментарии GUI обычно предоставляют некоторый механизм для автоматической обработки порядка диалоговых кнопок. Например, Qt предоставляет виджет QDialogButtonBox.Используйте виджет (или другой механизм), предоставляемый вашим инструментарием.

Answer 10

Думаю, я в меньшинстве, но мне нравится вариант по умолчанию или ожидаемый слева. Возможно, это от чтения слева направо, или это первый пункт, поэтому я ожидаю, что именно он приведет меня к желаемому результату.

В ссылочной ссылке выше (http://measuringuserexperience.com/SubmitCancel/index.htm) один из комментариев в опросе упоминается как «отменить как ссылку». Я видел это в формах и вроде того, где кнопка «Отправить»), и сброс это ссылка. Я ненавижу, когда я заполняю форму и нажимаю кнопку сброса, потому что она справа, и я не обращаю внимания ...

Только мои 0,02 доллара.