Сила комментария

Сила комментария

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

— На карточке клиента: за что предоставили скидку 20%
— На форме заказа: что в дверь звонить не надо
— В тикете техподдержки: ссылка на обсуждение в багтрекинге

Комментарии в интерфейсах недооценены. Аналитики, дизайнеры, программисты — все мы любим и умеем систематизировать информацию. Поэтому любой объект в интерфейсе представляем как набор полей с конкретным назначением: наименование, почтовый индекс, стоимость.

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

Например, на «Дадате» мы используем систему защиты от сетевых атак. У нее есть интерфейс, где можно заблокировать конкретный IP-адрес. Указываешь IP, жмешь «добавить в черный список», злодей получает бан. Что может быть проще?

Проблема в том, что непонятно, кто заблокировал IP и почему. В большинстве случаев это и неважно, но иногда пригодилось бы для разбора. Решить проблему элементарно — добавить поле «комментарий».

Но постойте, можно же сделать нормальные поля «сотрудник» и «причина блокировки»? Да, можно, но непонятно:

— точно ли нужны именно эти поля?
— действительно ли они нужны?

Добавлять поля просто «чтобы были» — так себе идея. А выяснить реальные сценарии как раз и поможет поле «комментарий». Потом, если что, можно заменить его на поля с конкретным назначением.

Комментарий — элемент хаоса. Но с ним система устойчивее.

Правило хорошего тона на встречах и созвонах: рекомендации

Знаете, несмотря на то, что продакт менеджер это спринты, разработка, интерфейсы, метрики и бла, бла, бла, как раз с "бла, бла, бла", часто возникают проблемы.

Ты отвечаешь за продукт, рулишь большим потоком информации, собираешь встречи с заинтересованными лицами. Но как они проходят? Быстро обстучали, разбежались. Что-то начали делать, потом оказалось, что не так поняли друг друга. Потеряли во времени и ресурсах.

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

Если посмотреть на день продакта, то он легко может состоять на 60-70-80%, из встреч и звонков. Поэтому дам хоть и банальные, но архиважные рекомендации по тому, как нужно проводить эти мероприятия.

0. Подготовка

Чтобы провести встречу или звонок, к ним нужно подготовиться (спасибо кэп). Это кажется настолько очевидно, что куча народа про это тупо забывает или забивает. Тебя зовут на встречу, а в итоге "ни бэ, ни мэ, ни кукарЕку". Ни целей, ни задач, ни решений. Народ просто смотрит друг на друга и не понимает, чтотнужно делать. 80% копаешься в контексте, потом 20% думаешь над решением. Отстой полнейший.

Если вы собираете встречу или звонок, будьте добры подготовиться: определите задачи, состав участников, краткий сценарий и результат, который хотите получить в конце.

1. Контекст

Обязательно убедитесь, что все участники находятся в едином контексте.

Не поленитесь и приложите описание встречи (agenda). Опишите задачу и открытые вопросы. Когда все начнется, еще раз проговорите эту инфу для участников. Так вы синхронизируете всех между собой.

2. Правила игры или сценарий

Когда все введены в контекст, расскажите о том, как будет проведена встреча.

Буквально основные этапы обсуждения: "Предлагаю начать с этого и обменяться мнениями. Дальше посмотрим на бенчмарки, которые я собрал (подготовка). В конце примем решение, на основе всей информации."

3. Во время встречи/звонка

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

Часто появляется альфа оратор, который давит остальных. Дайте ему высказаться, а затем спросите тех, кто отмалчивается. Таким образом все будут вовлечены в процесс, и вы получите разные мнения.

Обязательно записывайте основные моменты и договоренности на протяжении всего митинга.

4. Итоги и MOM

По итогу встречи проговорите то, о чем договорились. Кто-то из участников может вас дополнить. Скорректируйте список, если потребуется.

После встречи вышлите всем MOM (minuites of meeting) или протокол встречи с основными моментами и решениями.

Поздравляю

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

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

P. S. Если то, что вы прочитали выше, для вас само собой разумеющиеся, то я искренне рад, что вы существуете.

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

Специальные организмы

Специальные организмы

Год назад мы перестроили процесс работы команды с китом в Figma и перестали проебываться с правками по десяткам экранов разом.

Для этого в общей теории атомарности мы вели специальные организмы.

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

В нашей дизайнерской вселенной живут пять сущностей, две из них — наша находка.

1. Атомы
Базовые элементы-одноклеточные. Отвечают за стиль и используются много раз. Атомом бывает фигура или иконка.

2. Молекулы
Сумма атомов, основа дизайна: это целостный элемент, например кнопка, инпут, меню или тапбар. Отвечает за разметку (расстояния).

3. Организмы
Это состояния молекулы, которые передают цвет и отображение атомов. Например, состояния кнопки: при наведении или при нажатии.

4. Специальные организмы
Отвечают за текст и иконки и конкретный текст внутри сценария.

5. Общие организмы
Это специальные организмы, которые используются в неизменном виде в нескольких сценариях.

Итак, PROFI.RU

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

В брифе Андрей говорил о том, что сервису не хватает свежего взгляда на дизайн, и они хотят посмотреть на сервис со стороны.
Отсюда вытекает два следствия:
-нам можно придумывать любые фичи, мы не ограничены никакими рамками;
-нам можно и нужно придумать новый визуальный язык.

Часть первая. Бизнес модель.

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

Давайте рассмотрим этот процесс подробнее.

Для того, чтобы определить размер комиссии необходимо ответить на следующие вопросы:
Действительно ли сделка состоялась?
Соответствует ли финальная сумма сделки заявленной?
Ответами на эти вопросы занимается администратор, который должен связаться со всеми участниками сделки: у исполнителя необходимо узнать, действительно ли сделка состоялась, а у заказчика — уточнить финальную стоимость услуги. На основе окончательной суммы высчитывается процент, который должен заплатит специалист.
Это необходимо делать, так как многие исполнители начинают хитрить и просить заказчиков называть сумму конечной услуги ниже, чтобы платить меньше процентов.

Главный недостаток такой модели в том, что она очень сложно масштабируется — с увеличением числа заказов необходимо увеличивать и количество администраторов.

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

Например, я, как исполнитель, вижу подходящую заявку на услугу, оплачиваю стоимость заявки (примерно от 20 до 200 рублей) и жду, когда меня выберут. Если меня выбрали, то сумма заявки возвращается, если нет — деньги сгорают.

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

Сегодня профи.ру находится в переходном этапе от традиционной модели с комиссией к автоматизированному аукциону.

Часть вторая. Зонтичный бренд

Еще одной важной особенностью сервиса, которую мы узнали от заказчика, является большое количество различных направлений — вертикалей бизнеса. Платформа PROFI.RU образовалась путем объединения нескольких уже существующих сервисов по поиску репетиторов, спортивных тренеров, врачей и т.д. — образовав тем самым, так называемый, зонтичный бренд.

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

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

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

Часть третья. Legacy

Из-за особенностей, описанных выше, а именно из-за того, что сервис образовался путем слияния разных бизнесов, вытекает еще одна не самая приятная особенность — большое техническое наследование, или technological legacy. Это означает, что платформа, на которой строится профиру за всю свою историю существования (а это больше 10 лет) обросла огромным количеством костылей и ограничений. БОльшая часть интерфейсных (и не только) проблем сервиса связанна именно с этим — любое изменение дается долго и дорого.
Поэтому бриф, который озвучил Андрей, был про свежий взгляд без привязки к грузу технических ограничений.

Итого

После общения с заказчиком мы выделили три главных особенности профиру:

  • сейчас сервис находится в стадии перехода с одной модели монетизации на другую;
  • сервис имеет большое количество вертикалей бизнеса;
  • многие проблемы сервиса связаны с устаревшей архитектурой.

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

Мини-кейс

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

Например, как решить проблему того, что люди часто не заканчивают курс лекарств до конца?

Конечно же ввести геймификацию!
Главная проблема заключается в том, что довольно сложно принимать большое количество одинаковых лекарств постоянно, это просто надоедает. Но можно пойти другим путем и разделить одинаковые лекарства на две группы — 90% оставить как было, а 10% сделать другим цветом и разместить их в самом конце, сказав, что их прием ОБЯЗАТЕЛЕН.

Профит!

Парадигма навигации

Для навигации по приложению мы выбрали таббар. В 2018 году это выглядит очевидным, не было даже вариантов, что может быть по другому. Вопрос был скорее в том, какие пункты меню выбрать.

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

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

Окей, с навигацией разобрались. Теперь как понять, какие функции у приложения основные и что из них вынести в таббар? Можно пользоваться простой логикой — ради этой функции в таббаре я буду запускать приложение.

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

Меньше шума

Меньше шума

Несколько лет назад в каком-то хипстерском медиа типа the Village вышла статья про странный эксперимент.

Девушка рассказывала, что её выстёгивает от визуального шума вокруг. Даже когда ты принимаешь душ, бутыльки с мыльными жижами что-то тебе втирают.

Она настолько упоролась, что отодрала этикетки со всего в ванной комнате.

«Вау» — подумал я, вот это настоящие проблемы первого мира → и пошёл их решать у себя.

С того момента, я периодически убираю этикетки с ёмкостей, если это несложно.

Сегодня вспомнил про это, когда наткнулся на твит дизайнера Твиттера — so meta — где она рассказывала: как закрашивала ДОВОЛЬНО БОЛЬШОЕ лого на велосипеде 🙃

Потому что она — дизайнер, и её сводят с ума мелкие детали, о которых не подумали в достаточной степени