Начинающий UX-специалист Роман, подписанный на канал, спросил рекомендации книг и ресурсов, полезных для продуктовой работы.

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

Ссылки на книги даю на Ozon — там отзывы, аннотации и прочее, а как конкретно получить сами книги — дело личное.

1️⃣ ПРОКАЧАТЬ БАЗОВЫЕ НАВЫКИ
Для начала предлагаю подготовить себя к эффективной командной работе и тяге к саморазвитию. В части самоподготовки я рекомендую обратить внимание на книги:

👉 Семь навыков высокоэффективных людей
Стивен Р. Кови

Книга рассказывает как сосредоточиться на саморазвитии, как слушать и слышать, как работать в стиле выиграл-выиграл, как работать в команде.
Меня эта книга гораздо больше других подтолкнула к системному саморазвитию.
Ссылка на Ozon

👉 Пиши, сокращай. Как создавать сильный текст
Максим Ильяхов, Людмила Сарычева

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

2️⃣ ПОНЯТЬ, КАК СОЗДАЮТ ПРОДУКТЫ
Для эффективной работы в продуктовых командах — важно понять, как вообще делаются продукты. Чтобы повернуть мышление в продуктовое русло, рекомендую:

👉 Бизнес с нуля. Метод Lean Startup для быстрого тестирования идей и выбора бизнес-модели
Эрик Рис

Эрик Рис рассказывает про экономичный подход к разработке продуктов: про гипотезы, ранние версии, MVP, поиск метрик и другое.
В книге много реальных примеров и доступных рецептов продуктоводства.
Ссылка на Ozon

👉 Спроси маму. Как общаться с клиентами и подтвердить правоту своей бизнес-идеи, если все кругом врут?
Роб Фитцпатрик

Концепция книги строится вокруг теста для мамы, который “говорит” как общаться с клиентами/пользователями при интервью.
Ссылка на Ozon

👉 Цель. Процесс непрерывного совершенствования.
Элия М. Гольдратт, Джеф Кокс

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

3️⃣ ПОЗНАКОМИТЬСЯ С UX
Про UX и эргономику важно знать всем, кто причастен к продуктовой работе: от менеджеров до копирайтеров. Просто уровень знаний должен быть разный, но основы важны.

👉 Об интерфейсе. Основы проектирования взаимодействия
Алан Купер

Алан Купер — мировой UX евангелист, который заслуженно пользуется большим уважением в UX среде.
Книга “Об интерфейсе” — классика UX, которая будет полезна буквально всем, кто причастен к разработке интерфейсов.
Ссылка на Ozon

👉 Не книги про UX

Контур.Гайды
Контур делают сложные бизнес-системы с современным интерфейсом и грамотным подходом. Чтобы все продукты Контура были одинаково удобными и красивыми, они составили гайдлайны для проектировщиков и поделились ими с Миром.

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

Блог Юзабилитилаб
Ребята и девчата из USABILITYLAB подробно пишут про проекты и свои исследования. Много тем посвящено исследованию приложений банковского сегмента.

Душевный интерфейс

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

Например, когда-то сервис подбора иконок icons8.com показывал такое сообщение после скачивания подборки. И узнал я про сервис от коллеги, который поделился со мной именно этим скриншотом.

Если у вас есть примеры душевных интерфейсов — поделитесь @GrekovM
А если есть инфа о том как душевность интерфейса влияет на продуктовые метрики — вообще 🔥!

Или вот, например, душевная квитанция от Лингвалео, которая приходит на e-mail после оплаты. И не важно — их это заслуга или платёжного агрегатора, приятно в итоге пользователю.
Вроде бы, и деньги потратил, а так всё душевно обыграно.

Пообщался с Евгением Апрелем — дизайнер с 20 летним стажем. Клиенты: National Geographic Россия, Ведомости, Media Markt, The Moscow Times, Популярная Механика, Сноб и много других.

Вот что советует Евгений не делать дизайнерам при взаимодействии с заказчиком:

1. НЕ стоит работать с тем, кто вам не нравится.

2. НЕ создавайте дизайн, если вы не поняли задачу.

3. НЕ торопитесь влюбляться в своё решение. Будьте готовы его выкинуть и начать что-то новое.

4. НЕ обещайте сделать что-то изначальное неизвестное, но большое за фиксированное время.

5. НЕ высылайте макеты на email, особенно в начале нового проекта — обсуждайте в живую.

Советы подходят для проектировщиков тоже.

Подробности по каждому "НЕ", а также масса интересного и полезного опыта доступны в тексте интервью.

Не решать "в лоб"
Если решать задачу "в лоб" (взял и делаешь) , то можно потратить больше времени, чем ожидал изначально, но решение при этом не обязательно будет тебя удовлетворять.
Речь идёт о любой задаче, решение для которой не очевидно: прототип, дизайн, написать ТЗ, запрограммировать что-то и т.п.

Для таких задач лучше использовать порядок:
познакомился → делал что-то другое → вернулся и сделал.

Познакомился с условиями задачи: ТЗ почитал, прежнюю версию решения посмотрел, с заказчиком пообщался.
И не делаешь после знакомства задачу, а занимаешься другими задачами.
Как правило, после знакомства с задачей начинают приходить какие-то мысли по её реализации, мозг начинает цепляться за материалы, которые смогут помочь (внезапно попадаются статьи по теме,).
Фоновая подготовка мозга к решению задачи здорово помогает, и когда ты возвращаешься к задаче, то быстрее получается продуманное решение.

⚡️ Мораль: с задачами надо знакомиться заранее.
Если есть некий роадмап для команды, то чем раньше познакомить с ним всю команду - тем лучше.
Все командные мозги в фоне будут работать над поиском лучших решений.

​​ГОСТы по теме UX

Если на колбасе стоит отметка "Сделано по ГОСТ", то доверие покупателей к ней несколько выше, чем к иным колбасам. Тоже самое со сгущёнкой, тушёнкой и прочей продукцией.
Но по ГОСТам можно делать также сайты, системы и любые ИТ-продукты.

ГОСТ — это государственный отраслевой стандарт.
Если ГОСТ сделан на основе международного стандарта, который подготавливает международная организация по стандартизации ( ISO - International Organization for Standardization), то к нему добавляется ИСО.

Так вот по теме UX есть несколько ГОСТ ИСО, с которыми рекомендую ознакомиться (будет не лишним как для менеджеров, так и для проектировщиков и дизайнеров).
Каждое название — ссылка на веб-страницу с текстом ГОСТа.

👉 ГОСТ Р ИСО 9241-110-2016 — Принципы организации диалога.

👉 🔥 ГОСТ Р ИСО 9241-210-2016 — Человеко-ориентированное проектирование интерактивных систем.

👉 ГОСТ Р ИСО 10075-2011 — Эргономические принципы обеспечения адекватности умственной нагрузки. Основные термины и определения.

👉 🔥 ГОСТ Р ИСО 10075-2-2009 — Эргономические принципы обеспечения адекватности умственной нагрузки. Часть 2. Принципы проектирования.

👉 ГОСТ Р ИСО 14915-1-2016 — Эргономика мультимедийных пользовательских интерфейсов. Часть 1. Принципы проектирования и структура.

👉 ГОСТ Р ИСО 14915-2-2016 — Эргономика мультимедийных пользовательских интерфейсов. Часть 2. Навигация и управление мультимедийными средствами.

Продуктовые принципы и знания от Профи.ру
Profi.ru — сайт для поиска мастеров и взаимодействия с ними. Мастера из разных сфер : маникюр, кирпичная кладка, сделать сайт, английскому научить и прочее.

У Профи крутые показатели эффективности и роста - в 2018 году выросли на 71%, в год около 25 миллиардов рублей доходов.

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

В открытом доступе:
1. Продуктовые принципы Profi.ru - ссылка
В документе подробно описаны:
* Принцип #1: ”Vision driven, data informed.”
* Принцип #2: Не решать свои проблемы за счет клиентов.
* Принцип #3: Быть честным с клиентом.
* Принцип #4: Использовать каноничные интерфейсы.
* Принцип #5: Быть скульптором.
* Принцип #99: “Принципов нет. Thinking from the first principle.”

2. Дао продакт-менеджера/продакт-оунера в Profi.ru от CEO Профи - ссылка
В документе список книг и ресурсов, которые будут полезны продактам.

#продакту

​​Как вы знаете, я периодически общаюсь с подписчиками канала. Сегодня поделюсь с вами небольшим, но ёмким интервью с дизайнером из Уфы — Ольгой Холод.

Оля, работает веб-дизайнером и активно прокачивает UX-навыки.

В интервью:
👉 Как сместились ориентиры от красоты к юзабилити.
👉 Про курс в Bang Bang Education «ux/ui – точка входа».
👉 Полезные книги.

Почитать.

Поделился опытом приёмки дизайна и создания прототипов.

Простой чек-лист, который акцентирует внимание дизайнера/проектировщика на области допустимых значений и поможет создавать более продуманные макеты и прототипы.

https://designpub.ru/kak-sdelat-dizajn-maket-adaptirovannym-k-neideal-nym-vhodnym-dannym-35e84f7bb35e

Вчера Юзабилитилаб опубликовали пост в блоге про проектирование новой версии сайта для сети аптек.
Зашёл почитать и заметил, что блог не адаптирован к неидеальным реальным данным (см. мой пост выше про чек-лист проверки краевых условий). Наверняка в дизайне заголовок записи блога заканчивался до кнопки "Оставить заявку".
А сам пост интересный — про важность изучения поведения пользователей.

От души и просто так
Понял, что ни разу не рекомендовал телеграм-каналы. Пожалуй, пришло время. 🤷‍♂️

Я подписан на авторский канал Даши Почекуевой (арт-директор в Кельник из Санкт-Петербурга).
Канал называется Визуальные приёмы — @mozhno

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

А ещё Даша пишет классные статьи на medium. Например, вот ссылка на мощную статью про перфекционизм.

#нормканал

Признаки грамотной формы:

👉 Нет лишних полей. Каждое поле на форме должно заполнятьс с какой-то целью и в дальнейшем использоваться.
Это не означает, что все поля на форме должны быть обязательными.

👉 Понятно, что заполнять. До заполнения должно быть ясно, какие поля обязательные, какие опциональные.

👉 Понятно, как заполнять. Все форматы и ограничения должны быть ясны до заполнения, а не после отправки.

👉 Валидируемые поля валидируются по факту заполнения, а не отправки.

👉 Все данные, которые можно заполнить автоматом, заполняются автоматом. Индекс по адресу, реквизиты по ИНН, адреса доставки на основании истории и т.д.

👉 Телефоны и почтовые адреса не чувствительны к формату (автоформатирование). Даже на сайте почты России и Госуслугах так.

👉 Ясно, каким образом происходит сохранение: надо ли кнопку жать или налету сохраняется. Лучше, чтобы налету.

👉 Если пользователь не осилил всю форму за один заход — он должен уметь её сохранить, чтобы потом продолжить (актуально для больших форм). При таком сохранении даже не все обязательные поля могут быть заполнены. Статус Черновика.

Иной раз увидишь какой-нибудь ляп, неудобство или птичий язык в интерфейсе и начинаешь представлять — почему так сделали.

Сказительство про менеджер паролей Lastpass (хороший менеджер, кстати).

===
Несколько лет назад. Офис Lastpass.

— (Джо, CEO) Итак, мы сделали менеджер паролей и он уже больше чем MVP! Но у нас по-прежнему нет корпоративной политики.
Как вы знаете, мы планировали все вместе её принять, чтобы каждый мог внести свою лепту. Давайте же сделаем это!

Джо задорно машет рукой, коллектив Lastpass воодушевлённо улюлюкает. Стефани тянет руку.

— (Стефани, сотрудница) Давайте отразим в политике компании, что мы ценим равноправие, любые меньшинства и мир во всё мире!

— (Джо, CEO) Стефани, это отличное предложение!

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

— (Квентин, новенький на испытательном сроке) Меня зовут Квентин, я с вами недавно и ещё немного стесняюсь давать свои предложения.

Квентин переминается с ноги на ногу. Джо решил его подбодрить.

— (Джо) Квентин, не бойся! Корпоративная политика - это наше общее творение. Смелее, все предложения принимаются!

Квентин выпаливает скороговоркой.

— (Квентин) Давайте на уровне корпоративной политики запишем, что пароль к учётке Lastpass должен содержать хотя бы одну цифру.

Все смолкли. Уголки рта Джо опустились. Повисла пауза.

— (Джо) Квентин, что?

— (Квентин) Ну-у-у-у, важно, чтобы в пароле была цифра! Нам надо это записать в корпоративную политику и требовать, требовать! (Квентин машет сжатым кулаком) Вы же сами сказали, что все предложения принимаются.

— (Джо, сквозь зубы) Хорошо, Квентин. Запишем. Я же сам сказал.

— (Квентин) Отлично! У меня есть ещё парочка предложений. Вот, напри ...

— (Джо) Квентин, Квентин, постой-ка! На сегодня пауза. Все уже устали. Потом продолжим. Всем спасибо!

Квентин так и не прошёл испытательный срок, но след оставил. Другого объяснения для такой формулировки я не нашёл, ну не сложности же с переводом 😉.

Когда продукты стали нарицательными

— Круто ты фотку отфотошопил!
— Ага, и это я в GIMP сделал!
===
— Админ, у нас ксерокс не работает!
— Да, я уже выписал запчасти на наш кэнон.
===
— Купи после работы памперсов!
— Каких именно?
— Ну Мэрисы или Либеро.
===
— Привет, я себе джип собрался прикупить.
— Круто, и какой же?
— УАЗ Патриот!
===
— В общем, я погуглил по твоему вопросу.
— И?
— В Яндексе полно материалов выдаётся на эту тему.

Верх продуктового распространения, когда продукт становится нарицательным.
Конечно, это не всегда значит, что продукт при этом монополист, но всё же круто.

Я работаю в команде продукта Velvica — это система для создания маркетплэйсов с облачными сервисами.
Нам, вероятно, не суждено стать нарицательными — мы не массовый b2c сервис. Врядли, кто-то будет говорить что-то типа: "Велвическая сила, какой крутой дата-центр".

Но наша система внедрена крупнейшими национальными дистрибьюторами, ритейлерами и телеком-операторами, такими как: MERLION, СИТИЛИНК, Ростелеком, Lattelecom, RentSoft и другие. Мы дочерняя компания МЕРЛИОН (33 место в Форбс Россия).

А теперь — деловое предложение
К нам в команду Velvica нужны системные аналитики.
🔥 Всё белое, можно работать дистанционно.

Процентовка задач примерно такая: 70% разработка требований и проверка их реализации, 20% прототипирование, 10% UX-исследования.
Вот ссылка на вакансию. Если вы не аналитик, то передайте другу аналитику 😊

Любые вопросы и резюме можно направить мне @GrekovM или по контактам в вакансии.

Хорошая статья для неспешного и вдумчивого прочтения на выходных: https://awdee.ru/psychology-39-studies-of-human-perception/

#нормстатья

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

Пользовательское восприятие изображений:
✅ У меня есть телефон. Я делаю им фотографию. Фотография должна быть принята любым массовым сервисом (соцсеть, форум, мессенджер и т.п.).

✅ Я зашёл в поиск по картинкам. Я нашёл картинку. Любая картинка должна быть принята любым массовым сервисом.

Все эти:
👊 Размер изображения должен быть сколько-то пикселей
👊 Изображение должно быть квадратным
👊 Мы принимаем только png и jpg, а у вас gif.

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

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

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

#uxпаттерн

Живой пример к моему предыдущему посту — вебскайп.

👌 Гружу картинку для группы: 1000x1000 px, 800 Кб.
Какой именно размер ему не нравится: px или Кб? Зачем вообще пристал — все параметры картинки очень даже приличные, никаких сверхразмеров нет?

Что вкладывалось в термин UX

Термин «user experience design» появился в начале 90-х. Его придумал Дон Норман с коллегами из Apple (так по крайней мере он говорит).

Дон Норман — американский учёный, бывший вице-президент Apple, основатель Nielsen Norman Group и актор книг по UX.

В одном из интервью Дон рассказал, что именно вкладывалось в термин UX. Видео не новое, но если не смотрели, то советую посвятить ему полторы минуты времени.

⏱ 93 секунды

#UX

https://youtu.be/jWC6hqg04fg

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

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

Вот вам небольшая подборка статей про UX-копирайтерство, качните же себя на выходных:

🤘 Редактор в UX: тру стори, риал лайф — живая статья о UX-редактуре от лид-редактора в UX Яндекс.Денег.

👏 Кто такие UX-копирайтеры, что они умеют и так ли нужны в компании — классная заметка в блоге скрам-студии Сибирикс.

👍 Пишем как Google: Чек-лист для копирайтера — перевод статьи, в которой про UX-копирайтинг рассказано очень просто и с примерами.

✍️ Почему UX-писатель — не копирайтер? — некоторые детали о профессии от UX-писателя из Собака Павлова.

А ещё рекомендую #нормканал про UX-копирайтерство, который ведёт Владимир Лалош — продуктовый редактор в МТС: @editboat

Рекомендация канала добровольная. Мне за неё, к сожалению, не платили и никакой взаимопиар не предлагали 🙂

В проектной работе надо уметь договариваться

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

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

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