ЗАО «Работяги»
Open in Telegram
Делаем сложные B2B-продукты понятными, желанными и которые вообще отвал башки. Приходите по любым вопросам к Антону: @achernogorov
Show moreThe country is not specifiedThe category is not specified
670
Subscribers
-124 hours
+257 days
+9930 days
Posts Archive
Часть 2. Новая миссия: будущее, которое можно потрогать
*ничего не вымышлено, всё реально, уж поверьте*
И вот к воротам «Работяхо» подошёл человек. Ни ниндзя из деревни, скрытой в звуке, ни представитель миллиардного эйчартеха. Путник выглядел спокойно: дорожный плащ, ноутбук в одной руке и что-то прямоугольное с закруглёнными краями — в другой
— Я из [NDA, sorry], — представился человекСедовласые мудрецы перестали жевать рис и внимательно посмотрели на гостя
— Слышали о вас — Хорошее? — Разное — Мне нужна дизайн-концепция — То есть вы хотите сделать продукт красивее? — Когда человек говорит «сделайте красивее», дизайнер добавляет воздуха, скругляет углы и приносит счёт — Так чего вы хотите? — Я хочу увидеть, каким наш продукт может стать — Нарисовать вам будущее в макетах? — В макете кнопка всегда работает, потому что на неё нельзя нажать. Пользователь никогда не ошибается, потому что дизайнер не нарисовал ошибку. А когда сценарий обрывается, дизайнер поправляет воротник и говорит, что дальше всё интуитивно понятноОдин из мудрецов отложил палочки
— Значит, вам нужно будущее, которое можно потрогать — Да — И сколько раз вы собираетесь его трогать?Ответа не последовало. Мудрецы одобрительно закивали и отправили работяг внутрь [NDA, sorry] — изучать продукт, разбирать сценарии и выкапывать его будущий облик из-под накопившихся решений Долго сидели работяги над интерфейсами. Перекладывали сущности, соединяли сценарии, выстраивали визуальный язык; решали, как продукт должен двигаться, отвечать человеку и вести его дальше; где появится состояние, где изменится экран, где интерфейс должен промолчать, а где — дать пользователю нежную продуктовую оплеуху Постепенно всё-таки собрали дизайн-концепцию. Она задала продукту новый визуальный язык, расставила акценты и показала, как серьёзная обучающая система может выглядеть современно, не превращаясь в карнавал градиентов. Лучшие тюнины только в «Работяхо»! Но появилась одна загвоздочка в диалоге двух работяг:
— Красивая — Красивая — Только неживая — Можем добавить ещё один мокап с ноутбуком — Тогда она станет неживой на красивом ноутбуке — СправедливоБууууу-ээ. Следующая часть о новой миссии — после 40 реакций
Нашли фотку главного архитектора стен деревни. Навалите reactions, чтобы оттянуть обратно этот дурацкий pixel stretch
Часть 1. «Работяхо» — деревня, скрытая в Москве
Её стены защищают самые могущественные ниндзя-тюнины, отпугивая злодеев секретным сексуальным дзюцу. Правят здесь — седовласые мудрецы с большим размером на плечах. Круговорот гениальных решений в «Работяхо» — дело обычное
Деревне нужно кормить своих верных людей. Для этого она выполняет миссии по всей стране — специальные задания разных рангов — получает шиши, закупает продовольствие и кладёт в кармашки своим людям
Совсем недавно в «Работяхо» приходил огромный миллиардный эйчартех — с новой миссией:
— У нас два новых модуля. Их нужно придумать, собрать и оживить
— Когда нужны?
— Уже
И отправили мудрецы своих работяг клепать модули для эйчартеха. И расчехлили работяги свои продуктовые финтифлюшки, книжки и, конечно, секретное дзюцу — вайбкодинг. И навайбкодили работяги модули, да не просто навайбкодили, а навайбкодили так, что навайбкоженный результат оказался больше, чем ожидал миллиардный эйчартех. И забрали сейлзы эйчартеха этот навайбкоженный результат, и начали они его продавать
Не успели работяги ополоснуться ледяной водицей, как из темноты с ехидной улыбкой шагнул ещё один именитый эйчартех, лидер рынка… В руках он держал нечто священное, с гордым металлическим звоном — AI-ассистента
— Сделаете?
— Сколько?
— Много
— Сделаем
AI-ассистент умел многое, кроме одного — быть понятным. И с-е-е-е-ли работяги корпеть над агентом, и разбирали все пользовательские сценарии, и изучали каждого ассистента в мире, и колупались они долго своими пасасиже — да сделали AI-ассистента для лидера на рынке эйчартеха
Навалило же золота на улицы «Работяхо»! Позволили себе ниндзя-редактора, чтобы следить за междеревенческими коммуникациями. Заодно — укрепили стены деревни, чтобы никакой кассовый писюнчик не испоганил погоду
И вот к воротам подошёл...
Господа-слушатели, 40 реакций — и выйдет следующая часть с миссиями «Работяхо»
Готовимся делать крутой проект для корпы — вот рефчики обсуждаем
Ну-ка в комменты по любимому рефу за последнюю неделю
+4
Часть 2. Вайбкодим визуализатор смет
На своем примере показываем, что сделать приложение за 6 часов — миф. Да, первая версия заняла 2 часа на воркшопе, но между «навайбкодил за 2 часа» ← → и «работяющий сервис, который решает задачи» — пропасть
Часть 1. Вайбкодим визуализатор смет →
🦄 Короче, поработали — плотно
1. Ввели проектную модель. Теперь сервис связывает три сущности: проект, смету и версию сметы. Сметы больше не лежат в одном месте, а команда может сохранять их версии. Это важно, потому что оценки часто меняются во время обсуждения с клиентом 2. Сделали аккаунты. Пользователи могут зарегистрироваться в сервисе с корпоративной почтой. Теперь всей команде доступна общая рабочая среда 3. Добавили совместное редактирование и историю изменений. Сервис сохраняет правки автоматически, поэтому нажимать отдельную кнопку не нужно. Если несколько человек редактируют смету одновременно, система оставляет самые свежие изменения и показывает, кто и когда их внёс 4. Пересобрали сценарий загрузки сметы. В первой версии смету приходилось загружать через JSON, поэтому процесс получался длинным и сложным. Теперь можно отправить в чат обычное сообщение с этапами и оценкой — мы часто пишем его прямо в телеграме. Иишка сама конвертирует текст в JSON и раскладывает данные по смете 5. Добавили правки живым языком. Можно написать ассистенту, что нужно изменить в смете — он внесёт правки и перечислит, что именно поменял 6. Развернули бэкенд на PocketBase. Это компактный бэкенд в одном файле с базой данных, сохранением версий и синхронизацией между всеми пользователями 7. Выложили сервис на домен и начали тестирование. Отдельным квестом стала стабильная работа OpenAI API, но это уже тема для следующей серии — ставьте лайки и расскажем быстрее 8. Объединили смету и диаграмму Ганта на одном экране. Раньше между ними приходилось переключаться через вкладки — теперь вся информация видна сразу. В диаграмме Ганта тоже появились классные обновления, но про них расскажем отдельно🦄 Сколько времени потратили — 25–30 часов 🦄 Что дальше: — тестируем внутри, собираем замечания, внедряем новое — жестко допиливаем UI: клиенты должны видеть понятную, красивую и стильную смету — думаем, как брендировать смету под клиента — тренировать иишку: два лайка и рассказываем, как это делаем Вопросы? Работают работяги rbtg.studio
заметил, что у Ульяны чатгпт отвечает в женском роде
я же со своими всегда на братском двигаюсь
а вы как-то особенно общаетесь со своими нейросетками?
тут, кстати, спойлер серии, мы прикрутили крутую штуку к проекту и отошли от загрузки через json
ВО-ПЕРВЫХ, ЛОВИМ АНТОНА: Я ТЕПЕРЬ ВСЕГДА ГРОМКО БУДУ ПИСАТЬ
ВО-ВТОРЫХ, ВТОРАЯ ЧАСТЬ СЕРИАЛА О ВАЙБКОЖЕННОМ ВИЗУАЛИЗАТОРЕ СМЕТЫ НА ПОДХОДЕ, ОСТАВАЙТЕСЬ В ЭФИРЕ
РАБОТАЮТ РАБОТЯГИ
ОТВЕТ — ТАБЛИЦА, ГА-ГА-ГА
Эффектненький прогрев закончился. Мы выпустили большую экспертоносную статью о природе таблиц — и чем их заменить
Внутри — категорические ответы: что такое хорошая таблица, какую таблицу вышвырнуть нахер, какую любить и уважать, и 6 способов заменить таблицу другим паттерном
Специальный гость материала — уважаемый Никита Русских @nikrusskikh, Design Lead B2B в Альфа-Банке, здорово дополнил наши мыслишки
Призываем вас комментировать, ставить реакции и отправлять друзьям
Читать на дизайнерс →
Читать на висиру →
Работяги, отгадайте загадку
Одновременно хочет свободы и безопасности, перемен и стабильности, близости и независимости. Требует правды, но избегает её, когда она ранит. Осуждает в других то, что оправдывает в себе. Стремится быть уникальным — и боится отличаться от большинства
Что же это?
+2
Короч, делать сметы руками для нас — долго, неприятно и жжёт в области отца Пигидия. А если вносить какие-то изменения — умножайте на два уровень боли
Особенно проблемно отрисовывать гант: раньше можно было в ноушене делать, но щас пизда с ним, плюс там надо ручками править тоже
Мы поворкшопили (повайбкодили) с командой и за 2 часа сделали первую версию визуализатора сметы
Работает так:
1. делаешь prd задачи (тз)
2. вместе с чатгпт формируешь этапы, задачи и их описание
3. формируешь json
4. импортируешь json в сметчика, он по разметке все расставляет
5. он же в табичку собирает стоимости, сроки и тд по задачам и этапам. и что самое пиздатое, он сквозно формирует гант, исходя из сроков
Пу-пу, работяги. Один лайк — и мы запускаем сериал, как развиваем дальше всё это дельце
Способ заменить таблицу в сложном B2B-продукте
Скриншоты — фейковые. Реальное показывать не можем
Мы дописываем материалище про таблицы в махровом битуби. По этому поводу вспомнили недавний кейс работяги Васи 🤩 с гигантской FMСG-компанией, которой мы помогаем улучшить корпоративную систему
Работали мы над таблицей найма сотрудников ↓
В чём проблема. На экране найма нанимающий менеджер видел таблицу с кандидатами, статусами, проверками, сроками и действиями. Данные были собраны в одном месте, но рабочий сценарий приходилось собирать самому: кто ждёт реакции, где подходит дедлайн, какой статус важнее и что нужно сделать сейчас. Для продакта такой экран может выглядеть естественным, а для пользователя — утяжелитель, как у Рока Ли на руках Наше решение. Мы предложили старый-добрый канбан. Канбан лучше подходит под саму природу задачи: найм — это движение кандидата по этапам. Пользователю проще видеть рабочий поток, чем абстрактную таблицу с сотней переменных Нанимающий менеджер в этой логике не изучает всю таблицу, а реагирует на события и двигает процесс вперёд В канбане кандидат становится карточкой, этап найма — колонкой, дедлайн — заметной меткой, а срочное действие — визуальным сигналом И вот как меняется работа человека с канбаном: — этап считывается по положению карточки — срочные кандидаты быстрее попадают в фокус — дедлайн находится рядом с контекстом решения — дополнительные статусы не перегружают основную логику — менеджер видит ближайшие действия, а не всю структуру данныхТаблица сильна там, где нужно сравнивать, сортировать и анализировать. Но если пользователь ведёт процесс, реагирует на изменения и переводит объект из состояния в состояние, таблица может стопорить Наша статейка будет про это — природу таблиц и как они устроены в сложном B2B. А Вася — красавчик rbtg.studio
Подозреваем, что не все из вас увидели нашу охеревшую статью про B2B-интерфейсы →
Поэтому ловите конспектик c главными мыслями. А за самым важным — деталями — просим в статейку бежать
— почему B2B-интерфейсы были ТАКИМИ,
— причём здесь дизайнерская позиция,
— что изменилось в этих интерфейсах,
— что такое эмоция в сложных B2B-продуктах,
— как изменится логика B2B-интерфейсов
rbtg.studio
