Ильяхов, заметки с тегом: работоспособная система

Как компании написать итоги года

Fri, 28 Dec 2018 17:05:55 +0300

Ладно-ладно, хватит ржать. Как написать нормальные итоги года? Для начала несколько соображений. Всё, что ниже, касается только компаний. Это не касается личных итогов года, опубликованных в Фейсбуке для сбора знаков социального одобрения и устранения ощущения бессмысленности протекающей жизни.

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

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

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

Рекламодателям — они хотят посмотреть на ваш охват и структуру аудитории. Опубликуйте на сайте свежий медиакит и скиньте в Фейсбук. Также у вас есть еще три дня, чтобы сбрить бороду, Родислав.

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

успейте купить вот эти товары по старым ценам и сэкономить. Полезное действие — экономия;

самые популярные товары 2018 года. Может быть, вы что-то пропустили из важного и нужного? Полезное действие — не упустить хороший востребованный товар;

вот один товар, который потребуется вам, дорогой клиент, в новогодние праздники. Скидка 30%. Берите и не благодарите;

ваши личные итоги года, дорогой клиент; что вы покупали, где вы в общем рейтинге; что о вас говорят ваши покупки;

просто что-то забористое и смешное.

Сформулируйте полезное действие и исполните его, начиная с заголовка. И тогда ваша публикация будет не итогами года, а «Самыми популярными товарами» или «Ваш 2018 год: какой вы покупатель». Это интересно, вирусно и осмысленно.

Просто хвастаться — не надо. Я понимаю жгучее желание показать всем, что вы прекрасны, сильны и замечательны. Но кому, кроме вас, от этого будет хорошо? Чью жизнь вы сделаете лучше?

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

Технологический контур для диплома в Школе редакторов

Mon, 10 Sep 2018 13:23:38 +0300

Котаны (студенты)! Давайте разберемся с технологиями для ваших дипломных проектов.

Конструкторы

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

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

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

Свой сайт + разработчик

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

Опасности работы с разработчиком:

Он сделает половину работы и сольется

Когда он сольется, после него останется неподдерживаемый, никому не понятный код

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

Он потратит 80% времени на красивую архитектуру бэкенда, а времени на фронт не хватит

Он будет делать фронт на своем чистом CSS, структура и смысл которого понятен ему одному

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

Он посадит сайт на Гит, к которому у вас не будет ключей. Чтобы обновить сайт, вам нужно будет ходить к разработчику

Он будет задерживать срок

Он выполнит задачу строго по вашему ТЗ. А вы в нем не предусмотрели что-то ключевое. А переделывать он уже не будет

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

Не хватит времени на отладку

Свой сайт + конструктор

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

На «Эгее» всё красиво сразу, но там всего мало. Придётся дописывать, а на это тоже нужен разработчик.

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

Свой сайт + своя разработка

Если у вас просто статичный лендинг или информационная страница, мой любимый вариант — всё делать самому. Берете «Пингендо», собираете в нем статичную страницу, потом докручиваете в CSS, как вас Руст учил.

Плюсы:

Вы знаете свой сайт изнутри, можете всегда на нем что-то изменить и добавить

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

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

Вы многому научитесь

Можно всегда проконсультироваться у Руста

Минусы:

Всё новое для вас придется изучать

Много труда

Очень много труда

Советы

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

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

И наоборот: очень плохо, когда дизайнер рисует какие-то пиксели в Фотошопе, ничего не зная про возможности админки и фреймворка.

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

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

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

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

Не молчите. Если что-то не работает или не получается — скажите арт-директору или сходите к Русту за советом. Лучше за десять минут спросить и еще за 10 минут решить, чем пять часов биться с гуглом.

Анонс своего проекта в Школе редакторов

Sun, 19 Aug 2018 18:27:38 +0300

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

Задача анонса — чтобы люди захотели прийти в вашу команды, а друзья — поддержали. В этой статье — рекомендации о форме и содержании именно анонса, а не проектов. О проектах читайте в разделе «работоспособная система».

Пища для глаз

Чтобы получился хороший анонс, нужно сделать шесть вещей:

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

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

Очаровать. Люди будут работать не только на проекте, но и лично с вами. Хорошо, если в анонсе есть ваша фотография или видео, где вы говорите. Ваша мимика, жесты и голос могут привлечь потенциальных коллег. Нам нужна реакция типа «О, классный человек, хочу с ним работать!»

Например, Камилла Газиева, Люда Савенко и Катя Сазонова показали себя на видео. По этим записям понятен темперамент человека, каким он будет в работе, приятен он тебе или нет. Так как мы все живые теплокровные существа, такая простая вещь как симпатия к человеку может сделать любую тему привлекательной.

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

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

Когда мы с Людой анонсировали «Деловую переписку», у нас было написано 10 страниц из 256. Обложки еще не было. Не было даже названия. Но мы поставили написанные страницы в красивый фотошопный шаблон, собрали обложку из старых набросков, кое-как причесали и анонсировали. И в итоге наш анонс выглядел так, будто книга уже написана. Люди сразу попросили предзаказ.

Чтобы собрать обложку, нужно было купить фотошопный шаблон за 10$ и вставить в него векторных объектов, которые лежали еще от первой книги. На тот момент мы даже не знали, какое у книги будет название

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

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

Поставить нужное в тизер: одну из ссылок в вашем посте фейсбук превратит в большой тизер (здоровый прямоугольник под постом), остальные оставит просто как ссылки. Проверьте, чтобы фейсбук «съел» именно ту ссылку, которая вам нужна, а не какую-нибудь вспомогательную сылку.

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

У Ивана Устякина неплохо — почти половина поста призывает к действию:

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

У него же хорошо в конце страницы

Если сделать эти пять вещей, вы сможете «продать» даже дикий и нереалистичный проект. А если ваш проект полезный, злободневный и реалистичный, тогда вообще.

Читать по теме

Третья ступень, еще о ней
Основы визуального повествования
Пропаганда

Как не делать ненужные проекты
Недорогие проекты
Стоит ли делать сайты
Пусть потеет машина

Студентам: проект за три копейки

Thu, 16 Aug 2018 18:10:44 +0300

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

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

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

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

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

Вызов главреда сделан год назад в обеденный перерыв, когда я читал курс в «Лаборатории Касперского». Я знал, что мне нужно будет через 4 месяца найти главреда на MTV.ru, для этого нужен был конкурс, а для конкурса нужна была платформа, так родился конкурс про реновацию. Я буквально вышел в перерыв, спустился в «Старбакс», заказал бутерброд с курицей и сделал этот сайт.

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

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

Я не говорю, что ваш дипломный проект должен стоить три копейки. Но просто подумайте: такой путь есть.

Студентам: квадратные шляпы

Thu, 16 Aug 2018 15:03:50 +0300

Студенты второй и третьей ступени! Иногда я, комментируя ваши работы, произношу фразу «Квадратная шляпа». Это не то, что вы думаете. Это отсылка к одной бизнес-байке:

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

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

Сервис для сммщика

Например, вы хотите сделать типограф для соцсетей, чтобы сммщики писали красиво. Мне бы очень хотелось, чтобы так тоже было. Но почему сммщик решит им воспользоваться? Какая проблема у сммщика есть сейчас, для которой ему нужен типограф? Подсказка: никакой. Ему пофигу. Его клиенту пофигу. А те, кому не пофигу, знают адрес типографа студии Лебедева.

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

Сервис для покупок

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

А вот если у меня на холодильнике появится кнопка «пополнить запасы», через час после нажатия на которую у меня в дверях курьер с пакетами — вот это тема, да.

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

Про дешевые эксперименты и нишевые продукты еще отдельно напишу.

Редакторам школы: работоспособность ваших проектов

Mon, 21 Nov 2016 14:49:44 +0300

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

Эта заметка для тех, кто сейчас учится на первой ступени, хочет доучиться до третьей и защитить диплом.

Что за третья ступень

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

Почему важно, чтобы проект был сделан и опубликован? Потому что важно только сделывание. Нас не интересуют прототипы, идеи, макеты и тексты в гуглдоке. Любой человек может придумать идею или нарисовать макет. А вот довести что-то до реализации — далеко не любой.

Именно на этапе сделывания вы учитесь принимать решения, флексить, думать о полезном действии и вести переговоры. Вот вам примеры:

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

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

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

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

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

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

Главное на третьей ступени — сделывать

Что значит «работоспособный»

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

Проект вечный. Сделали один раз — он актуален всегда. Например, сайт Юли Медведевой о переезде в Италию есть не просит, живет в интернете и собирает людей.

Проект берет деньги вперед. Взял деньги — придется отрабатывать. Мы хотели сделать такое в книге Любы Мамаевой, но в последний момент поменяли способ монетизации на кое-что более интересное.

Проект связан с коммерческой организацией и приносит ей деньги. Например, у Яна Хацкевича сайт, который в итоге привлекает клиентов в его же бизнес. А Леонид Касаткин сделал из своего проекта «Клиентомер» бизнес и сейчас проходит с ним акселератор ФРИИ.

Какие проекты совершенно точно неработоспособны:

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

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

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

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

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

Если вы еще не поступали в Школу редакторов, торопитесь.

Осталась неделя: artgorbunov.ru/school/editors

Три закона критики

Thu, 28 May 2015 14:38:07 +0300

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

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

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

Первый закон критики. Не нравится — критикуй

Критикуй все, что не нравится, вне зависимости от того, критиковал это кто-то другой и веришь ли ты в результативность критики.

Не работает кнопка в интернет-банке — написал в техподдержку
Плохо сформулирован текст на сайте — написал автору
Плохо лежит асфальт во дворе — написал в городской портал

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

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

Второй закон критики. Критикуешь — обоснуй

Чтобы критика принесла пользу, нужно объяснить, что именно тебе не нравится, и почему это плохо:

Кнопка нажимается, но ничего не происходит. Не приходит СМС, не могу оплатить.
Из текста непонятно, что делать после прихода уведомления. Я ничего не делал, и платеж не прошел.
Асфальт во дворе положили плохо: сплошные ямы. На машине проезжать неудобно, а на велосипеде вообще невозможно.

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

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

Такая критика ни к чему не приводит, потому что со стороны выглядит высокомерно. Так как критику воспринимает живой человек, он не захочет отвечать на такую критику. Представь, на твой сайт пишут: «Что за кретин сделал этот сайт?»

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

Третий закон критики. Если знаешь — предложи

Мой блог читают дизайнеры, писатели и разработчики. Хороший дизайнер видит вокруг себя плохой дизайн и знает, как его улучшить. То же касается писателя и разработчика:

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

Редактор начитанный, изучает международный опыт и понимает, как правильно составлять публичные объявления. Он составит гораздо более убедительное объявление, чем обычный чиновник или горожанин.

Разработчик умеет оптимизировать анимацию и знает, что такое 60 FPS. Там, где пользователь грешит на медленный компьютер, разработчик уже оптимизирует анимацию.

Если знаешь, как улучшить то, чем ты недоволен, предложи улучшение. Неважно, правильное оно или нет, внедрят его или нет, учтешь ты какие-то тонкости или нет. Если знаешь — предложи.

Закон в действии

Вот как выглядит неконструктивная критика с пассивной агрессией:

Вы видели новый сайт Альфа-банка? Что за лютый п...ц! @alfabank, зачем ты с нами так?

Это высокомерно и бесполезно. Разве что кинуть дешевые понты перед друзьями: смотрите, какой я смелый, качу бочку на Альфа-банк. К сожалению, эта критика не поможет ни вам, ни Альфа-банку.

А вот как выглядит полезная аргументированная критика:

@alfabank у вас на сайте фоновое видео тормозит под Хромом на «Рэсбери». Предлагаю заменять на статические картинки, если клиент маломощный. Вот код: (ссылка)

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

Запомните три закона

Не нравится — критикуй
Критикуешь — обоснуй
Если знаешь — предложи

Практика

Приглашаю читателей попрактиковаться в комментарии к этому посту. Критикуйте все, что вам не нравится.

См. также
Критика для самоутверждения
Критика, которая деморализует
Борьба с пассивной агрессией
Илья Бирман. Критика — это комплимент
Валера Попов. Консультант хуже пидараса

Спасибо Артёму Сапегину, Коле Товеровскому и команде поддержки Альфа-банка.

Интерфейс — все еще зло

Tue, 23 Dec 2014 12:37:41 +0300

Я с детства «компьютерный мальчик»: всем все чиню, настраиваю, собираю, чищу. Я знаю ХТМЛ, КСС, немного ПХП и Яавскрипта. В студенчестве за ночь поднимал и полностью настраивал сайт на Вордпрессе с нестандандартным дизайном. Могу поставить оптибей, воткнуть в ноутбук твердотельный диск и перелить на него системный партишен. На общем фоне я в компьютерах не беспомощный.

Но до чего же бесит. Вечер, хочу посмотреть сериал.

Захожу на «Турбик». Говорит, нет денег на счете, сериал не покажу.
Кликаю в трех местах, чтобы пополнить счет.
Иду за телефоном, чтобы отправить СМС для пополнения счета.
Отправляю СМС. Ответ: подтвердите, что вы хотите платить.
Подтверждаю.
Ответ: у вас не хватает денег.
Иду в мобильный банк. Ввожу пароль.
Выбираю свой шаблон для платежа. Решил пополнить на пять тысяч, чтобы до весны не мешал жить. Из-за необычной суммы просит ввести код безопасности.
Жду код безопасности.
Еще немного жду. Приходит
Ввожу код безопасности.
Повторяю СМС с оплатой.
«Подтвердите, что хотите оплатить»
Подтверждаю.
Обновляю «Турбик»: деньги пришли.
Иду в список сериалов. Минуту борюсь с тупым бесконечным списком сериалов.
В итоге ищу через поиск по странице. Нашел.
Захожу в сериал — Флеш-плеер устарел.
Ах ты ж сука!
Иду на сайт Адоба.
Скачиваю установщик.
Монтирую установщик, запускаю приложение.
Со всем соглашаюсь, прокликиваю.
«Закройте все браузеры, а то я не могу тут установиться».
Закрываю. Кликаю «Продолжить».
Установилось.
Запускаю браузер.
Захожу на Турбик, ввожу пароль
Нахожу сериал, нахожу серию.
Смотрю.

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

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

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

Какие-то были вынужденными — ну не можем мы никак по-другому удостовериться, что это я сам у себя пять тысяч списываю. Через 3 года придумают технологию идентификации по честным глазам, тогда код не будет нужен. Или сканер отпечатка пальца будет работать на всех смартфонах. Эту проблему решат.

Какие-то решения откровенно импотентские: почему нельзя обновлять флеш-плеер незаметно, не спрашивая меня? Я не должен знать, что у меня какой-то системный модуль устарел. У меня Андроид, но даже он мне обновляет приложения незаметно. И на самом «Турбике» не мешало бы вынести код для пополнения счета на главную страницу, когда у меня кончаются деньги. Сейчас этот код скрыт за двумя экранами.

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

Интерфейс — все еще зло. Все, кто делают интерфейс невидимым — молодцы.

История для любителей лендингов

Fri, 12 Dec 2014 11:00:41 +0300

Сегодня утром из рассылки Александра Гришина узнал такую историю.

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

Видимо, чтобы протестировать, как все работает, Александр эту страницу опубликовал по секретному адресу. Несмотря на это, страница подсосалась в РСС. Мейлчимп ее увидел и сделал автоматическую рассылку по базе читателей. В письме, которое он разослал, было пять фраз:

Как писать для кино и ТВ
Автор: Александр Гришин
О чем вы узнаете
С чего начать написание сценария
Читать далее

Читатели получили письмо с вот этими словами и ссылкой на пустую страницу с формой регистрации. Подписалось 30 человек.

Я не знаю, какого размера база Александра Гришина и насколько это хороший результат. Но вот интересное дело: люди кликнули на ссылку и записались на вебинар, несмотря на то, что в письме и на странице не было никакого продающего текста. Вообще никакого. Никакусенького. Даже слова «Бесплатно».

Продающие копирайтеры в этот момент:

Это что сейчас было

Классный парень Александр придумал годный продукт: вебинар о том, как писать сценарии. Читателям Александра этот продукт интересен, потому что они редакторы и писатели.

На рынке нет аналогичных предложений. Сценарное дело — занятие дорогое. Мало кто его упаковывает в простые доступные форматы. По крайней мере, я не встречал вебинаров или коротких курсов о драматургии и сценариях. Конкуренция невысокая.

У Александра хорошая репутация, потому что он старается быть полезным: пишет хорошие статьи, спамит мало и по делу, продукты продает интеллигентно. Читатели ему доверяют.

Человек с хорошей репутацией придумал конкурентоспособный продукт и сообщил о нем нужной аудитории. Аудитория сказала «Окей, заверните».

Хороший продукт + доверие = ❤

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

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

Хороший продукт работает лучше, чем хороший продающий текст.

Вы невнимательное говно, попробуйте еще раз

Mon, 29 Sep 2014 10:54:26 +0300

Хочу купить книжку на Озоне. Заполнил анкету, ввел пароль, получаю вот такое:

Здесь плохо сразу всё.

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

Давайте поможем Озону.

Обязательные поля

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

Пароль пришлем письмом.

Ошибка

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

Другое дело.