Метка: рост

  • Как не собирать персональные данные

    Как не собирать персональные данные

    Запустили лендинг и вам не хочется создавать и размещать политику обработки персональных данных, регистрировать сайт в РКН и проводить связанные с этим внутренние процедуры?

    Выход есть, он до безобразия простой: не надо вообще собирать персональные данные!

    Убираем все формы, в которые посетители вводили имя, телефон, почту. На их место ставим наш телефон, нашу почту и наши соцсети.

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

    На таком сайте не нужна защита сайта от спама — форму ведь мы уже упразднили.

    Что думаете, будет ли это работать лучше, чем традиционные формы?

  • Как я два месяца не делал базу знаний

    Как я два месяца не делал базу знаний

    Пару месяцев назад я выбирал базу знаний. Думал про Open Source, думал про платные.

    При подробном разборе выяснилось, что наша база знаний состоит из нескольких частей:
    – Дизайн главной страницы с категориями и списком статей
    – Дизайн статьи
    – Интерфейс редактирования статей и категорий
    – Управление пользователями
    – Шапка, подвал
    – Дополнения в духе “была ли эта статья полезна?”

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

    Модуль работы со статьями и категориями был написан за несколько часов с помощью Cursor. Код не критический, всё проверил вручную. Нарисуем и сверстаем дизайн ещё за пару дней — это уже в процессе работы. На старте допы, переводы и версии документации нам не нужны. Вот и всё приключение!

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

    В итоге потратил пару месяцев на инерцию и два дня на реализацию.

    Мой вывод: велосипеды можно изобретать, если задачи простые и понятные.

  • Как повысить цену на услуги?

    Как повысить цену на услуги?

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

    Цену называет новый человек
    Рабочий метод, если препятствие в вас. Берёте нового менеджера в отдел продаж, который ничего не знает про “справедливые” цены. Сообщаете, что нужно продавать по новой цене. И он будет продавать именно по этой цене с полной верой, что так и нужно.

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

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

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

  • Как лигатуры в браузер попали

    Как лигатуры в браузер попали

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

    Это изобретение появилось одновременно из-за лени и ради красоты. Первые лигатуры писали вручную в манускриптах до изобретения печати. В типографском ручном наборе каждый символ был представлен отдельным кубиком ­— глифом. Но некоторые дополнительные глифы включали в себя сразу два символа. Получалась экономия времени при сборке страницы и экономия пространства на бумаге. Эту технику использовал Гутенберг при печати своих первых Библий.

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

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

    Adobe и Microsoft в середине 90-х объединились и сделали стандарт шрифтов OpenType. Это сделало лигатуры доступными на всех платформах. Но поддержку в интерфейсах и браузерах пришлось ждать ещё почти десятилетие.

    Apple, как известные фанаты дизайнерских мелочей, разработали свою технологию рендера шрифтов и свои шрифты. Так в интерфейсах на Mac OS, начиная с версии 8.5 (1998 год!), шрифты стали автоматически использовать лигатуры.

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

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

  • Разбил мобильник

    Разбил мобильник

    Сегодня я просто поною в канале, ладно?

    Уронил с высоты и разбил свой iPhone 12 mini. Он пережил множество падений, но это оказалось фатальным: теперь экран показывает яркие полосы вместо изображения. Это знак, что пора обновить телефон, подумал я.

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

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

    Последний iPhone mini был 13-го поколения, то есть 4 года назад. Я стал искать, есть ли современные телефоны подобного размера. Меня удивило, но их больше не выпускают даже на Android! Десятки производителей выпускают линейки устройств разного размера. Но под управление одной рукой можно найти только ударопрочные смартфоны в бронированном корпусе со слабой начинкой или устаревшие модели нижнего ценового сегмента.

    Штош, я пытался. Заказал себе mini из старых запасов, благо стоит он как недорогой Android.

    Вопросы в воздух:
    – Я последний человек, кому нужен удобный телефон?
    – Почему в Apple забили на принципы эргономики?
    – Как лопатами пользуются люди с одной рукой?

  • День рождения #хэштегов

    День рождения #хэштегов

    23 августа 2007 года американский блогер и евангелист Open Source Крис Мессина опубликовал твит, в котором предложил использовать знак # для обозначения темы твита. Знак уже почти десять лет применялся в IRC для обозначения каналов, например, #news.

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

    Изначально знак # — это сокращённое написание libra pondo — римское обозначение меры веса. Сперва типографы для сокращения набора ввели лигатуру , а позднее упростили её до знакомого нам символа #. Кстати, музыкальный символ диез — это совершенно другой знак: у него линии косые.

    Также символ # используют во многих странах, чтобы обозначать слово “номер”. Нам кажется это необычным, ведь мы используем лигатуру Nomero для той же цели. В Россию она попала как заимствование из французской типографики в 19 веке. Занятно, что французская традиция потеряла этот символ в ходе преобразований.

  • QR-коды

    QR-коды

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

    Поэтому в 1994 году японец Масахиро Хара разработал новый тип кода быстрого считывания — Quick Response code. Масахиро работал на заводе по производству автозапчастей Denso Wave, одного из поставщиков Toyota. Сотрудникам завода приходилось постоянно сканировать штрих-коды. Благодаря разметке из трёх чёрных квадратов, QR-коды можно считывать под любым углом или даже вверх ногами. Изобретатель отказался патентовать свою разработку, что позволило QR-кодам распространиться повсеместно.

    Идея QR-кодов пришла в голову Масахиро, когда он смотрел на доску для игры в Го. Черные и белые фишки напомнили ему бинарный код, где чёрные кодируют единицы, а белые — нули.

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

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

    В школе я играл в игру рендзю на доске для Го. Вероятно, поэтому QR-коды меня сразу зацепили. Впервые я использовал их в рекламных кампаниях примерно 15 лет назад — мы размещали их на флаерах и афишах, которые висели по городу. Тогда их практически не сканировали, поэтому я в них разочаровался. Кто знал, что позже они станут такими популярными.

    Большой толчок в распространении QR получили во время COVID-19 — ситуация требовала бесконтактную передачу информации. Очень скоро их адаптировали для платежей.

    Если захотите сгенерировать QR-код, воспользуйтесь проверенными сервисами:
    Генератор от Adobe.
    GoQR. Тут есть также API для программной генерации.

  • Запустить еmail-рассылку

    Запустить еmail-рассылку

    Придумал новый эксперимент! Хочу добавить в блог техдиректора email-рассылку с дайджестом новых постов.

    В сознании нормального человека желание завести email-рассылку может показаться диким — кто-то ещё читает письма в 2025 году?

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

    Факты про email:
    – Пользователи интернета отправляют 251 миллион email в минуту.
    – Социальные сети приходят и уходят, а почтовый ящик у людей не меняется со школы.
    – Email-база принадлежит мне и легко мигрирует с сервиса на сервис. В отличие от подписчиков в социальных сетях.
    – Недавно я отправил email-рассылку на 2000 человек и это действие принесло 68 продаж. Конверсия 3,4%!
    – Организаторы музыкальных событий делают рассылку по базе своих покупателей и получают волну продаж.
    – Знаю бизнес-консультантов, которые получают клиентов в основном с email-рассылки.
    – Пару лет назад разговаривал с редактором англоязычной email-рассылки по крипте на десятки тысяч человек. Рассылка платила зарплату нескольким работникам редакции.
    – Клиенты моей веб-студии регулярно рассылают свои новости и тратят на рассылку ощутимые суммы.
    – Аналитика этого года от нескольких западных сервисов говорит о том, что больше 35% подписчиков открывают письма, а вложения в рассылку у большинства бизнесов окупаются многократно.

    План по email-рассылке:
    – Выберу сервис для рассылок.
    – Настрою почту для домена.
    – Добавлю форму для подписки на сайт.
    – Пропишу предупреждения об обработке персональных данных.
    – Создам шаблон для рассылки.
    – Автоматизирую её отправку.

    А вы заглядываете в свой почтовый ящик?

  • Как следить за качеством услуг

    Как следить за качеством услуг

    За прошедшую неделю несколько раз обсуждал контроль качества оказания услуг.
    Я за собой вижу склонность избыточно доверять людям — все же понимают, как на самом деле надо? В общем, микроменеджмент не моя сильная черта. У других руководителей есть синдром отличника — всё должно быть сделано идеально. Если клиенту что-то не нравится, то руководитель автоматически проецируют это на себя — моя компания косячит, значит это я такой нехороший. С таким набором симптомов из операционки надолго не выйти.

    Личную хорошесть/нехорошесть я бы прорабатывал с терапевтом. А вот качество услуг можно проконтролировать. Для этого есть простой и хорошо известный метод сбора обратной связи — Net Promoter Score (NPS).

    Наверное, у каждого из нас этот NPS спрашивали. Выглядит это так:
    – Вопрос: “Насколько вероятно, что вы порекомендуете наш сервис?”
    – Простая шкала от 0 до 10, одну из цифр нужно выбрать.

    Если потребитель отметил 9 или 10, то он доволен и будет рекомендовать.
    Если 7 или 8 — ему нормально.
    Если оценка меньше 7 — у нас недовольный клиент.

    В книжках рекомендуют спрашивать “почему вы поставили такую оценку?”, но я предпочитаю другие вопросы:
    – Что мы могли бы улучшить?
    Спрашиваем у клиента, где у нас проблемная область, но в позитивном ключе. Этим мы переключаем его из роли критика в соавторы.
    – Что вам понравилось?
    Если ему хоть что-то понравилось, то он зафиксирует для себя этот момент в конце анкеты. Снова позитивное перепрограммирование.

    Ежемесячную отправку клиентам NPS-анкеты можно прикрутить к CRM. В офлайн-сервисах можно раздавать бумажные анкеты.

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

    Вроде понятно, что это полезно, инструменту много лет, внедрение копеечное. Помню, как я печатал такие анкеты 15 лет назад на копире и ставил картонную коробку для сбора ответов. Но даже у меня сегодня NPS внедрён не на всех проектах. Буду исправляться!

  • WebP для картинок на сайте

    WebP для картинок на сайте

    В тесте для сайтов Page Speed Insights от Google есть рекомендация перевести все изображения в формат WebP. Формат разработали в Google, он открытый и основан на уже известном кодеке и форматах. Пользователи раньше не любили WebP, потому что не понимали как смотреть сохранённые картинки в устаревших программах.

    В чём же фишка и почему Google рекомендуют переходить на него?
    – JPG, GIF и PNG используют алгоритмы компрессии изображений, разработанные в прошлом веке.
    – WebP основан на эффективном видеокодеке VP8, который разработали для сжатия потоков видео.
    – Кодек пытается предсказать, какого цвета будут следующие пиксели и кодирует только отклонения от предсказания. Он просто старается не записывать информацию обо всех пикселях.
    – Лучше учитывает несовершенство человеческого зрения и делает картинку проще для кодирования с разницей незаметной для зрителя.
    – Поддерживает полупрозрачность, как PNG.
    – Компактнее хранит метаданные и меньше места тратит на технические заголовки файлов.

    Визуально неотличимые файлы получаются на 20-35% меньше, чем традиционные JPG и PNG. На многих сайтах картинки составляют большую часть веса, поэтому эта экономия значительно ускоряет загрузку.

    Чтобы WebP заработал на моём WordPress сайте, нужно проверить несколько вещей:
    – WebP поддерживается веб-сервером — для Caddy ничего делать не нужно, в NGINX или Apache2 я бы проверил поддержку mime-type.
    – WebP поддерживается сайтом — WordPress умеет распознавать WebP-файлы при загрузке.
    – Конвертировать уже загруженные картинки в WebP — я использую плагин EWWW Image Optimizer. Он бесплатно конвертирует все старые JPG прямо на сервере за пару минут.
    – Подменить старые форматы на новый в опубликованных постах. Для этого включаю автозамену картинок в том же плагине.

    Всё, на сайте работает WebP!