Небольшие промежуточные итоги

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

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

Итак, результаты:

⦁ Недавно потенциальный клиент спросил, сколько стоит час моей работы. 24 июня. 121 плюс. 63к просмотров. 30% дочтений. Топ-5 за сутки и топ-10 за неделю. Получил очередной инвайт на Хабр.

⦁ Больше никаких правок! Или как я сдаю прототипы с первого раза. 26 июня. 34 плюса. 3.6к просмотров. 28% дочтений. Топ-5 за сутки. Скорее всего, получил низкие охваты из-за того, что накосячил с заголовком.

⦁ «Да мы и без проектной документации справимся!». 9 июля. 13 плюсов. 3.1к просмотров. 43% дочтений. Скорее всего, заголовок слишком малопонятный широкому кругу читателей. А ещё я опубликовал её утром, отойдя от традиции выкладываться в неурочные часы.

Судя по всему, именно первая из трёх статей, принесла мне одного клиента на 60к рублей. Что, с учётом моих обстоятельств, не так уж и плохо.

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

Ещё позавчера увидел уведомление о том, что мне кто-то написал на Хаброкарьере. Я был за рулём, не мог посмотреть. И поэтому полчаса гадал, кто же мне там написал. Неужели, кто-то решил обратиться ко мне за бесплатной консультацией по проектированию? Но нет, написал представитель Хаброкарьеры с замечательной новостью, что я теперь могу размещать вакансии бесплатно, а платить только за открытие откликов соискателей :) Разочарование дня.

Но чего удивляться? На сегодня там 2 907 вакансий и 683 768 резюме.

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

Вчера с другом поехали гулять вдоль залива

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

Дальше на нашем пути был Бургер-Кинг, но я решил в него не заезжать после того, как они навешали мусора на мою входную дверь :)

Мы сделали круче: заехали в Норд и взяли там китайскую лапшу быстрого приготовления. Хот-пот с говядиной. Там консервированное мясо, рисовая лапша, овощи (лотос, картошка, водоросли) и приправа. Это часть сычуаньской кухни, поэтому приправа ну очень острая.

Прикол этой лапши в том, что там двойная тарелка: в нижнюю кидаешь химикаты в мешочке и заливаешь водой. Вода начинает кипеть. А сверху ставишь верхнюю и накрываешь крышечкой. Из дырочки в крышечке вьётся ароматный дымок. Прикольный перформанс. Вчера было жарко, даже после полуночи, поэтому половина удовольствия была потеряна. А представляете как круто навернуть горяченького бульончика в минусовую температуру на природе, при этом не прихватив с собой ничего, кроме воды и лапши?

А, ещё статью вчера написал очередную на Хабр. Как и планировал — про одну из последних работ в портфолио.

В начале этого года сел за статью…

Кажется, в январе. Решил написать на Хабр историю о том, как я своими руками и с помощью нейросетей сделал скрипт, с помощью которого можно парсить посты из телеграм-каналов.

И так получилось, что за один подход написать её не удалось. Уж больно большая.

Эта невыполненная задача мучила меня целых полгода. И вот сегодня я её дописал, опубликовал и выбросил задачу из головы.

Там история о том, как я придумал идею, реализовал её с помощью нейросетей и в конце забраковал.

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

Интересное наблюдение. Статья длинная, на 18 минут чтения. Но первая же оценка от таинственного читателя с Хабра — минус с пометкой «Больше рекламы, чем пользы» — прилетела уже через 4 минуты после публикации.

https://habr.com/ru/articles/891150/

Сегодня написал свою сотую статью на Хабр

Статья не зашла (и время публикации, и день публикации, и заголовок — всё не очень), но это не делает её менее ценной.

Суть: о чём стоит задуматься, прежде чем использовать автофокус в первом поле формы.

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

Хорошая система. Поощряет авторов писать регулярно, а не почивать на лаврах былого величия.

https://habr.com/ru/articles/929150/

В начале апреля я в Хабр.Карьере поставил галочку, что готов предоставлять бесплатные консультации в сфере проектирования интерфейсов (UX/UI)

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

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

Что помогаю с оценкой и развитием навыков и портфолио. Помогаю с тестовыми и рабочими задачами, а также с проектами.

Что готов помочь справиться с выгоранием и синдромом самозванца.

Подробно рассказал о своей экспертности и карьере.

В общем, заполнил всё это и стал ждать заявок на консультации.

И прождал аж до 19 июля. Это чуть больше трёх месяцев, получается, ради одной заявки.

Было прикольно. Жаль, что не востребованная штука.

— А давно начали работать с этим объектом?

— Кажется, в 2012 или 2013 году.
— С чего здесь всё начиналось?
— Здесь была берёзовая роща.

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

Я взялся за необычную задачу — сделать несколько фотографий для портфолио ландшафтного архитектора. Ну, точнее, изначальная задача — сделать сайт. Фотографии просто к слову пришлись. Ещё неизвестно, зайдут ли они клиенту.

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

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

— И как же вы справились с берёзовой рощей и перепадами высот?
— Да вот, всё сам, всё сам!
— То есть, пришли такой и стали копать?
— Да, с детской лопаткой.

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

Небольшое разочарование

Вчера ночером сел писать статью на Хабр о том, как своими руками (и с помощью ChatGPT) закодил ЦРМ нормального фрилансера.

В четвёртом часу утра начал, в шестом — закончил.

Думал, норм получилось, но статистика говорит обратное. Дочтений — меньше 10%. Голоса разделились почти поровну. Но при этом охват на момент написания этого текста — уже больше 7к просмотров.

Я за последнее время как-то привык, что все статьи неплохо заходят читателям. А тут ожидания разошлись с реальностью — и приуныл. Хорошо, что такие приунывания не длятся больше суток. Завтра буду писать уже что-нибудь новенькое. Ну и посмотрю, сколько людей зарегистрировалось в ЦРМке после прочтения статьи. На текущий момент — человек десять.

Ссылка: https://habr.com/ru/articles/931882/

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

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

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

А я тут про какие-то ЦРМ, да прототипы. Жизнь в пруду Дубков — куда как интересней :)

Пока я ищу заказы, работу и партнёров…

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

Я постоянно экспериментирую с текстами писем. Завёл для этого гугл.док и там завожу «Письмо 1.0», «Письмо 2.0», «Письмо 2.1» и т.д. Если в текст вносятся небольшие корректировки — я добавляю новый номер после точки. Если письмо переписывается под ноль — я завожу новую версию.

Суть письма простая: рассказываю о себе и предлагаю 15-минутный созвон. Зачем созваниваться? Познакомиться! Найти, где мы могли бы быть полезны друг другу. Вот как сейчас звучит призыв к действию в письме:

«Если интересно — давайте созвонимся на 15 минут. Даже если сейчас нет задач, буду рад знакомству — иногда задачи появляются у моих клиентов, и я с радостью рекомендую тех, кому доверяю».

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

Письма я отправляю не спеша. Несколько штук в день. На сегодня я отправил всего 17 именных писем в разные компании.

Где я взял список компаний? В рейтинге рунета. Выбрал категорию, связанную с программированием и настройкой сайтов — и иду сверху-вниз по списку. Захожу на сайт агентства, смотрю, чем они занимаются. Заглядываю в раздел «Карьера». У кого-то такого раздела нет — тогда иду в раздел «Контакты». Пропускаю агентства, которые занимаются исключительно промо-сайтами и интернет-магазинами.

17 писем отправил — получил три ответа. Каждый из ответов — через 48 часов после моего письма. Отвечают так же, на email, хотя в конце письма приглашаю в Телеграм. Два ответа примерно такие:

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

И один ответ «Спасибо за обращение. Ознакомимся с резюме — и напишем в начале следующей недели».

Разумеется, резюме я к письму не прикладывал. И в собеседовании не был заинтересован. Я был заинтересован в нетворкинге. 15-минутное знакомство и поиск, чем мы могли бы быть полезны друг другу.

Из этих ответов у меня потихоньку начинает формироваться два представления. Первое — сколько процентов агентств отвечают на входящие письма. Второе — если отвечают, то как.

В своё время мы с Антоном Григорьевым частенько получали письма от потенциальных проектировщиков на почту Проектората. Время ответа было регламентировано — максимум в день обращения. И ответы обязательно были по существу. То есть, мы прочитывали письма, находили в них вопросы или просьбы — и реагировали на них. Если бы нам в Проекторат кто-то написал с предложением созвониться на 15 минут, ответ был бы одним из двух:

— Сорян, мы не готовы сейчас созвониться на 15 минут и познакомиться, т.к. нам не нужны ни новые партнёры, ни входящие клиенты. (Разумеется, так бы мы не ответили, но пример релевантный).
— Да, давайте созвонимся и познакомимся. Будет окошко такого-то числа во столько-то. Разговор на 15 минут.

17 писем — это мало, выводы делать рано. Возможно, чем ближе к концу рейтинга, тем охотнее будут знакомиться представители агентств :) Всего я планирую отправить 250 писем. Осталось 233. Исключительно потому что нужно довести дело до конца и сделать выводы. После этого попробую поотправлять холодные письма в компании, внутри которых есть IT-продукты.

А так статьи на Хабре, кажется, начинают потихоньку работать — и это мой потенциальный основной источник заказов.

За последние пару дней накопилось много новостей и рассказов, но о них позже. А пока — приятных выходных!

Обожаю проектировать интерфейсы не вслепую!

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

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

Например, в админке Джанго есть список пользователей. И они отсортированы по алфавиту. Я туда регулярно захожу и смотрю, не зарегистрировался ли кто-нибудь новый? Сегодня увидел, что циферка 45 превратилась в 46. А кто именно зарегистрировался — по такому списку не поймёшь. Я внёс небольшую правку в код — и теперь в списке появился параметр «дата регистрации», по которому я его и отсортировал. Красота!

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

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

И вот, получается, свою жизнь облегчил. Но также хочется не забывать и о внешних пользователях. Я заметил, что многие люди после регистрации идут создавать свою первую задачу — и там видят выпадающий список с перечнем клиентов (или проектов), которые к этой задаче имеют отношение. А под перечнем — кнопка «Добавить нового». И вот все думают, что эта кнопка создаёт нового клиента или новый проект. А на самом деле она просто добавляет ещё один выпадающий список. А в выпадающих списках отображаются только заранее добавленные клиенты и проекты. Исправим!

К сожалению, это я не могу исправлять сразу в коде. Этот участок придётся перепроектировать, посмотреть в прототипе, а затем описать в функциональной спецификации. Например, создаёт пользователь новую задачу, добавляет нового клиента «на лету», а затем отказывается завершать создание задачи. Сохранится ли в этом случае клиент? Надо подумать! Кнопки «+ Добавить клиента» и «+ Добавить проект» переименую в «+ Ещё клиент» и «+ Ещё проект», а в выпадающие списки добавлю пункты «Добавить нового клиента» и «Добавить новый проект» соответственно.

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

Написал сегодня ночью статью на Хабр…

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

Иронично: статью сразу заминусовали. Причин две: ссылка на Телеграм-канал и заголовок, который буквально провоцирует поставить статье минус: «11 статей за лето — и ни одной в минус: мой фреймворк для Хабра». Тут даже если кто-то просто мимо проходил, мог подумать: «Ни одной статьи в минус? Подержите моё пиво!» :)

В общем, я как проснулся, удалил из статьи ссылку на канал, поменял заголовок и поправил ещё пару мелких моментов. В процессе отправил ссылку другу — и заметил такую интересную вещь: Хабр генерирует og (open graph) превьюшку в момент публикации (это такая картинка и текст, которые показываются в мессенджерах, когда кто-то ссылается на статью). А затем, если статью редактировать, превьюшка уже не изменится. Так и сейчас, скорее всего, в превьюшке под этим постом вы увидите старый заголовок.

По результатам лета на Хабре делаю для себя такие выводы:

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

Дело в том, что за всё время я привлёк с Хабра ≈350 подписчиков в этот канал. Это очень ценные люди, основа ядра моей аудитории. Но получается, что, если я продолжу в том же духе, то, во-первых, слегка понижу шанс на продвижение себя как специалиста. И, во-вторых, для получения хотя бы 10к подписчиков таким способом мне пришлось бы заниматься этим до глубокой старости.

Так что контент-маркетингом канала я буду дальше заниматься в Ютубе, а не на Хабре.

Ссылка на статью: https://habr.com/ru/articles/936164/

А вчера написал статью о том, как делаю UX-аудиты. Что это вообще такое, как это делается, зачем, почему, сколько стоит.

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

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

https://habr.com/ru/articles/937930/

На днях мне написал пользователь моего сервиса (см. картинку)

И вам это может показаться ерундой — а для меня это первый feature-request (запрос новой функции) от живого пользователя!

Небольшая предыстория: 29 июля я написал на Хабр крутую статью со всей историей разработки моего пет-проекта: ЦРМ нормального фрилансера. Это обыкновенная ЦРМ-ка (система управления взаимоотношениями с клиентами — от англ. CRM — Customer Relationship Management) с перечнем задач, клиентов и проектов, которую я делаю специально для фрилансеров, самозанятых, удалёнщиков. Статья потихоньку набрала 27 000 просмотров и привела к 50+ регистрациям.

Большинство заходили, смотрели, тестировали — и уходили. А один человек начал активно пользоваться. Так что нас теперь таких двое (сам я пользуюсь ЦРМкой каждый день и продолжаю её улучшать именно под свои нужды).

И именно этот человек мне и написал в итоге!

Вот, поделился!

Я за последние пару недель добавил несколько улучшений, которые упрощают онбординг и делают ЦРМ более удобной. И да, функцию, которую запросил пользователь из начала этого поста, я сегодня сделал за один подход.

А ещё создал группу «Норм ЦРМ», в которой буду делиться новостями об обновлениях и разработке, а также собирать обратную связь от пользователей. Кому актуально — присоединяйтесь.

А вот ссылка на саму ЦРМ-ку, если кому интересно. Проект сразу переведён на два языка: русский и английский (добавить какой-нибудь новый язык — дело на час). Релиз планирую делать осенью или зимой, но пользоваться уже можно. Пока что всё бесплатно и без обязательств.

Долго откладывал задачу сделать логотип и фавиконку для Норм ЦРМ

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

Во-вторых, не было настроения подготавливать картинки и svg-шки для публикации.

В итоге лень победила, и я сделал так: в качестве логотипа использовал самую банальную в мире идею. Галочку в рамочке. А затем решил не возиться с картинками, а сразу нарисовать логотип в коде.

Получилось так:

<link rel="icon" type="image/svg+xml"
  href='data:image/svg+xml;utf8,
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
      <rect x="5" y="5" width="90" height="90" rx="15" ry="15"
            fill="none" stroke="%23111" stroke-width="8"/>
      <path d="M25 52 L44 71 L76 29"
            fill="none" stroke="%230B66FF" stroke-width="12"
            stroke-linecap="round" stroke-linejoin="round"/>
    </svg>'>

Давайте разложу по полочкам для любопытных:

<link rel="icon" type="image/svg+xml"

Здесь я говорю браузеру: это иконка сайта (favicon). А ещё явно указываю, что это векторный svg, а не что-то ещё. Он масштабируется без «мыла» на любых экранах.

href='data:image/svg+xml;utf8,

Тут как бы ссылка на файл с фавиконкой. Но у нас ведь нет этого файла! data: значит, что данные берём прямо из кода ниже, image/svg+xml — это тип данных, а utf8 — это кодировка следующих строк.

Дальше уже интересно:

viewBox="0 0 100 100"

Здесь мы задаём виртуальную систему координат 100 х 100.

<rect x="5" y="5" width="90" height="90" rx="15" ry="15" fill="none" stroke="%23111" stroke-width="8"/>

Рисуем квадратную рамку. X и Y — это точка старта в левом верхнем углу. Дальше идут ширина (width) и высота (height). Rx и ry — это скругление углов. Fill — это заливка (none означает, что у нас без заливки), stroke — это цвет рамки. Вообще-то она у нас #111 (тёмно-серая), но в URL-кодировании мы не можем использовать знак решётки (#), поэтому заменяем его на %23. А stroke-width — это толщина линии.

<path d="M25 52 L44 71 L76 29" fill="none" stroke="%230B66FF" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>

Рисуем галочку одной кривой. M25 52 — переместились в точку с координатами 25, 52. L44 71 — провели линию до 44, 71. L76 29 — провели линию до 76, 29. Три координаты → два отрезка → та самая галочка. Дальше уже знакомые нам заливка, цвет и толщина линии. А вот stroke-linecap и stroke-linejoin — это концы линий и «коленка» галочки. Мы говорим, что они "round", т.е. скруглённые.

И фавиконка готова! Код я вставил в шаблон, в разделе <head>. Логотип сделан по абсолютно такому же принципу.

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

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

30 лет назад меня такому мог бы обучить только опытный и редкий преподаватель за несколько часов. А сейчас достаточно ввести пару-тройку промтов с вопросами к ИИ. В удивительное время живём!

Норм ЦРМ, конечно, стал чуток поживее с фавиконкой и логотипом.

Написал статью про неочевидные штуки на Хабре

https://habr.com/ru/articles/940598/

«Откуда ноги растут?»

Несколько месяцев назад ввёл в свой обиход железное правило: если делюсь с кем-то информацией — обязательно сообщаю, откуда я это узнал.

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