Как я создавал приложение для коммуникации жильцов с управляющей компанией

Andrew Vjivii
Дизайн-кабак
4 min readFeb 18, 2020

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

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

Проблема

Проблема заключалась в том, что иногда я не мог дозвониться до УК для решения каких либо вопросов, связанных с моим ЖК. Если отключался свет, то их телефон надрывался от звонков всех жильцов по поводу света и мне например, по абсолютно другой проблеме, было до них просто не дозвониться.

Решение

Я подумал, что большинство проблем не требуют разговора с оператором Call центра, т.к вещи, связанные с уборкой, ремонтом или установкой, можно решить не затрагивая оператора. Соответственно, я решил исключить ненужное время для разговора по телефону, и разработать приложение, в котором можно максимально быстро оставлять заявки, удобно отслеживать новости своего ЖК и в целом района.

Wireframing

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

Выглядит грязновато, но идеи шли быстро и их надо было записывать, главное было, чтобы я сам потом понял, что я имел ввиду

Имея на руках нужный мне функционал и примерное расположение элементов дизайна, я начал создавать UserFlow и накидать разные сценарии, чтобы понять как со всем этим взаимодействовать. Получилось это

3 небольших сценария для наглядности

Отрисовка экранов

Получив какой никакой UX, я перешел к UI.

На первом экране, нас встречают новости нашего ЖК ( туда входят и в целом новости района, которые напрямую касаются нашего дома и других ЖК поблизости )

  • Первый экран — новости. Они всегда встречают пользователя при первом открытии приложения;
  • Второй экран — профиль;
  • Третий экран — моя УК.
В дизайне я использовал 8px систему отступов. Старался не экспериментировать с цветами и все сделать в спокойных и строгих тонах

По центру экрана, внизу, всегда находится кнопка для начала оформления быстрой заявки (уже после начала оформления заявки, она выступает в роли кнопки отмены, + превращается в X )

По нажатию появляются основные пункты, которые я задумывал в такого рода приложении.

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

Так вот, после выбора мастера, нас встречает форма подтверждения личных данных. Делается это для того, если в квартире проживают два человека, то можно было бы менять данные, т.к там будет указан телефон для связи и ФИО жильца.

Возврат на предыдущую форму осуществляется либо кнопкой назад, либо нажатием слова редактировать

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

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

Проверка

По моему мнению, данная фича очень интересна и очень практична.

Чтобы УК была уверена в своих сотрудниках, у пользователя, в истории заявок, у активной заявки есть кнопка проблема решена. Нажав ее, перед пользователем открывается уникальный QR код, который должен отсканировать мастер. Только в этом случае заявка будет закрыта. Пока ваша заявка не будет отработана на 100%, вы не должны показывать этот код мастеру. Без этого QR кода мастеру не будет оплачена данная заявка. Тут удовлетворены все стороны. Пользователь (житель) получает качественную работу, мастер получает прозрачную систему оплату труда, т.к каждый заказ можно отследить, а компания в свою очередь контролирует работу мастеров и получает обратную связь, что так же позволяет премировать мастеров, либо штрафовать.

Активная заявка будет отображаться в профиле

Заключение

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

Спасибо за внимание!

--

--