Эффективный онбординг

Эффективный онбординг

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

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

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

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

Не перегружайте пользователя информацией
Мало кому нравится читать длинные инструкции, а тем более смотреть видео, когда знакомишься с продуктом. Лучше показывать информацию поэтапно в процессе использования приложения, а для первых экранов оставить только 2-3 преимущества, так как больше пользователь все равно не запомнит.

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

Михаил Греков написал, как сделать удобнее таблицы, с помощью которых пользователи управляют данными (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% рабочих таблиц модальный режим просмотра уступал просмотру записи на отдельной странице».

Ошибка волшебной таблетки

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

🧐 В чём проблема
Когда покупаешь книгу, курс, подкаст или, простигосподи, идёшь на бизнес-тренинг, то в голове сидит только одно: сейчас моя жизнь изменится. Прочитаю книгу по переговорам — стану умнее всех, кто её не читал. Пройду курс по дизайну — стану зарабатывать 100 тыщ в месяц сразу. Не станешь. Это приятная иллюзия волшебной таблетки.

🤷‍♂️ Почему так
Люди разные, задачи разные, а методика — лишь инструмент. Если бы была единая волшебная методика, то все бы работали по скраму, глотали на завтрак лягушек, следили что все jobs были done и гребли лопатой денег. Но не выходит. Представьте, что метод персонажей — молоток. На курсах говорят: вот это молоток, видишь шляпку гвоздя? Бей! Ещё мы этим молотком шуруп забиваем и двери открываем. Ничё, нормально. А в ответ им Jobs to be done отвечают — херново молотком шурупы забивать, молотки не нужны. Зацените нашу отвёртку.

😎 И что теперь делать
Ходите на курсы, учитесь новым инструментам — это полезно. Чтобы инструмент заработал, нужно его много раз через себя прогонять. Косячить напропалую. Если у вас не получается болтать Кемпу, это не Кемп вам не подходит, это вы не научились. Анализируйте почему не сработало. После обучения инструменту идёт долгая шлифовка навыка. Часто на курсах преподаватель делится своей философией работы, а ученики принимают её за дословные инструкции.

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

😡 Что не делать
Не ходите на курсы, которые обещают вам, что жизнь изменится. Не верьте в такой вид заработка, таким услугам, работникам и работодателям. Скорее всего, вас обманывают

📖Что почитать
Бирман об отличии философии и инструкций в переговорах
https://ilyabirman.ru/meanwhile/all/psevdokemp-skazhite-mne-ob-etom/

Ильяхов о штампах в его же инфостиле
http://maximilyahov.ru/blog/all/glvrd-cliches/

Блок продукта. Продолжение

Блок продукта продолжился занятиями с Женей Бондаревым, арт-директором Redmadrobot. С Женей мы провели около 4 занятий. Одна из основных целей его занятий — научить нас выходить за рамки привычных паттернов поиска идей.

Дивергентное мышление

Дивергентное мышление подразумевает, что у задачи нет одного идеально правильного решения, другими словами — творческий подход к решению проблем. Один из самых больших недостатков современного образования заключается как раз в том, что оно подавляет дивергентное мышление — нас учат мыслить по шаблону, с единственно верным решением. Неудивительно, что дивергентное мышление очень развито у детей, так как с возрастом мы обрастаем рамками и запретам. И вообще, способность к дивергентному мышлению — это признак высокого IQ 🤓

Далее мы проверили этот подход на себе:

Шаг первый. Женя попросил нас выписать на бумаге 5 проблем, с которыми мы сталкивались последнее время. Всё что угодно от длинной очереди в магазине, до простуды. Потом из 5 проблем мы выбрали одну наиболее интересную для себя.
Шаг второй. Необходимо было открыть Яндекс Дзен, рандомно проскроллить ленту и остановиться на случайной новости.
Шаг третий. Соединить эти истории вместе.

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

Проблема, которую я выписал — цена на Uber от метро до дома неприятно повысилась, а Яндекс Дзен выдал мне статью о том, что власти Москвы хотят создать департамент одиночества.

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

как-то так 🙂

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

Юрий Ветров #2 - о дайджесте, конкурсе и продуктовом дизайне.

Директор по дизайну в Mail.Ru Group (продукты под брендом “Mail.Ru”).
jvetrau.com

— Ты ведешь одну из самых популярных групп в фейсбуке про продуктовый дизайн. С какой целью?

Я в любом случае читаю уйму статей, чтобы оставаться в теме и находить новые направления для развития дизайна в Mail.Ru. Это очень здорово ускоряет изменения (и помогает писать талмуды про UX-cтратегию (uxstrategy.co)). Почему бы не поделиться этим с сообществом? :) Я трачу на это не сильно больше времени относительно чтения, зато лучше структурирую собственные мысли.

— Как происходит процесс сбора материалов для дайджеста? Сколько времени у тебя на это уходит?

У меня про это есть отдельная презентация (slideshare.net/jvetrau/wud2014-yvetrov-background-research) :) Где-то полчаса-час в день уходит на чтение. У меня тонна подписок в Feedly, это основной источник — читаю от корки до корки (блоги дизайн-команд и конкретных дизайнеров, специализированные журналы, пара других дайджестов). Есть издания, которые читаю отдельно (Engadget, периодически Fast Co Design), оттуда тоже иногда приходит. После этого сохраняю лучшее в Pinboard (pinboard.in/u:jvetrau), оттуда постепенно публикую в соц.сети, а в конце месяца собираю дайджест в разных форматах (часа 3 в месяц, причём по возможности просто обновляю черновик статьи по ходу каждого поста в соц.сети, так что к концу периода остаётся только вставить картинки).

— Какие темы продуктового дизайна сейчас наиболее актуальны?

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

— Вы уже пять лет проводите Russian Design Cup. Почему в этом году так мало участников, по сравнению с предыдущим?

Скорее, количество вернулось к позапрошлому году после взрыва в прошлом :) Мы, конечно, рассчитывали на рост относительно прошлого года, а не возврат назад, но есть две гипотезы — слишком сложная задача на отборочном оттолкнула часть людей (хотели хайпануть по ICO, а в итоге перемудрили), плюс сменилась команда пиар-поддержки (прошлые совершили чудо с трёхкратным ростом). К следующему разу серьёзно поменяем формат, чтобы стало интереснее для участников и проще для нас.

— Вы приглашали к себе на работу участников с хорошими кейсами?

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

— Бургеры и пиво или вино и стейк?

Оба хороши, но первое чаще и более компанейское :)

— Что произойдет с интерфейсами за следующие 5 лет?

Если говорить про формат работы над продуктами, то можно будет делать гораздо больше меньшими средствами. Это видно по развитию веба и мобильных — если раньше простейшие вещи делались полностью руками и через боль, то сейчас всё собирается из готовых компонентов и можно фокусироваться на продуктовых задачах. Дальше будет ещё лучше — алгоритмический дизайн (algorithms.design) уберёт кучу рутины, более добротная проработка по куче аспектов станет ещё дешевле и быстрее.

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

Меня тут спрашивают, зачем нужны шпаргалки, о которых я написал постом выше

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

Например, вы знаете основы JS, но всё чаще встречаете в примерах непонятный новый синтаксис — ES6. Вы можете прочитать про него длинную статью (например: http://babeljs.io/learn-es2015/), но, скорее всего, сразу всё забудете. Тут вам и придёт на помощь шпаргалка https://devhints.io/es6

Или вы установили себе модный редактор кода Visual Studio Code, но не знаете ни одного хоткея в нём. Вот шпаргалка с ними: https://devhints.io/vscode

Или вы решили научиться верстать флексбоксами, но постоянно забываете синтаксис. Шпаргалка вам его быстро напомнит: https://devhints.io/css-flexbox