Михаил Греков написал, как сделать удобнее таблицы, с помощью которых пользователи управляют данными (CRM, ERP и прочие системы).

Михаил Греков написал, как сделать удобнее таблицы, с помощью которых пользователи управляют данными (CRM, ERP и прочие системы).

Михаил Греков написал, как сделать удобнее таблицы, с помощью которых пользователи управляют данными (CRM, ERP и прочие системы).

В первой статье разбирается просмотр данных.

1. Рабочая таблица должна занимать максимум места на экране. Как вариант — опция «на весь экран».
2. Объединяйте данные. Если есть данные о фамилии, имени и отчестве, их целесообразно вывести в один столбец ФИО. Должность или роль в системе тоже можно присоединить к ФИО.
3. Бесконечная прокрутка и кнопка «Показать ещё» не подходят для отображения строк таблицы. Делайте постраничную навигацию. Это удобно и для коллективной работы с таблицей.
4. Показывайте по умолчанию больше строк на одной странице: 50, 100, 500.
5. Используйте цветовые индикаторы. Красить строку целиком стоит только при отклонении от нормы.
6. При наличии цветовых индикаторов полезно отображать легенду цветов.
7. Храните пользовательские настройки вида, не сбрасывайте их после окончания сеанса.
8. Связанные сущности (название организации может быть связано с карточкой организации) полезно делать ссылками на соответствующие карточки. Но если таких сущностей в строке много, выделите только полезные в работе.
9. Строка должна подсвечиваться при наведении курсора. Должна быть возможность выделить строку кликом на неё.
10. Нет ничего страшного при появлении горизонтальной прокрутки.
11. В некоторых случаях полезно маркировать просмотренные записи.
12. Должна быть настройка отображения столбцов с системными свойствами (ID, дата создания, автор, дата изменения).
13. Переход к просмотру записи удобно сделать по двойному клику.
14. Иногда удобен режим предпросмотра, когда по клику открывается не вся запись, а сводка по ней, как в Google Drive.

«Строка в таблице часто является прелюдией к просмотру полной информации по записи. На моей практике в 99% рабочих таблиц модальный режим просмотра уступал просмотру записи на отдельной странице».

Записал вводное видео про регулярные выражения

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

https://youtu.be/b-EkpnLINKw

Если кратко. Регулярные выражения помогают искать в тексте куски по сложному шаблону. Например, шаблон /[0-9]+/ найдёт в тексте все цифры, которые повторяются один или более раз подряд.

Но это самый простой случай. В примере я разбираю как работает вот такое выражение: /^(Смартфон\s)?(Apple)\s([a-z ]+)\s(\d+)GB\s(.*)\(([^(]+)\)\s([\d ]+)\sруб.$/igm.

Регулярные выражения помогают обрабатывать большие объёмы данных и приводить их к читаемому виду.

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

Итак, PROFI.RU

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итого

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

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

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

Мини-кейс

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

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

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

Профит!

Неочевидные проблемы связанные с бумажными картами

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

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

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

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

Заботливый менеджер

Классная черта любого лидера — умение подбодрить команду, когда тяжело, и отметить успехи, когда они были.

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

Внезапная забота — это не ожидаемо и всегда приятно.
Я помню, как на прошлом месте работы директор повёл нас в кафе после сдачи сложного госпроекта, к презентации которого готовились до 3 ночи. Это было лет 10 назад. Но я уже не особо помню тяжесть, с которой мы тогда столкнулись.

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

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

Почему так? Ответ есть у психологов 🙂 Даниэль Канеман, в книге «Думай медленно... решай быстро» описывал опыт про вспоминающее «я».

Перескажу кратко.
Подопытному надо было пройти три теста «холодная рука».
Поочерёдно левую руку опускали в один сосуд с водой, а правую в другой. Вода была холодная: 14 градусов Цельсия. Вызывает болевые ощущения, но не сильные.

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

Потом подопытным говорили — какой же эксперимент ты выберешь третьим: тот, который был для левой руки, или тот, который был для правой? 80% среди тех, кто почувствовал снижение боли, выбрали эксперимент с правой рукой. То есть они были готовы терпеть столько же боли, что и левая рука, но ещё и 30 секунд с небольшим уменьшением.

👉 От внезапной заботы люди готовы сделать больше и лучше

О чем плачет полевик?

В арсенале исследователей имеется три метода (вот тут я начинал про это говорить t.me/bukhtiyar/15 ) проведения полевых исследований (на самом деле их гораздо больше, просто эти методы самые действенные и проверенные). Рассмотрим подробнее каждый из методов на предмет встречающихся проблем и неудобств.

Но сперва взглянем на этапы работы полевика от момента, как он узнает о вакансии, до завершения работ:

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

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

Кто такой полевик?
Мы составили портрет среднестатистического полевика — это девушка 20-23 лет, студентка гуманитарного факультета (социологи, геологи и т.д.), увлечена городом и заинтересована в его развитии, а так же, имеет опыт полевых исследований.

Глоссарий

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

Полевик (или в зависимости от метода — подсчетчик, наблюдатель) — человек работающий непосредственно в поле, собирает и передает информацию по заданной методике.