Шукаєте житло в Києві? Тоді, напевно, ви потрапляли на рекламу нового мобільного додатку Bird. Його створили дизайнер Арсеній Фещенко та розробник Женя Панчешний через власну потребу у якісній аплікації для пошуку квартир. Ми вирішили проаналізувати UI та UX дизайн Bird разом з Павлом Білащуком, який спеціалізується на дизайні продуктів.

Повинен сказати, що додаток Bird дуже прикольний, досить веселий і помірно ефективний. Він з’явився відносно недавно і, очевидно, якісь моменти ще не реалізовані, але при цьому заплановані – я все розумію

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

Один з головних плюсів, відзначений багатьма, – мала кількість функцій. Це приносить радість зі зрозумілих причин: є найнеобхідніше і немає нічого зайвого, з інтерфейсом легко розібратися.

Досить непогана аналогія з птахом з урахуванням того, що основним елементом взаємодії в додатку є 3D-карта міста. Ти, немов птах, літаєш над ним і вишукуєш з висоти квартири в різних районах. Але птах занадто молодий і з короткою пам’яттю.

Агрегатор

Один з головних плюсів продукту є й одним з його мінусів – це агрегатор. Круто, що збираються квартири з багатьох ресурсів в одному місці, але є кілька нюансів. Основна проблема – неконсистентність як у візуальному дизайні, так і в дизайні взаємодії.

За допомогою Bird ви знайшли квартиру, але для того, щоб її винайняти, потрібно перейти на оригінальний сайт з оголошенням, а там скористатися контактами для зв’язку з власником. Усі ці сайти по оренді житла – різного ступеня паршивості. Іноді доводиться робити до 5 жестів, просто щоб зателефонувати або споглядати кілька модальних вікон. Тобто весь той непоганий досвід, який спроектували хлопці з Bird, може бути зіпсований жахливим сайтом з оголошеннями.

Заради справедливості потрібно сказати, що переходити на ці сайти зовсім не обов’язково. Можна спробувати набрати номер по пам’яті (скопіювати не можна), який видно прямо в додатку і якщо він вказаний в описі квартири. Але навіть так буває не завжди.

Було б зручніше вирішувати всі питання, не залишаючи програму. Кнопка зв’язку буде доречною. Вона допоможе зробити досвід більш цілісним і рівним.

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

Фотографії різної якості і, до того ж, вони автоматично обрізаються до квадратної форми. Тому іноді складно зрозуміти по прев’ю форму і розміри кімнати. Оскільки всі фотографії за замовчуванням прямокутної форми, іноді вони вписуються в ці квадратні фрейми з білими смужками по боках.

Фільтри

Круто, що фільтри прості. Прості, але не досить гнучкі. Роблю знижку на те, що, можливо, дослідження показали, що більшості це не потрібно. Мені здається досить дивним обмежувати користувача лише дискретними опціями ціни, максимальна з яких 30 000. Тобто я не можу зняти квартиру дорожче, навіть якщо хочу? А в «старих» будинках ціновий максимум 20 000? Практично вся Воздвиженка не потрапляє в ці обмеження. Квартири є, але не багато. Зробіть слайдер – все буде так само просто, але більш гнучко.

Фільтр «новий» і «старий» будинок. Бог його знає, що це означає. За яким принципом будинок вважається новим або старим? Ще більш дивно, що працюють вони як радіокнопки, тобто взаємовиключають одна одну. Чому? Далеко не для всіх людей принципово, якого року будинок, якщо квартира ОК і в хорошому районі. Звичайним юзкейсом стає спочатку пошук квартири в «нових» будинках, а потім зайти поміняти фільтр і виконати те саме зі «старими». Обидві опції повинні обиратися одночасно.

Карта

Ідея з картою крута, чуваки – красені! Через те, що доводиться багато з нею працювати, на очі потрапляють декілька моментів. Кілька людей, зокрема і я, зіткнулися з тим, що карта дуже чутлива. Будь-який необережний рух розгорне тебе на 180º або зрушить камеру. Іноді це дуже дратує, і відбувається подібне не так вже й рідко.

Pinch to zoom знову ж нічого особливого, але банальне порушення аксесабіліті – не додати +/- кнопки. Наприклад, у одного з користувачів був поранений вказівний палець, і «щипок» вже не здавався настільки хорошим дизайнерським рішенням.

Схема кольорів

Дуже дивна. Дуже контрастна. Якщо вночі ще ОК, вдень користуватися не суперзручно. Із заходом сонця міняйте на темну, вдень показуйте світлу.

Кейс 1. У будинку здається кілька квартир. Я переглянув всього одну – будинок маркується як переглянутий цілком (змінює колір на фіолетовий). При цьому там може бути ще багато не переглянутих квартир. Будинок зливається з іншими, де взагалі не здаються квартири, якщо переміщатися по карті на маленькому зумі. Будинки, в яких ще є не переглянуті квартири, можна маркувати кольором, близьким до жовтого або відображати інформацію, що стільки-то квартир не переглянуто.

Кейс 2. Я подивився будинку у потрібному мені районі. Всі будинки фіолетові. Але якщо завтра з’явиться нова квартира, як я про це дізнаюся? Відповідь – ніяк, і одразу з кількох причин.

• По-перше, немає системи оповіщення, яку можна було б встановити на територію або конкретний будинок.
• По-друге, весь прогрес втрачається, варто тільки закрити програму (не згорнути, а закрити), і це один з найбільших провалів. Коли ти шукаєш квартиру, настає момент, коли всі потенційно придатні варіанти і райони ти переглянув. Тоді ти чекаєш нових, але зайшовши в додаток виявляється, що все, що ви дивилися вчора або годину тому, зникло. Ви не тільки ніколи не дізнаєтеся про появу нової квартири (тільки емпіричним шляхом зможете наштовхнутися), так тепер вам потрібно робити все те спочатку. Часто ви будете відкривати будинок і закривати з думкою, що вже бачили його вчора, сьогодні або тиждень тому. І так буде завжди, допоки хлопці не зроблять оновлення.
• Центр сповіщень не завадить. Інакше не зрозуміло, що робити, якщо прямо тут і зараз ти не знайшов відповідних квартир. Наскільки вистачить сил у звичайного користувача постійно перевіряти весь Київ, клікаючи по домівках. Додаток стає вкрай неефективним способом шукати житло. Де завгодно, з сортуванням по даті розміщення оголошень, людина вже знайшла, винайняла квартиру і напевно встигла посваритися з сусідом.
• У деяких моментах елементи інтерфейсу зливаються з фоном карти. Той факт, що ти дивишся на картку, яку можна свайпнути вниз, стає менш очевидним.

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

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

Висновок

Рішення досить непогане і однозначно перспективне. Є невеликі проблеми з дизайном взаємодії і схемами кольорів, але найбільші недоліки стосуються втрати прогресу і неможливості відстежувати конкретний будинок або район. Заради справедливості скажу, що одного разу випадково побачив діалогове вікно з питанням (з’явилося самостійно, не знаю як), чи хочу я отримувати оповіщення про нові квартири? Але я так і не зрозумів, як викликати його ще раз. Боюся, що мені на пошту почне падати купа різного сміття, що десь на Теремках з’явилася нова квартира. Сенс у прив’язці до району або навіть конкретного будинку. Взагалі, якщо у хлопців вийде зберегти такий же мінімалістичний підхід до інтерфейсу, але виправити основні недоліки, причин не користуватися Bird стане набагато менше.

Раніше Telegraf.Design аналізував додаток Сільпо, за допомогою якого можна робити покупки без бонусної карти.