Ответы пользователя по тегу Usability & UX
  • Как совместить большую карту и длинный список в дизайне?

    kirill-kvanto
    @kirill-kvanto
    Основатель Myrentacar.com
    Для начала надо понять, какой из элементов имеет приоритет. Если конечная информация расположена на списке (название организации, телефон, email, расписание работы, описание, отзывы и т.д.), то именно на этом элементе нужно делать акцент и ему давать максимум места. Если суть сервиса показать плотность объектов на карте, или если выбор производится именно по расположению в городе с точностью до 100 метров, а не по описанию заведения, то тогда можно оставить карту главным элементом.

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

    Примерно такая дилема была у airbnb.com до редизайна. Посмотрите, как они решили эту проблему в текущем дизайне.
    Ответ написан