HelloHome – приложение для поиска соседей созданное по модели Tinder.


image

HelloHome Case Study


На рынке давно существует нерешенный вопрос качественного поиска соседей, но его до сих пор не удавалось решить должным образом.


Основные проблемы в этой сфере были и остаются следующие:


  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


Поскольку заказчик знал много об информации о своих будущих пользователях, он помог нам составить подробный спиcок amenities для анкет.


image

Скриншот с Amenities


5. Заключение


Изначально предполагалось сделать 8 экранов, в последствии приложение разрослось до 53.


Собственно что получилось можете увидеть в нашем проекте на invisionapp и dribble.


Приложение можно скачать по ссылке


Будем рады услышать от вас фидбек.

Насколько вам интересны подобные статьи

Проголосовало 100 человек. Воздержался 41 человек.

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

Поделиться с друзьями
-->

Комментарии (22)


  1. Dwite
    12.08.2016 17:02

    Основные проблемы в этой сфере были и остаются следующие:

    — Ниша узкая, на рынке не много предложений.

    — Как правило, поиск соседа это лотерея, никогда не знаешь какой человек тебе попадется, пока не пообщаешься или не поживешь с ним лично. Эта проблема значительно затягивает поиск во времени.

    В приложении HelloHome мы постарались решить эти основные проблемы.

    Я так и не понял вы решили(решаете) эти проблемы, поскольку видел много похожих сервисов в различных областях, все загасали за счет малой пользовательской базы.


    Но за статью спасибо, читать интересно, дизайн красивый.


    1. Roling
      12.08.2016 17:52

      Проблему решает не приложение, а сам клиент. Клиент — это агенство недвижимости, которое часто ищет соседей на подселение и у них большая клиентская база. Проблема всех этих стартапов в том что не набирается критическая масса людей, чтобы приложение стало самодостаточным. В нашем случае клиент будет стимулировать базу пользователей пока приложение не пойдет в плавание самостоятельно. В общем план был примерно таким.


  1. kamushken
    13.08.2016 13:36

    И какой фидбек вы хотите по обыкновенным «дриблстайл» картинкам? Давайте mvp, альфу, да что угодно, что можно потыкать. Без видения чётких пользовательских сценариев — это просто картинки для портфолио…


    1. Roling
      13.08.2016 16:20

      Совсем забыл ссылку на приложение скинуть https://itunes.apple.com/ru/app/id1115132887


      1. Dwite
        14.08.2016 00:50

        А андроид версии нет?


        1. Roling
          22.08.2016 15:48

          Скоро будет


  1. printercu
    14.08.2016 10:14

    Про long shadow расскажите немного подробнее, пожалуйста. Как я понял по гуглу, это стиль с тянущейся до конца экрана тенью, который в свое время эппл применил в своих иконках, а потом и все подряд. На скриншотах этого я не увидел. И не совсем понимаю, как он "дает наиболее полное представление об элементах управления и навигации...".


    1. etspring
      14.08.2016 18:28

      Присоединяюсь к просьбе


    1. Roling
      22.08.2016 15:48

      Смысл в том что long shadow это не material design, смысл тот же но вид немного другой. Long shadow хорошо выделять ключевые вещи, в противовес тому же flat когда все плоское и непонятно куда жать


      1. printercu
        22.08.2016 17:36

        Посоветуйте, пожалуйста, что почитать, чтобы подробнее узнать.


        1. Roling
          22.08.2016 18:36

          Об этом никто не пишет, по крайней мере я нигде не встречал. Это так сказать личные наблюдения.


  1. beeruser
    14.08.2016 12:04

    «Congrutalition! It's match» это, извините, что?


    1. kamushken
      14.08.2016 14:20

      это поздравляшка в единственном числе)))


      1. beeruser
        14.08.2016 19:54

        Четыре ошибки в одном слове это перебор.


        1. kamushken
          14.08.2016 20:14

          всё нормально, дизайнер имеет право не нести ответственность за конечные тексты. это не его работа.


          1. zxweed
            15.08.2016 09:53

            т.е. этот текст ему был прислан вышестоящим менеджером и он прошел как минимум три стадии утверждения?


            1. kamushken
              15.08.2016 10:35

              да, мир полон немопетентных менеджеров. такова реальность


              1. Roling
                22.08.2016 15:46

                Да, неловко получилось


  1. dimaWorks
    15.08.2016 11:36

    Здравствуйте, спасибо за статью.
    Не понял одного, в чем было желание делать только с IOS 9 и выше, почему не сделали поддержку более ранних версий?
    Думаю если у вас серьезный подход, то и устройств нужно поддерживать много.


    1. Roling
      22.08.2016 15:46

      Это связанно с бюджетными ограничениями.


  1. artishok
    15.08.2016 15:36

    принято решение сделать уникальный дизайн
    сделать что-то свое и чтобы дизайн не выглядел 1 в 1 как Tinder

    Это вы так называете замену сердечка на галочку?


    1. Roling
      22.08.2016 15:45

      И это конечно же тоже