Статті
Як створювали bird select
Дизайн-рішення у додатку для оренди квартир
31 серпня, 2021
Арсеній Фещенко
Дизайнер додатку bird

Нещодавно bird, додаток для пошуку житла в Києві, випустив оновлення, в якому з’явився розділ select. У розділ збирають найкращі квартири доступні для оренди в місті. Як створювали розділ, які дизайн-рішення застосовували, про логіку та механіку нових фіч розповів Арсеній Фещенко, продуктовий дизайнер у bird.

Ідея

У 2019 ми створили bird — додаток для пошуку квартир на 3D-мапі. З того часу в ньому з’явилось багато нових фіч, але головна функція не змінювалась — це все ще був пошук квартир.

2020 року ми зрозуміли, що процес оренди квартири не закінчується на знаходженні «тієї самої» квартири. Знайдений варіант ще треба орендувати, а в цьому наш додаток не допомагає. Ми ще раз дослідили весь процес оренди від початку й до кінця, і знайшли багато цікавого.

Ілюстрації: Арсеній Фещенко

Ми побудували шлях користувача процесом оренди й зрозуміли, що в ньому багато болючих моментів: перевірка оголошень, дзвінки щодо запису на перегляд, а сам перегляд — це взагалі один із найстресовіших етапів. Він потребує багато часу, енергії, і далеко не завжди закінчується успішним підписанням договору. Ми зрозуміли, що bird може допомогти людині зробити процес оренди приємним не лише на етапі пошуку.

Ідея bird select з’явилась на Новий Рік, у січні 2021. Тоді ми вже думали про розвиток додатку в напрямку допомоги користувачеві з перевіркою оголошень і записом на перегляд. Запуск bird select відбувся у липні 2021 — тобто від ідеї до її реалізації пройшло більш як пів року.

Тестування гіпотези

Коли ми розробляли новий розділ, орієнтувались на власні відчуття і бачення, а ще у нас були відгуки користувачів bird. Перевірка гіпотези — найскладніший етап. У першу чергу, ми хотіли приносити цінність, а вже потім придумали модель монетизації. Так ми прийшли до комплексного рішення, яке в майбутньому отримало назву bird select.

Перед повноцінним запуском ми провели тестовий. Вирішили власноруч розмістити у bird десять квартир з відео рум-турами та подивитися скільки з них зможемо здати через додаток.

Хоча квартири були у ціновому сегменті від $1000, користувачі активно переглядали рум-тури, записувались на перегляди. З 10 квартир за місяць ми здали чотири, причому буквально з перших переглядів.

Цим ми підтвердили гіпотези:

  • у bird є достатня кількість користувачів, які цікавляться квартирами у ціновому діапазоні «середній+»
  • відеоперегляд здатен замінити офлайновий перегляд квартири
  • bird може допомагати на всіх етапах оренди, від пошуку до підписання договору

Результати тестового запуску показали, що ідея має право на життя.

Головна фішка: відео-румтур

Спочатку ми не планували робити відео рум-тур головною фішкою bird select. Ми збиралися лишити фотографії, а відео зробити другорядним. Коротше, спочатку ми обрали безпечніше, еволюційне рішення.

Але потім з’явилась революційна ідея: «А чому б не зробити відео головним? Відео — це наш король!». Ми розуміли, що люди все більше переглядають контент у відеоформаті: Тік-Ток, Ютуб, сторіз в інстаграмі. Тому ми зважилися на більш ризиковане рішення — залишити тільки відео, і повністю відмовитись від фотографій. При цьому відео займає 100% екрану.

Ми задоволені, що обрали саме ризикований шлях. Завдяки цьому ми отримали значно більше відгуків, і як наслідок, — розуміння, як слід розвивати продукт. Якби ми обрали безпечніше рішення, революції б не відбулося.

Розглядали декілька варіантів зображення квартири.

Стандартний підхід — фото. Непоганий варіант для швидкого сканування квартири. Фото допомагають швидко оцінити квартиру, зрозуміти чи «точно не підходить», або все ж «можна розглядати». Але у фото легко заплутатись, важко зрозуміти планування, і вони не дають цілісного розуміння квартири.

Звісно, відео дає значно цілісніше уявлення про житло. Навіть можна переглянути квартиру віддалено, не виїжджаючи на перегляд. Але під час перегляду відео іноді хочеться одразу перейти до кухні, ванної кімнати, чи балкону. Стандартний плеєр із повзунком тут явно не підходить. Тому ми використали звичний сторіз-формат: кожна сторі відповідає за окреме приміщення, і між ними можна швидко перемикатися. Такий підхід ідеальний для будь-яких квартир і будь-якої кількості приміщень.

Ще один варіант перегляду квартири, який ми розглядали: 3D-модель. Одна з реалізацій — Matterport. Вона дає можливість дуже детально вивчити будь-яку точку квартири, побачити квартиру у режимі dollhouse-view, і самостійно керувати переглядом. Але після внутрішнього тестування ми зрозуміли, що такий підхід досить нудний і складний — замість того, щоб насолоджуватись переглядом, як на відео, потрібно постійно пересуватися незнайомою квартирою.

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

Ми витратили немало сил, щоб втілити рішення відео у форматі сторіз у розробці. Щоб відео програвалось швидко, а переходи були миттєвими, без миготінь, провели багато досліджень, розглянули декілька підходів та зробили декілька прототипів. Відео відіграє ключову роль, тому ми приділяємо йому основну увагу. Адже навіть маленькі деталі сильно впливають на відчуття, які складаються у користувачів.

Перед першим запуском ми відчули, що чогось не вистачає. А потім зрозуміли — функції паузи. Здається, зовсім неважлива фіча, але під час перегляду ти очікуєш, що  вона буде. І ми одразу її додали.

Дизайн-рішення у розділі

«Промениста» підсвітка

Особливі select-квартири мають виділятися на мапі bird. Рішення, яке нам дуже сподобалось, ми називаємо «прожектор» — будинок, в якому знаходиться select-квартира, підсвічується напівпрозорим блакитним світлом. Світло ідеально привертає увагу до об’єктів на карті: у приближенні сяйво більш об’ємне і помітне, на віддалені — вужче і дозволяє побачити інші будинки з такою ж підсвіткою.

Референс рішення — заклинання «молитва» з гри Heroes 3, коли на персонажа, до якого застосували магію, спрямовується пучок світла. Ми в bird фанати цієї гри, тому референс усім дуже сподобався.

Розташування квартир у розділі

Зараз сортування квартир у розділі select відбувається за датою додавання — спочатку найсвіжіші. В майбутньому, коли Select-квартир стане багато, ми додамо фільтрацію. Впевнені, що зможемо це зробити без ускладнення інтерфейсу: оскільки ми знаємо всю інформацію про особливі квартири, деталізацію фільтрів можна зробити фантастичною.

У розділ Select потрапляють квартири зі свіжим сучасним ремонтом, у сучасних ЖК. Мінімальна ціна — $800. Ми помітили, що саме квартири у нових будинках мають найбільший попит серед користувачів bird, тому навмисне не розміщуємо тут оголошення хороших квартир зі старих будинків.

Нові селект-квартири шукають наші «bird-агенти». Вони перевіряють житло на відповідність критеріям, контактують з автором оголошення, організовують та проводять зйомки, публікують квартири в bird, записують користувачів на перегляд. Тобто, вони проходять увесь шлях оренди — від появи квартири й до її здачі.

Взагалі тримати планку якості — найважче рішення. Не додавати квартири, якщо вони «так собі», трохи не дотягують до наших критеріїв, особливо щодо інтер’єру. Краще розмістити у розділі менше квартир, але чудової якості, ніж багато, але середньої. Чому це так важливо? Ми хочемо розвивати бренд bird select як окремий розділ.

Неймінг

Особливість селект-квартири — у кожної є своя унікальна назва. У нас немає окремого UX-райтера, який би придумував назви квартирам, зараз цю функцію виконують дизайнер додатку Арсеній та менеджер Select-напряму Євген.

Процес вигадування назви не завжди очевидний: потрібно кількома словами лаконічно описати основні переваги квартири. Ми багато жартуємо на цю тему, придумуючи кожну нову назву.

Простір екрану: мапа vs зображення

Одне з головних питань, на які відповідає 3D-мапа bird, — «де знаходиться квартира?». Ми розробили формат перегляду select-оголошень, в якому можна одразу і побачити розміщення квартири, і переглядати оголошення у каруселі. Карусель і мапа ділять екран приблизно порівну.

Ми проводили внутрішнє тестування цього рішення, отримали позитивні відгуки, але і знайшли декілька місць і механік, які можна покращити.

Відгуки користувачів

Всі відгуки читаємо, перевіряємо й обговорюємо максимально оперативно. На старті кожен відгук має надзвичайно велику цінність, тому дуже серйозно ставимося до фідбеку, особливо до негативного.

В останньому оновленні застосунку ми навіть додали на головний екран кнопку «Фідбек». Натиснувши на неї, можна написати будь-який коментар щодо додатка, і команда одразу його прочитає. Трохи прямолінійне рішення, але воно чудово працює.

За відгуками, найбільше людям подобається відео рум-тур. Настільки, що вони публікують власні відеорев’ю сервісу в інстаграм. А не подобається людям найчастіше, що select-квартир поки мало (бо запуск розділу відбувся нещодавно). Але з часом особливих квартир з відео рум-турами ставатиме все більше.

Основні метрики

Головна метрика успіху — квартиру орендували через bird select з першого перегляду. Це означає, що користувач успішно пройшов усі етапи: знайшов квартиру, переглянув відео рум-тур, записався на перегляд через телеграм.

Щоразу, коли так орендують квартиру — з відео рум-туром, без дзвінків — ми розуміємо, що робимо щось важливе.

avatar
Арсеній Фещенко
Дизайнер додатку bird
Колонка

У нас є ще дещо для вас