Дизайнер интерфейсов

Мы создаём систему ведения клиентов и сделок для недвижимости. Сейчас у строительных компаний и агентств есть выбор между двумя типами ЦРМ:

1. Универсальные. В них более-менее удобный интерфейс, простая настройка, но нет многих нужных функций, поэтому разобраться в них несложно, но в процессе работы приходится делать много работы вручную.

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

Мы делаем ЦРМ, в которой есть все нужные инструментами для быстрой и удобной работы, а с интерфейсом сможет разобраться любой работник за пару часов.

Главная наша задача — создать продукт, который помогает застройщикам и агенствам работать эффективнее: не забывать про задачи, отвечать на звонки, быстро подбирать недвижимость клиентам, загружать объявления на известные площадки, легко составлять договора, анализировать продажи, прогнозировать спрос, и при всём при этом не отвлекать на себя внимание. 

Работает ЦРМ в вебе, но в будущем будут приложения для планшетов и телефонов.

Что предстоит делать

Искать проблемы, придумывать решения. То есть нужно будет внедрять метрики, изучать данные и общаться с пользователями, чтобы находить проблемы продукте или процессе работы, которым потом нужно будет придумать решения.

Проверять гипотезы. Новые решения, которые мы придумаем, — гипотеза. Шанс, что они принесут пользу всегда 50 на 50, поэтому нужно быстрее найти слабые решения, исправить их и увеличить шанс успеха. Для этого нужно будет делать быстрые прототипы и проверять их на пользователях. В выборе инструментов тут свобода, мы обычно пользуемся Marvel и InVision.

Готовить макеты. Финальные макеты мы рисуем в Sketch, но вполне подойдёт Figma или Adobe Illustator. При создании прорисовываем пять состояний: пустое, частично заполненное, полностью заполненные, ошибки, загрузка. Также учитываем все разрешения: компьютер, планшет и телефон.

Если нужно сделать какую-то сложную анимацию, то делаем это обычно в Principle, но в этом направлении новые продукты появляются частенько, поэтому тестируем их и не останавливаемся на чём-то конкретном.

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

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

Для сообщений мы используем Slack, задачи ведём в Trello, макеты передаём через Zeplin, а документы и таблицы создаём в Google Docs.

Флексить, тестировать и запускать. Мы убеждены, что дизайн — это не про макеты, а про то, как продукт работает, поэтому нужно будет сопровождать задачи на всём этапе разработки: отвечать на вопросы, флексить функции, тестировать результат. Кстати, работаем мы недельными итерациями.

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

- Принимать и использовать идеологию полезного действия, мира клиента, интерфейса-зла, ТРИЗа.

- Понимать, как сделать понятный и удобный интерфейс: Раскин, Купер, Нильсен и Гештальт-психология.

- Уметь верстать, работать с типографикой и цветом: Иттен, Мюллер-Брокманн, Рудер, Чихольд, Харровер, Горбунов, Штанг.

- Владеть Sketch, Figma или Adobe Illustrator.

- Знать и применять инфостиль.

- Понимать на базовом уровне HTML, CSS и JavaScript. Верстать ничего не нужно, достаточно знать принципы, чтобы разговаривать с разработчиками на одном языке.