Вопрос юзабилити пользовательского интерфейса для выпадающего списка при нажатии клавиши [TAB]

Question

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

Итак, у меня есть выпадающий список (выберите тег), использующий полностью JavaScriptв веб-приложении.Раньше он использовал обратные вызовы ASP.NET при изменении выпадающих списков и был действительно странным / несовместимым с различными браузерами и был очень медленным.Если щелкнуть раскрывающийся список, а затем выбрать параметр в раскрывающемся списке, фокус остается на этом раскрывающемся списке, но индекс / параметр изменяется.ОТЛИЧНЫЙ!Если вы щелкнете по раскрывающемуся списку, стрелкой вниз выберите нужный вариант, а затем нажмете клавишу [ENTER], он примет ваше значение и попытается отправить форму, как это сделала бы кнопка отправки, и выдаст ошибку, если что-то будет не так.FANTASTIC!

Каким должно быть поведение, когда конечный пользователь сначала щелкает раскрывающийся список, а затем перемещает указатель мыши в верхней части параметра, не щелкая его (очевидно, другой вариант), а затем нажимает клавишу [TAB]? [ОТВЕТ # 1] Если выбран вариант и перейти к следующему полю, или [ОТВЕТ # 2] оставить значение, которое было ранее, перед щелчком по раскрывающемуся меню, ипросто вкладка к следующему полю?Было бы неплохо дать мне аргументацию ... если у вас есть большой опыт пользовательского интерфейса.Или, если у вас есть большой опыт веб-серфинга, и вы просто раздражены тем или иным - мне тоже интересны эти истории.

Пожалуйста, не путайте это с нажатием на выпадающий список, затем со стрелкамивыберите нужный вариант и нажмите клавишу [TAB].Это позволит выбрать эту опцию (изменить индекс) перед вкладкой.

Answer 1

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

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

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