Fullstack Founder

Рубрика: Uncategorized

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

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

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

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

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

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

    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 веке. Занятно, что французская традиция потеряла этот символ в ходе преобразований.

  • Недавний опрос в сообществе руководителей

    Недавний опрос в сообществе руководителей

    Недавний опрос в сообществе руководителей диджитал-агентств Галера показал, что 2/3 рынка уже ощущают на себе кризис. Я много общаюсь на агентском рынке — знаете, кто кризис не ощущает? Те, кто занимается личным брендом и ведёт свои ресурсы в соцсетях.

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

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

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

    Если вы тоже хотите развивать свой канал, то проще всего сделать это 20–21 августа на бесплатном интенсиве от Таргетерии. Марина поделится практикой — как писать классные посты, как привлекать подписчиков (в том числе бесплатно), как посчитать финмодель канала и какие есть способы монетизации.
    Я проверил на себе — это хорошее мероприятие.
    Регистрируйтесь на интенсив в боте

    Ещё на интенсиве будут классные бонусы и плюшки:
    – Подкаст “Как привлекать подписчиков в 2 раза дешевле рынка”.
    – Разбор от юриста, что изменится после 1 сентября.
    – 5 промптов, которые ускорят создание продающего контента, если вам надо продавать в канале.

    PS: Если будете брать полный курс, то сошлитесь на меня и получите специальную скидку.

    Реклама. ИП Колмыкова Марина Александровна, ИНН 500912315650, erid: 2W5zFJho4Kr

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

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

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

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

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

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

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

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

  • Как блокируют звонки в Telegram и Whatsapp

    Как блокируют звонки в Telegram и Whatsapp

    Меня спрашивают, как же так получается, что все звонки в этих мессенджерах заблокировали, а сообщения отправляются? Рассказываю как можно проще.

    Интернет-провайдер — это сеть из проводов и роутеров. Wi-Fi-роутеры поменьше стоят у нас дома. От них провод тянется через стены и улицу в центр обработки данных интернет-провайдера. Там у них стоит большой роутер, который соединён с магистральным интернетом.

    Перед этим большим роутером установлен чёрный ящик, которым владеет Роскомнадзор. В ящике спрятан ТСПУ (техническое средство противодействия угрозам) — компьютер, к которому провайдер не имеет доступа. То есть, прямо на ящике висит замок и пломба.

    Через ТСПУ, как через фильтр, проходит весь трафик — каждый открытый сайт, любая скачанная картинка, совершённый звонок или просмотренный видеоролик.

    Трафик состоит из пакетов, которые отправляются от одного пользователя сети другому. Я отправил сообщение в Telegram — от моего роутера на сервер Telegram отправился пакет с сообщением. YouTube стримит видео — с их сервера к пользователю идёт поток пакетов с кусочками видео.

    Все эти пакеты проходят через ТСПУ. Он смотрит, кто, кому и что именно отсылает с помощью технологии DPI (Deep Packet Inspection). Очень похоже на работника почты, который суёт нос в каждое письмо и посылку.

    Звонки в Telegram совершаются через UDP на порты 1400, 596, 597, 598 и 599. РКН указал ТСПУ не пропускать пакеты со звонками на серверы Телеграма. Пакет пришёл в чёрный ящик, а наружу не вышел. Подобным образом происходит и с WhatsApp.

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

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

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

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

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

    Личную хорошесть/нехорошесть я бы прорабатывал с терапевтом. А вот качество услуг можно проконтролировать. Для этого есть простой и хорошо известный метод сбора обратной связи — 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!

  • Точность растёт с объёмом

    Точность растёт с объёмом

    Мы получили 647 посетителей, 105 лидов и 17 продаж.

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

    Применяем математику на практике — вычисляем погрешность. Нам нужно, чтобы погрешность была менее +/-5 процентных пунктов.

    Наши переменные:
    – Объём выборки 647 посетителей.
    – Текущее значение конверсии, 105 лидов / 647 посетителей * 100% = 16.2%.
    – Вероятность ошибки — каков шанс, что мы ошибаемся? Классический уровень для первого расчёта — 5%. Если нужна повышенная увереность при работе с важными данными, можно поставить вероятность ошибки 1%.

    Спрашиваем GPT: Рассчитай точность определения конверсии для 105 лидов на 647 посетелей при вероятности ошибки 5%

    Получаем ответ: Погрешность +/-2.8 п.п..
    Т.е. реальная конверсия может лежать в пределах от 13.4% до 19.0%. С такой точностью можно строить прогнозы и принимать решения.

    Если рассчитать погрешность для продаж из начала поста, то получится погрешность +/-10 п.п. Широкий интервал, но границы диапазона уже можно увидеть. Нужно добрать лидов, чтобы сузить интервал и сделать более точные выводы.

    Простой лайфхак:
    В начале сбора данных точность очень быстро растёт, а потом рост точности замедляется. Посмотрите на график: в зависимости от конверсии, точность 95% мы получим на выборке от 139 до 323 случаев.
    Можно использовать это как ориентир:
    – после 300 посетилей можно заниматься оптимизацией посадочной.
    – после 300 лидов — садиться переписывать скрипты.

    Так что, 300 раз отмерь, один отрежь. И да простят меня математики.

  • Когда опыт мешает

    Когда опыт мешает

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

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

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

    В чем вызов: осознать, что попадаешь под действие этого эффекта. Не применять поспешные решения, основанные на своём прошлом опыте. Ставить прошлый опыт под сомнение, задавать провокационные вопросы, включать “мышление новичка”, искать свои слепые зоны. Особенно, если сразу знаешь, как решать возникшую проблему.