Какое место лучше всего подходит для «Другой»

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

1) Справа от выпадающего списка без метки

alt text http://rookery5.aviary.com/storagev12/3435000/3435427_4634_625x625. JPG

3) Ниже выпадающего меню без метки

alt text http://rookery5.aviary.com/storagev12/3435000/3435438_4634_625x625. JPG

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

РЕДАКТИРОВАТЬ: Как предложил Jon W, контент «Other» будет отображаться только в том случае, если выбран этот параметр. В противном случае он будет скрыт через скрипт.

11 голосов | спросил Charles Boyung 22 MarpmMon, 22 Mar 2010 16:44:50 +03002010-03-22T16:44:50+03:0004 2010, 16:44:50

8 ответов


12

В то время как я довольно часто соглашался с тем, что №2 лучше всего (с учетом сценария, конечно), если вы рассматриваете интерактивный опыт, созданный при отображении поля «Пожалуйста, укажите» только после Другой », вы увидите, что ярлык может быть менее необходим, чтобы можно было подумать.

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

Я разместил их здесь: http://yoni.me/ops

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

~ yoni

ответил 22 MarpmMon, 22 Mar 2010 18:16:50 +03002010-03-22T18:16:50+03:0006 2010, 18:16:50
3

Я думаю, что второй из них лучший из трех.

Возможно, если бы вы добавили некоторый скрипт на страницу, чтобы поле «Please Specify» не появилось, если в раскрывающемся списке выбрано «Другое». Таким образом, не было бы путаницы для пользователя, если они выбрали допустимый вариант из раскрывающегося списка, а затем задаются вопросом, что им нужно делать с этим полем «Указать».

ответил JonW 22 MarpmMon, 22 Mar 2010 16:56:19 +03002010-03-22T16:56:19+03:0004 2010, 16:56:19
2

Включить «другое» поле с меткой. Это ваш вариант 2.

Это гарантирует, что все люди смогут использовать форму.

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

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

Другие предложили поместить ярлык внутри в текстовое поле. (Например, в вашем варианте 1.) Это может работать, но это сложно сделать правильно.

ответил Bennett McElwee 23 MaramTue, 23 Mar 2010 03:32:59 +03002010-03-23T03:32:59+03:0003 2010, 03:32:59
1

Я бы исключил вариант 3 из-за отсутствия подсказки. Я бы сказал, что выбор между вариантами 1 и 2 во многом зависит от общей компоновки страницы.

Еще один критерий IMO заключается в том, чтобы создать поле «please speficy» без , изменяя размер страницы по всем или вызывая смещение других элементов на странице.

Еще одна вещь: я бы добавил приглашение для опции 1, например:

Отображение приглашения в поле« Пожалуйста, укажите »«> </p></body></html>

ответил 22 MarpmMon, 22 Mar 2010 19:56:50 +03002010-03-22T19:56:50+03:0007 2010, 19:56:50
0

Я имею тенденцию делать это, как в Варианте 1, но поместил двоеточие в конец «Другое».

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

Пит

ответил Pete Williams 23 MarpmTue, 23 Mar 2010 16:04:50 +03002010-03-23T16:04:50+03:0004 2010, 16:04:50
0

Используя javascript, вы сможете заменить выпадающий текстовый ввод всякий раз, когда пользователь выбирает параметр Other .

Конечно, вам нужно будет добавить ×, расположенный справа от текстового ввода, который вернет его обратно к стандартным <select> когда вы нажимаете на нее. Не помещайте × внутри поля ввода текста, потому что пользователи Mac ожидают, что содержимое поля будет очищено. onclick. И не забудьте добавить всплывающую подсказку (например, используя атрибут title), когда пользовательская мышь наводит ×, что объясняет его назначение.

Чтобы ответить на вопрос: лучшее место позади (визуально это переключение).

ответил Knu 19 Mayam11 2011, 10:03:47
0

Вы можете попробовать удалить все это вместе. Недавно я разработал форму, где я избавился от поля «title - other». Я взял идею от flickr, и мы создали редактируемое поле, где пользователь может поместить любой заголовок, который им нужен, при выборе «другого» варианта в раскрывающемся списке. Таким образом, мы удалили дополнительное поле и длинный список названий в drop down.Wish я мог бы добавить pic, пока не хватает репутации здесь:)

ответил user10430 7 FebruaryEurope/MoscowbTue, 07 Feb 2012 21:57:57 +0400000000pmTue, 07 Feb 2012 21:57:57 +040012 2012, 21:57:57
0

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

ответил Chris 13 AM00000020000005431 2012, 02:28:54

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132