Всем снова привет.
Сегодня буду рассказывать о моем любимом — о Юзабилити.
В русском языке есть этому модному слову замена — Удобство. Но когда речь идет об удобстве взаимодействия человека с компьютером, то мы сразу говорим юзабилити.
В этой статье будет рассмотрена всего лишь форма ввода даты, которая нам так часто встречается при регистрации на любом сайте. Чаще всего просят вводить свою дату рождения. Зачем всем на свете админам знать день моего рождения — неизвестно, но будем считать, что для статистики.
Сначала окунемся в историю.
Сначала все самые первые сайты и программы предлагали пользователю вот такое поле:
Естественно, сразу возникли проблемы. Люди заполняли данное поле кто как мог и привык:
12 июля 1980
12-07-1980
07/12/80
и так далее…
Поэтому было придумано следующее:
Но некоторым было по барабану на это, другие просто не читали, то, что было написано в скобках.
Тогда программисты и придумали разделить поле на три:
Вроде бы можно было облегченно вздохнуть. Но пользователи народ тупой и плевать они хотели на эти поля. По этим причинам в поле день вбивался месяц и наоборот. Кто вводил месяц числом, а кто и цифрой.
Разработчики призадумались и поняли что лучший способ избежать ошибок от тупых пользователей это не дать им возможности допустить их. И изобрели они вот это:
В таком виде, данная форма встречается, на большинстве сайтов, и по сей день. И вроде бы все нормально, но есть много НО.
Во-первых, она не исключает всяких там 31 февраля.
во-вторых, само легко выбрать месяц, но вот день, а в особенности год выбирать очень сложная задача. Посудите сами:
Нужно долго скролировать, чтобы добраться до нужного года. А мы, ведь, стремимся к идеальности и должны адаптировать интерфейс, как для стариков, так и для младенцев. В связи с этим на многих нынешних сайтах мы видим следующее:
mail.ru
Яндекс
Всякие форумы
ebay
К сожалению, все эти формы на защищены от дурака и не исключают ввода, допустим, такой даты: 31 ноября 3450 года.
Что же мы можем сделать? А сделать можно многое. Мы можем учитывать особенности каждого месяца, а также високосный год или нет.
— Да ты ахренел! — скажут программисты.
Но я скажу, что данный модуль придется сделать один раз и потом в будущем его без проблем прикручивать к любому вашему продукту.
Но в связи с этим порядок заполнения придется поменять: сначала мы будем вводить год и месяц, а потом на основе полученных данных в список День ставить нужное количество деньков. Причем список День будет не доступен для пользователя, пока он не выберет Год и Месяц.
Ну, вроде проблем возникать не должно, пользовать по обычаю двигается слева направо.
Но проблемы еще есть. Списки Год и День все еще не юзабельны.
Что мы можем предпринять?
Я придумал вот, что:
На мой взгляд, в таком списке отыскать требуемый год будет полегче — глаз легко цепляется за десятки, ну и вниз провести на несколько строчек тоже нетрудно. Нудного скроллинга нет.
Список Месяц, вроде бы, не требует ни каких модернизаций.
А вот День, можно представить в классическом календарном блоке
Естественно дни следует выводить на основе, первых двух полей.
На мой взгляд, такая форма ввода даты рождения, позволит избежать заведомо неверных дат и даст пользователю удобный ввод.
Буду рад любым комментариям.
4 Март 2008 в 05:20
Красиво. Я, как конечный пользователь, поддержал бы. Правда в первый раз от неожиданности завис бы на пару секунд ))
4 Март 2008 в 09:34
Пара секунд зависания, лучше шести нудного и раздражающего скролирования.
Как вариант, но мнеее удобный был мной релизован тут:
hour_21.swf
5 Март 2008 в 11:01
Саша.. все ок.. только сильно пугает шум: 19 19 19 19 19 19 19 19 19
Может быть вынести 19.. ??!!
5 Март 2008 в 11:05
Саша в твоем примере.. дублируются поля… достаточно тогда Дата(она же год) и время
5 Март 2008 в 12:23
да можно.
5 Март 2008 в 17:40
а вот мне интересно насколько оправдано выводить года от 1900?
какое число интернет-пользователей родилось ранее 1938 года?
5 Март 2008 в 17:51
Саша ты гений! %)
А что мешает сразу каледарик прихерачить? И там тебе и год и дата?
5 Март 2008 в 19:36
Посчитай, Толик, сколько раз ты кликнешь прежде чем выберешь свое день рождение.
В моем случае 6 раз.
5 Март 2008 в 20:05
Саша, а ты посчитай сколько времени займет написание нестандартного селекта?
Значительно проще выводить каледарик с двумя селеками для года и месяца. И тоже кликать 6 раз.
Затейники, блин. %)
5 Март 2008 в 20:48
пока программисты будут так говорить дело далеко не пойдет..
когда-то и календарик кто-то написал…
новые инструменты позволяют очень гибко кастомизировать казалось бы стандартные элементы интерфейса.
возьмем тотже Flex:
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html
http://examples.adobe.com/flex3/componentexplorer/explorer.html
С такими мыслями ты будешь Толик с зади, всегда.
Новые идеи правят миром.
Может мой выбор даты и не супер, но я двигаюсь в правильном направлении: Я об этом думаю, и пытаюсь оптимизировать.
еще глянь вот это:
http://www.datejs.com/
А все потому, что люди пытаются двигаться, а не пытаются подсчитать сколько же времени займет написание чего-то нестандартного…
Далеко не 6. Далеко…
Жду ответа
6 Март 2008 в 12:12
Считаем клики в моем варианте.
Первый клик: выволивается календарик.
Второй клин: на календарике вываливается список годов
третий клик: выбираем год
четвертый клик: на календарике вываливается список месяцев
пятый клик: выбираем месяц
шестой клик: выбираем день
Вопрос чем твой вариант лучше? Более того он путает пользователя.
6 Март 2008 в 13:47
дай ссылку
9 Март 2008 в 22:06
Блиина Адобовцы молодцы с ихним Флексом
10 Март 2008 в 15:34
Отчасти соглашусь, отчасти нет. Когда есть возможность*необходимость можно/нужно делать именно нестандартный селект. Когда сроки проекта “поджимают” тут уже не до вылизывания каждого пиксела..
А по сабжу согласен с Alexsas.
В большинстве случаев подход “Good Enough”, имхо, рулит.