HelloHome Case Study

image
HelloHome Case Study
HelloHome – додаток для пошуку сусідів створене по моделі Tinder.
На ринку давно існує невирішене питання якісного пошуку сусідів, але його досі не вдавалося вирішити належним чином.
Основні проблеми в цій сфері були і залишаються наступні:
  1. вузька Ніша, на ринку не багато пропозицій.
  2. Як правило, пошук сусіда це лотерея, ніколи не знаєш який людина тобі попадеться, поки не поспілкуєшся або не поживеш з ним особисто. Ця проблема значно затягує пошук в часі.
У додатку HelloHome ми постаралися вирішити ці основні проблеми.
image
HelloHome — Light VS Dark

1. Проблема, яку вирішує додаток

Існує достатня кількість додатків, сервісів і сайтів, але у них багато схожих проблем:
— невелика кількість анкет;
— анкети містять мало інформації про власника;
— сервіси більше схожі на дошки оголошень ніж на сервіси пошуку людей;
— складний пошук який не зберігає запити користувача;
— складність комунікації, як правило в сервісах немає вбудованих месенджерів;
— необхідність самому постійно знаходиться у пошуку;
— відсутність повідомлень про нові і відповідних анкетах.
Щоб вирішити більшу частину цих проблем ми зробили додаток в якому поєднали дві моделі, стандартну модель пошуку житла і набирає по всьому світу модель програми для знайомств Tinder в якій всі анкети зроблені картками. Це допомогло вирішити відразу кілька проблем:
— оскільки відповідних анкет завжди не багато, ми зробили так, щоб користувач побачив їх всі, анкети картками відображаються по черзі, як у Tinder;
— один раз задавши пошук, програма буде завжди шукати відповідні анкети;
— анкети досить докладні щоб склалося перше враження про людину;
— з усіма відповідними претендентами можна швидко поспілкуватися в месенджер і прийняти рішення, якого буде достатньо для того, щоб зустрітися та поспілкуватися в життя;
— програма буде повідомляти вас при появі нових анкет або анкет відповідних вашому пошуку.
image
Скріншот з екранів збігу

2. Структура програми

Додаток складається з двох видів користувачів, людей які шукають квартиру і власників квартир, які шукають собі сусіда. Відповідно до HelloHome потрібно було зробити два типи анкет, на відміну від Tinder в якому реалізований тільки один тип анкет для всіх користувачів. Ці фактори потрібно враховувати при проектуванні програми. У процесі проектування ми постаралися врахувати всі деталі, ви можете побачити це в прототипі на invisionapp.
image
Скріншот картки апартаментів і користувача

3. Проектування

На жаль в цьому проекті ми не робили повноцінний прототип в Flinto або Pixate, тому для нас важливо було якісно було пропрацювати деталі в invisionapp. Потрібно було щоб в додатку навіть без динаміки проглядалася загальна логіка, а також були спроектовані всі дрібні сценарії.
Особливості програми
  1. На етапі проектування вийшла довга воронка реєстрації, це пов'язано з тим, що ми вирішили не робити довгі форми, а зробити невеликі кроки при яких введення інформації не вимагав використання клавіатури. Зазнавши кілька варіантів в Lookback на найближчих знайомих, поточна версія виявилася найбільш ефективною.
image
Скріншот з кроками в wireframes з лійкою реєстрації
  1. Кілька разів на етапі проектування і дизайну була перероблена і реалізована сторінка анкети квартири
image
Скріншот з кількома варіантами анкет

4. Дизайн

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

Long Shadow

В дизайні ми використовували Long Shadow, тому що цей спосіб дає найбільш повне уявлення про елементи керування та навігації, розуміння куди тапа, де знаходяться клікабельні елементи та зони.
image
Скріншот з Long Shadow

Воронка реєстрації

Як ми писали раніше, у нас вийшла довга воронка реєстрації.
image
Скріншот з лійкою реєстрації

Tour Screens & Sucsess Screens

Для того, щоб користувач не сильно дратувався з приводу реєстрації, ми вирішили вставити ще кілька екранів у вигляді Tour Screens.
image
Tour screens for HelloHome
Які б дали початкову мету, а також парочку Succsess Screens для підняття настрою.
image
Скріншот з Succsess screens
Зараз наскільки ефективно це рішення сказати на жаль не можемо, але тести покажуть і ми виправимо цей момент вже у другій версії.

Amenities

Оскільки замовник знав багато про інформацію про своїх майбутніх користувачів, він допоміг нам скласти докладний список amenities для анкет.
image
Скріншот з Amenities

5. Висновок

Спочатку передбачалося зробити 8 екранів, надалі додаток розрослося до 53.
Власне що вийшло можете побачити в нашому проекті на invisionapp і dribble.
Зараз проект знаходиться на стадії розробки у девелоперів і як тільки буде готовий ми проанонсіруем його у нас в Twitter і Facebook.
Будемо раді почути від вас фідбек.

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.