x
 
Никита Козин
29 мая 2008

Добрый день, Артем.

Форма поиска квартир в новостройках. Задача — максимально упростить ее.

Количество комнат и выбор района — замена стандартным radio-button. Бегунки — полям ввода «от» — «до».



По сути мне все нравится. Но исполнение стоит поправить:
Серые кнопки выглядят отключенными.

Плохо, что значение «ездит», а ползунки выглядят так же, как выделенный элемент в предыдущем элементе.

Разделитель десятичных разрядов — пробел, а не запятая.

Какой смысл в выделении полужирным?

Поделиться
Отправить

Комментарии

Олег Подчашинский
29 мая 2008

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

Анатолий Rr Буров
29 мая 2008

В чем здесь смысл пунктирного подчеркивания?

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

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

То же самое с количеством комнат.

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

Юрий Солоницын
29 мая 2008

Заголовок формы стоит ставить сверху — тогда человек вначале поймет, что он ищет, и только потом начнет вводить параметры.

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

Надпись «примерно 70 кв. м» слишком абстрактна. Если диапазон задается автоматически, то можно вывести его в явном виде прямо на движке. Также поступить и со стоимостью.

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

Кнопку «Найти» просто для единообразия я бы оформил в едином стиле с остальными элементами формы.

Александр Тихонов
29 мая 2008

А если я ищу и 2-х и 3-хкомнатную квартиру? И цену тогда уж указывать не примерно, а до определенной суммы. Дороже никто платить не хочет, а дешевле никто не откажется.

Юрий Петров
29 мая 2008

По-моему, автор слишком сильно срезал углы, сделав бегунки с конкретными значениями вместо выбора «от и до».

Павел Власов
29 мая 2008

Выбор числа комнат: красиво, конечно, но радиокнопки будут постоянно менять свое положение (из-за приписки «комнат»). Бегающие кнопки — не лучшее решение, хотя, может, и приемлемое.

Ползунки. Как-то не сразу я понял, что это именно ползунки. Я бы обозначил свойство ползучести путем указания границ и, возможно, некой разметки.

Форма получилась без заголовка. Он оказался перемещен к кнопке и потерял в заметности. Если форма совсем небольшая, это может быть приемлемо (см. обычные поисковые формы), но только контролов становится больше… Как вариант, можно оставить заголовок внизу, но выделить, например, положить на кнопку: «Найти квартиры в новостройках».

Может быть, это уже реализовано, но выбор районов я бы позволил сделать множественным — считаю, здесь это действительно необходимо.

Сергей Соловьёв
29 мая 2008

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

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

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

Денис Братчук
29 мая 2008

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

Вячеслав Колосков
29 мая 2008

К уже сказанному хотелось бы добавить:
1. Если пользователь будет перетаскивать ползунок, то курсор будет ему мешать видеть значение на ползунке;

2. Значение на ползунках может быть разной длины! И что будет происходить с ползунком в этом случае? Ползунок будет подстраиваться под длину содержимого? Скачущий постоянно ползунок — это не очень хорошо (имхо). Или, допустим, схватили ползунок за край, а он тут раз и уменьшился, т. е. вы его вдруг перестали «держать» за край :) Если оставить длину ползунка фиксированной, то малые значения будут на нем странно смотреться;

3. И самое главное — не совсем понятно (т. е. совсем непонятно), по какой стороне ползунка меряется значение? По левой, правой, середине?

Дмитрий Зимин
29 мая 2008

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

Вторая проблема, как мне кажется, в знаке приближения. Получается, что нельзя задать произвольный диапазон: «Любую 1-комнатную не дороже (не дешевле) N руб. за метр».

Александр Карпинский
30 мая 2008

Хочется высказать мысль о порядке показа позиций с такой формой.

Здесь параметры делятся на два вида: строгие (комнатность и район) и нестрогие (цена, площадь). На мой взгляд, должны показываться все квартиры, удовлетворяющие строгим параметрам в порядке, соответствующем нестрогим параметрам:

Это значит, что для каждой квартиры вычисляется некий вес в виде суммы от модулей разностей нестрогого параметра для квартиры и заданного пользователем. Возможно, модуль в какой-то степени, например 1,5. Чем меньше вес, тем ближе квартира к заданным параметрам.

По-моему, такой вариант предпочтительнее, чем, скажем, искать квартиры по заданной цене ±10%.

Анатолий Rr Буров
30 мая 2008

По поводу варианта Юрия Солоницына: кнопку нельзя делать похожей на остальные элементы формы, потому что у нее принципиально другое поведение: она производит действие, в то время как остальные элементы — нет. Одинаковый внешний вид может вызвать когнитивный диссонанс :)

Вадим Рожик
30 мая 2008

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

Думаю, выбор количества комнат удобнее сделать типа «1 комната или больше».

Алексей Мельников
30 мая 2008

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

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

Юрий Солоницын
2 июня 2008

Мне не нравится, когда при бронировании отеля предлагают найти гостиницы классом «от 3», так как я не могу ограничить поиск сверху — допустим, 5 мне не нужны и искать нужно среди 3 и 4*.

Думаю, вариант «1 комната или больше» будет настолько же не удобен.

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

Анатолий Rr Буров
2 июня 2008

Если количество объектов не очень большое и если реализация позволяет, то можно улучшить ползунки и заодно порадовать Алексея, снабдив их метками объектов, чтобы можно было сразу видеть примерный объем результатов поиска.

Никита Козин
3 июня 2008

С Юрием Солоницыным не согласен — мы вместо очеловечивания формы, наоборот, снова уходим в более техническое представление информации. Я не вижу смысла разносить «Квартиры в новостройках» и «Найти» так далеко друг от друга в такой маленькой формочке — «Найти квартиры в новостройках» как-то лучше и звучит и выглядит. И, как сказал Анатолий Буров, — кнопку нельзя делать такой же, как другие элементы выбора.

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

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

Алексей Мельников
3 июня 2008

Если количество предложений в базе не очень большое (ну, маленький город) и хочется обязательно использовать форму, то максимально ее можно упростить до:

Сергей Мамылин
5 июня 2008

Можно попробовать показать все и сразу (зри приложенную картину).

Смысл в том, что ограничения на поиск вводятся в порядке, удобном человеку. То есть что-то ввел, что-то не ввел — текущие результаты все равно показываются. Это что касается «строгих» данных (использую термины Александра Карпова). С «нестрогими» — еще проще: берем покрепче мышку и по типу пульверизатора закрашаиваем нужные нам области. В примере использовал круги, так как они визуально привлекательней и, главное, дают возможность зацепить средние значения пересекающихся диапазонов, то есть как раз те из них, где чаще всего прячутся «пограничные, но удачные» варианты квартир (то, о чем упоминал Алексей Мельников). Сомневаешься — добавь кружочек.

Ввод (или неввод) «нестрогих» и «строгих» данных в любом порядке, выходы за пределы ограничений — разрешаем. В общем, полная свобода. Сами выбираем, в чем измерять стоимость квартиры, ставим переключалку. Можно добавить и другие параметры.

P. S. Картинку слепил из того, что было под рукой. Строго не судите :)

Вячеслав Колосков
10 июня 2008

Берем идею Сергея Мамылина. Поворачиваем ее на 90 градусов. Заправляем то, что получилось мыслями Дмитрия Зимина и… вуа-ля:

Комментарии к рисунку:
1. Красненькими точками показываются квартиры, удовлетворяющие запросу. Сереньким показываются пограничные значения.

2. Поиск в ценовом диапозоне осуществляется только по общей стоимости квартиры, т. к. я считаю очень сильным усложнением поиск по стоимости квадратного метра. Допустим, у нас есть 300 тысяч американских рублей. И наша задача — найти лучшее предложение в пределах этой суммы (также удовлетворяющее неценовым критериям). Вот мы и ищем предложения, не превышающие это значение. А если искать по стоимости за кв. метр, то нужно каждое предложение просчитывать, не превысило ли оно бюджет!

3. Кол-во комнат необходимо тоже сделать в виде чекбоксов, т. к. мы можем искать одно- или двухкомнатные квартиры… или 4-х и 5-икомнатные (т. е. разница в одну комнату не играет принципиального значания).

4. Если бы речь шла только о Москве, было бы удобным изобразить районы в виде карты — щелчком на каком-либо райне он попадал в поиск и подсвечивался бы цветом. Это удобно для тех, кто не ориентируется в названиях, а хочет приобрести квартиру где-то на юге Москвы, например.


13 июня 2008

Вячеслав, очень хорошо.

Небольшие уточнения: стоимость квадратного метра можно отображать для информативности.

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

А снизу выводить список квартир.

Сергей Мамылин
19 июня 2008

Чуть нежнее попробуем.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

5 Иногда люди, когда пытаются оценить, насколько выгодно расположены элементы на форме, рисуют линию, по которой якобы глаз скользит 2 6 3




Недавно всплыло

Без стоп-слов текст мне кажется сухим, чёрствым, грубым и резким 33 1 Что вы думаете о способе указывать цвету прозрачность в шестнадцатеричном виде вместо более традиционного RGBA? 3 Как сделать нагляднее таблицу перфорированных лотков? Часть вторая 5