Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 23
Определенно Ваш интерфейс лучше приведенных Вами же в начале статьи. Может быть я неправ, но мне кажется, что в реальности вы не продумывали работу риэлторских сайтов и не пробовали искать через них жилье.
Я уже довольно долгое время связан с данной отраслей и геморроев много как на клиенте, так и на сервере.
К примеру, первое, что бросается в глаза смотря на Ваши интерфейсы — как отметить уже просмотренные объекты? Как оставить отметку, что не дозвонился, или решили договориться на созвон в другое время или о встрече? Почему нельзя с карточки объекта посмотреть следующую карточку, зачем надо возвращаться обратно в поиска?
И так далее
Я уже довольно долгое время связан с данной отраслей и геморроев много как на клиенте, так и на сервере.
К примеру, первое, что бросается в глаза смотря на Ваши интерфейсы — как отметить уже просмотренные объекты? Как оставить отметку, что не дозвонился, или решили договориться на созвон в другое время или о встрече? Почему нельзя с карточки объекта посмотреть следующую карточку, зачем надо возвращаться обратно в поиска?
И так далее
как отметить уже просмотренные объекты?
При наведении есть кнопка «добавить в избранное»
Как оставить отметку, что не дозвонился, или решили договориться на созвон в другое время или о встрече?
Есть такой кейс. В следующей версии планирую как раз добавить «заметки» в избранном.
Почему нельзя с карточки объекта посмотреть следующую карточку, зачем надо возвращаться обратно в поиска?
Сомнительный кейс, т.к. обычно юзер выборочно заходит в объявления, а не подряд
В Вашем же примере Маша вынуждена будет прочёсывать всё объявления выборки подряд, вычитывая важные ей нюансы в простынях описаний, составленных в свободной форме. Если подходящего по всем статьям варианта ей случайно не попадётся в первой десятке, она Вас проклянёт.
При наведении есть кнопка «добавить в избранное»
Избранное и просмотренные — это не одно и тоже.
При наведении есть кнопка «добавить в избранное»
а действительно есть :) собственно, вот вам и первый фидбек — кнопку не видно
А как с ней быть на планшетах? или данный интерфейс не рассчитан на планшеты?
А по-моему получилось как-то скучно. Т.е. как сайт для поиска квартир (каких сотни) — может и потянет. А вот как презентация работы юзабилити бюро — не очень…
Интерфейс очень типовой, но двигаясь «по логической цепочке» — сложно придти к нестандартным решениям. И учесть возможности развития — тоже сложно.
Я не особо анализировал ваш вариант. Но как быть если я хочу квартиру рядом с конкретным адресом, а не рядом с метро? Или как мне узнать давно ли квартира сдается? А на сколько она сдается? Есть ли отзывы? Сдаются ли другие квартиры в этом доме? Сколько времени займет у меня путь на работу? Это агенство или сам владелец сдает?.. и т.п. вопросов могут быть сотни.
Таких типовых «сайтов по аренде квартиры» — множество. Если говорить о юзабилити — предложите что-то новое… Возможностей в инете море! Предложите панорамы дома с google street maps. Или историю улицы с википедии. Или предложите отправить сообщение владельцу. Посмотреть его профиль в соц. сетях (если разрешает). Дайте «интерактивную карту стоимости квадратного метра» для всего города… и так далее. Удивите меня! :)
Когда вы (или заказчик) попытаетесь в будущем впихнуть что-то из этого в ваш интерфейс — получится такая же каша как у всех. Так может надо что-то менять? Может призвание юзабилити бюро — в том чтобы придумывать что-то новое, а не делать как все…
Пока читал заметку — представил свой вариант. Жаль нет времени рисовать.
Что-то типа динамической страницы называемой «путь заказа». Все элементы крупные, четкие. Когда что-то меняется — элементы справа могут поменяться, если это необходимо.
Разделы пути: что, где, когда
На что — настройки. примерно как у вас. сдать/снять/кв/км/… и т.д. Изначально виден только этот раздел, остальные пока не нужны.
При выборе — справа подгружается карта (на карте заодно показаны станции метро, транспорта и т.п.) — над ней поисковая строка. Можно что-то найти. И поле «не больше nnnn метров». Это у нас раздел «где»
При клике на карту или выборе адреса/станции — отмечается область в пределах этих nnnn метров.
Над картой — кисточка. Если ее щелкнуть — можно нарисовать любую область в пределах которой нужна квартира.
В этой области динамично появляются метки предлагаемых квартир.
Прямо на карте видны фотографии google где можно посмотреть виды района. Нажав «панорамы» — увидеть их под картой. И на первой же панораме — камера будет как раз направлена на окна выделенной квартиры. Нажав «магазины» — увидеть ближайшие магазины и т.п.
Пока работаем с картой — она сместилась влево (справа элементы не исчезают, а становятся меньше, встраиваются в вертикальный ряд) — и вот мы видим новые инструменты — можно выбрать когда нам нужна квартира. На какой срок и т.п. (это уже в разделе «когда»).
Уточняя запрос видим как меняются метки на карте. А сама область карты становится Уже, и вот справа, под сроками, появляется список вариантов. Каждый связан с точкой на карте, у каждого есть цена. есть крестик для удаления варианта. А если щелкнуть по нему или по точке на карте — появляется панель с подробными данными…
В общем. Описывать можно долго. И нет совершенно никаких гарантий, что такой вариант будет хоть в чем-то лучше Вашего.
Все это я писал только чтобы показать — потратив 10 минут работы непрофессионала — можно придумать что-то новое. а потратив час работы бюро — таких вариантов можно сделать штук 30. И потом проанализировав и взяв из них лучшее — сделать пусть что-то гораздо большее. Пусть это даже будет стандартный сайт, похожий на типовой интернет магазин. Но мыслей, идеи, и просто души — там будет больше.
Интерфейс очень типовой, но двигаясь «по логической цепочке» — сложно придти к нестандартным решениям. И учесть возможности развития — тоже сложно.
Я не особо анализировал ваш вариант. Но как быть если я хочу квартиру рядом с конкретным адресом, а не рядом с метро? Или как мне узнать давно ли квартира сдается? А на сколько она сдается? Есть ли отзывы? Сдаются ли другие квартиры в этом доме? Сколько времени займет у меня путь на работу? Это агенство или сам владелец сдает?.. и т.п. вопросов могут быть сотни.
Таких типовых «сайтов по аренде квартиры» — множество. Если говорить о юзабилити — предложите что-то новое… Возможностей в инете море! Предложите панорамы дома с google street maps. Или историю улицы с википедии. Или предложите отправить сообщение владельцу. Посмотреть его профиль в соц. сетях (если разрешает). Дайте «интерактивную карту стоимости квадратного метра» для всего города… и так далее. Удивите меня! :)
Когда вы (или заказчик) попытаетесь в будущем впихнуть что-то из этого в ваш интерфейс — получится такая же каша как у всех. Так может надо что-то менять? Может призвание юзабилити бюро — в том чтобы придумывать что-то новое, а не делать как все…
Пока читал заметку — представил свой вариант. Жаль нет времени рисовать.
Что-то типа динамической страницы называемой «путь заказа». Все элементы крупные, четкие. Когда что-то меняется — элементы справа могут поменяться, если это необходимо.
Разделы пути: что, где, когда
На что — настройки. примерно как у вас. сдать/снять/кв/км/… и т.д. Изначально виден только этот раздел, остальные пока не нужны.
При выборе — справа подгружается карта (на карте заодно показаны станции метро, транспорта и т.п.) — над ней поисковая строка. Можно что-то найти. И поле «не больше nnnn метров». Это у нас раздел «где»
При клике на карту или выборе адреса/станции — отмечается область в пределах этих nnnn метров.
Над картой — кисточка. Если ее щелкнуть — можно нарисовать любую область в пределах которой нужна квартира.
В этой области динамично появляются метки предлагаемых квартир.
Прямо на карте видны фотографии google где можно посмотреть виды района. Нажав «панорамы» — увидеть их под картой. И на первой же панораме — камера будет как раз направлена на окна выделенной квартиры. Нажав «магазины» — увидеть ближайшие магазины и т.п.
Пока работаем с картой — она сместилась влево (справа элементы не исчезают, а становятся меньше, встраиваются в вертикальный ряд) — и вот мы видим новые инструменты — можно выбрать когда нам нужна квартира. На какой срок и т.п. (это уже в разделе «когда»).
Уточняя запрос видим как меняются метки на карте. А сама область карты становится Уже, и вот справа, под сроками, появляется список вариантов. Каждый связан с точкой на карте, у каждого есть цена. есть крестик для удаления варианта. А если щелкнуть по нему или по точке на карте — появляется панель с подробными данными…
В общем. Описывать можно долго. И нет совершенно никаких гарантий, что такой вариант будет хоть в чем-то лучше Вашего.
Все это я писал только чтобы показать — потратив 10 минут работы непрофессионала — можно придумать что-то новое. а потратив час работы бюро — таких вариантов можно сделать штук 30. И потом проанализировав и взяв из них лучшее — сделать пусть что-то гораздо большее. Пусть это даже будет стандартный сайт, похожий на типовой интернет магазин. Но мыслей, идеи, и просто души — там будет больше.
Благодарю за столь подробный и эмоциональный комментарий! То, о чем Вы говорите — это здорово и нескучно, но, по правде говоря, это могло бы быть скорее неплохим материалом для другой статьи с названием в духе «Интерфейс будущего». Сейчас же я ставил перед собой несколько другие цели. У нас есть портрет пользователя, который очень слабо и неохотно учится и плохо усваивает новый опыт взаимодействия. Реальность такова, что привычки целевых пользователей — это чуть ли не единственное, за что можно надежно зацепиться, использование привычек — это практически беспроигрышный вариант. Разумеется, многие проектировщики это понимают, оттого и публичные сервисы так похожи один на другой.
Я обеими руками за инновации в UX, но если речь идет о подобных ресурсах, куда приходят замученные поисками квартиры пользователи с начальным уровнем владения ПК, то последнее, что они захотят увидеть — это как раз «интерфейс будущего».
Я обеими руками за инновации в UX, но если речь идет о подобных ресурсах, куда приходят замученные поисками квартиры пользователи с начальным уровнем владения ПК, то последнее, что они захотят увидеть — это как раз «интерфейс будущего».
Думаю я несколько «повернут» на будущем, так что тут вы правы:)))
И на счет того что начинающим пользователям часто удобнее типовой интерфейс, чем «навороченный» — тоже соглашусь.
Но вот касательно связи «интерфейс будущего» => «навороченный интерфейс»… не всегда.
Мое мнение в том что «интерфейсы будущего» часто рисуют как в фильмах — что-то страшное, сложное, непривычное… А суть в том что непривычное не обязательно сложно. Классический пример — тот же айфон. Разводить споры не хочется, но все же мало кто отрицает — когда он появился то не был привычен большинству пользователей. Однако стал удобен и популярен…
Потому что настоящий «интерфейс будущего» — решает старые проблемы, а не добавляет новых.
И именно для начинающих — такой интерфейс будет удобнее всего. Потому что им не нужно будет привыкать к «типичным решениям», которые часто сами собой разумеются для опытных пользователей, но вызывают много проблем у неопытных…
Ваш интерфейс — на мой взгляд, как раз лучше подходит опытным пользователям. Фактически он копирует подход интернет магазинов.
Хорошо это или нет — не берусь судить. Как я и говорил мой вариант — это просто предложение посмотреть в сторону «нехоженных троп».
Возможно там есть что-то интересное.
И на счет того что начинающим пользователям часто удобнее типовой интерфейс, чем «навороченный» — тоже соглашусь.
Но вот касательно связи «интерфейс будущего» => «навороченный интерфейс»… не всегда.
Мое мнение в том что «интерфейсы будущего» часто рисуют как в фильмах — что-то страшное, сложное, непривычное… А суть в том что непривычное не обязательно сложно. Классический пример — тот же айфон. Разводить споры не хочется, но все же мало кто отрицает — когда он появился то не был привычен большинству пользователей. Однако стал удобен и популярен…
Потому что настоящий «интерфейс будущего» — решает старые проблемы, а не добавляет новых.
И именно для начинающих — такой интерфейс будет удобнее всего. Потому что им не нужно будет привыкать к «типичным решениям», которые часто сами собой разумеются для опытных пользователей, но вызывают много проблем у неопытных…
Ваш интерфейс — на мой взгляд, как раз лучше подходит опытным пользователям. Фактически он копирует подход интернет магазинов.
Хорошо это или нет — не берусь судить. Как я и говорил мой вариант — это просто предложение посмотреть в сторону «нехоженных троп».
Возможно там есть что-то интересное.
Какой должен быть интерфейс — можно посмотреть на cian.ru. После ознакомления с интерфейсом и возможностями по поиску придёт понимание, что предложенный автором интерфейс непригоден к использованию. К примеру, выбор по станции метро для конечных станций типа Выхино даст половину Московской области в выдаче.
В интерфейсе нет такого количества фильтров, это верно. Но ничего не мешает собрать фидбеки с пользователей и в следующем релизе запустить какую-нибудь выезжающую плашку «дополнительно», на которой будут только действительно нужные дополнительные фильтры.
Проблема с метро Выхино в интерфейсе уже решена: для этого там есть фильтр удаленности от метро. Можно задать «10 мин. пешком» — и не будет «половины Московской области»
Cian.ru сильно перегружен и тяжело воспринимается. Чтобы ловко обращаться с ним, требуется время на обучение. Этот интерфейс больше подходит для профессионалов, риэлторов, чем для основной массы пользователей.
Проблема с метро Выхино в интерфейсе уже решена: для этого там есть фильтр удаленности от метро. Можно задать «10 мин. пешком» — и не будет «половины Московской области»
Cian.ru сильно перегружен и тяжело воспринимается. Чтобы ловко обращаться с ним, требуется время на обучение. Этот интерфейс больше подходит для профессионалов, риэлторов, чем для основной массы пользователей.
Проблема с метро Выхино в интерфейсе уже решена: для этого там есть фильтр удаленности от метро. Можно задать «10 мин. пешком» — и не будет «половины Московской области»
Вы хоть раз квартиру искали? Риэлторы брешут аки собаки бешеные, поэтому закладываться на один фильтр нельзя. Если вдруг появится какой-то сайт, пусть и с самым убогим интерфейсом, но с правдивой информацией, он очень быстро станет лидером рынка, имхо. Но это, к сожалению, невозможно. Cian как раз потому и популярен, что там уровень брехни риэлторов и мошенников постоянно стараются уменьшить и, если рассмотреть конкурентов, на циане самая адекватная информация.
Я это к тому, что раз все равно будут сочинять сказки и «приукрашивать», нужно так строить интерфейс и продумывать фильтры, чтобы вранье можно было отфильтровать.
Вот, элементарно, где в вашем интерфейсе «кнопка»: «пожаловаться на недостоверную информацию»?
Вот, элементарно, где в вашем интерфейсе «кнопка»: «пожаловаться на недостоверную информацию»?
Да вы реализовали похоже такую же идею как у меня. Один в один так же представляю нормальный сайт поиска квартиры )
« Главное во время создания бумажного прототипа — не перестараться с детализацией: в каждом таком прототипе существует некая граничная точка, начиная с которой все последующие доработки выполняются быстрее в интерактивном аналоге на компьютере, чем на бумаге.»
Для многих, в частности и для меня, эта граничная точка в самом начале, сразу. :)
В чем преимущество карандаша на начальных этапах?..
Для многих, в частности и для меня, эта граничная точка в самом начале, сразу. :)
В чем преимущество карандаша на начальных этапах?..
Тогда, вероятно, вы шли в гугл, набирали что-то наподобие “аренда квартиры <город>”
Большинство людей идут в Яндекс, и видят…
Хочется сказать пару слов в тему, из собственных убеждений:
В списках записей важны сортировка/группировка, фильтрация, наглядность представления каждой записи и наглядность информации по всей выборке и её частям (подгруппам).
Карта и гистограммы — это тоже представление списка.
Фильтр надо давать уточнять непосредственно из списка, по тем данным, которые в нём представлены: на карте — уточнять интересующую территорию, на гистограммах — интересующие диапазоны значений, в списках — исключать записи, имеющие одно из показанных значений или наоборот, ограничиться только имеющими его.
Фильтрация должна быть по всем полям, так или иначе.
Собранный фильтр (вместе с сортировкой и прочими настройками отображения, если они есть) полезно давать сохранять и отправлять другу.
Очень грустно, когда в интерфейсах останавливаются на пол пути в этом направлении, а то и в самом начале.
В списках записей важны сортировка/группировка, фильтрация, наглядность представления каждой записи и наглядность информации по всей выборке и её частям (подгруппам).
Карта и гистограммы — это тоже представление списка.
Фильтр надо давать уточнять непосредственно из списка, по тем данным, которые в нём представлены: на карте — уточнять интересующую территорию, на гистограммах — интересующие диапазоны значений, в списках — исключать записи, имеющие одно из показанных значений или наоборот, ограничиться только имеющими его.
Фильтрация должна быть по всем полям, так или иначе.
Собранный фильтр (вместе с сортировкой и прочими настройками отображения, если они есть) полезно давать сохранять и отправлять другу.
Очень грустно, когда в интерфейсах останавливаются на пол пути в этом направлении, а то и в самом начале.
Имхо при поиске по комнате необходим фильтр по площади. Да и у квартир он тоже будет полезен.
Мельком глянул на ваши прототипы и не понял как связаны метки на карте (с номерами) с результатами поиска выше в списке, и как предполагается, что пользователь их сопоставит друг с другом.
Много работал именно с проектами по недвижимости, в частности с арендой квартир.
Очень много желающих найти такие квартиры:
Хочу снять комнату или 1 комнатную квартиру, в хорошем состоянии, не далее 3х станций от кольцевой линии, выше 1го этажа.
У вас под такие запросы ничего нету. В лучшем случае надо будет просмотреть вначале комнаты, а потом квартиры. Остальных критериев я не увидел.
Очень много желающих найти такие квартиры:
Хочу снять комнату или 1 комнатную квартиру, в хорошем состоянии, не далее 3х станций от кольцевой линии, выше 1го этажа.
У вас под такие запросы ничего нету. В лучшем случае надо будет просмотреть вначале комнаты, а потом квартиры. Остальных критериев я не увидел.
Не верю в персонажей. Согласен с теми, кто считает, что персонажи нужны, чтобы оправдать свое решение. Вы одного взяли — одного явно мало. Но дело не в этом. В комментариях вам уже написали реальные запросы пользователей.
Такой проект хорошо делать с риэлтором. Не обязательно под агентство, может просто найдется знакомый. Можно поспрашивать на форумах, что людям интересно или опросить друзей в ВК.
Нужны более живые сценарии. И не зазорно провести аудит специализированных сайтом. Это поможет понять потребности. А дальше уже решайте задачу, как эти потребности закрыть.
ЗЫ: мои риэлторы подсказывают, что количество комнат далеко не самое важное. Многие владельцы спрашивают про ипотеку у покупателя, а покупатели — когда освободится.
Такой проект хорошо делать с риэлтором. Не обязательно под агентство, может просто найдется знакомый. Можно поспрашивать на форумах, что людям интересно или опросить друзей в ВК.
Нужны более живые сценарии. И не зазорно провести аудит специализированных сайтом. Это поможет понять потребности. А дальше уже решайте задачу, как эти потребности закрыть.
ЗЫ: мои риэлторы подсказывают, что количество комнат далеко не самое важное. Многие владельцы спрашивают про ипотеку у покупателя, а покупатели — когда освободится.
А может проще? Размещаем на всю ширину окна карту. Размещаем тулбар с внятными иконками. все фильтры пользователь будет делать в всплывающем окне. При установке фильтра, на карте размещаются группированные маркеры. При увеличении карты группировка раскрывается. Плюс должна быть возможность отметить площадь на карте в которой проводить поиск. Также должна быть копка экспорта текущего состояния поиска в красивый грид во всплывающем окне. Уже в этом окне пользователь будет выбирать квартиры как приложения в аппсторе и видеть фотографии справа.
В результате получился точно такой же интерфейс, как и у всех… Принципиальных изменений нет.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Интерфейс поисковика недвижимости