ЗАО «Работяги»
الذهاب إلى القناة على Telegram
Делаем сложные B2B-продукты понятными, желанными и которые вообще отвал башки. Приходите по любым вопросам к Антону: @achernogorov
إظهار المزيدلم يتم تحديد البلدالفئة غير محددة
665
المشتركون
+424 ساعات
+267 أيام
+10730 أيام
أرشيف المشاركات
Готовимся делать крутой проект для корпы — вот рефчики обсуждаем
Ну-ка в комменты по любимому рефу за последнюю неделю
+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
Сегодня у меня была встреча с топ-менеджером важного для нас клиента. Я переживал, как все пройдет
Но на меня какнул голубь и я сразу успокоился. Сделка в кармане
Принцип 3%
Сегодня весь день с работягами разгоняемся по поводу дизайнерского принципа Вирджила Абло
Чтобы сделать вещь новой, не обязательно менять её полностью. Иногда достаточно изменить узнаваемый объект или паттерн примерно на 3%, но так, чтобы изменился его смысл
Абло исходит из простецкой мысли: сейчас почти невозможно создать вещь с нуля — мы всегда работаем с уже существующими формами: кроссовками, стульями, дорожными знаками, интерфейсными паттернами и тыры-пыры
Вот как на скриншоте: Вирджил добавил к знаменитому икеевскому стулу всего лишь стопор — взял знакомую вещь и изменил в ней один элементик так, что поменялся контекст, статус или смысл. Стул теперь реально другой
Думайте, работяги. А в комментарии — ваши примеры с принципом 3%
rbtg.studio
Repost from Антон из Crauch
2017 год, Волгоград. Я мечтаю выбраться из съемных квартир и о финансовой нестабильности. Хочется много зарабатывать, стать классным
Я находил в вк паблики про дизайн и писал админам что-то типа «привет, я дизайнер, дайте работу». Еще писал всем контактам, что у меня были, с диалогом:
— привет, тебе что-то нужно задизайнить?
— привет, нет
— может, ты знаешь кого-то, кому могут понадобиться мои услуги?
— …
И тогда я читал UX Notes. Собрался с силами и написал Антону, админу канала. А он возьми и предложи мне участие в конкурсе на дизайн сайта для какого-то музея. Вложил тогда все силы в это, уровень работы там был НЕВЕРОЯТНЫЙ (нет).
Конкурс схлопнулся, я ничего не получил, но Антон меня порекомендовал своему клиенту. Так я получил первый заказ на интерфейс заказа футболок с принтами для университетов. Мой первый b2b, получается!
И теперь он постит нашу экспертную статью про b2b в UX Notes. А для меня это достижение, потому что контент там серьезный и хардкорный.
https://t.me/uxnotes/1762
Приятно было откатиться в те стартовые времена, когда не было ничего, кроме желания стать кем-то.
ПОЧЕМУ
B2B-ИНТЕРФЕЙСЫ
ПЕРЕСТАЮТ БЫТЬ
СТРАШНЫМИ,
ТЯЖЕЛЫМИ И
СКУЧНЫМИ
Написали новый материал на «дизайнерс», где балансируем между профессиональной духотой и вайбчиком
Мы ужасно обтекаем холодным потом, когда авторизуемся в сложных корпоративных инструментах типа 1С и CRM-систем
Там начинается это всё: сначала попробуй авторизуйся спокойно, затем найди нужные данные, затем не обосрись от страха, что что-то изменишь, а это раскатится на всех
Но это уверенно уходит — B2B-интерфейсы становятся человечными: заботятся о своих пользователях
Наш материал об этом: почему так происходит, как именно меняются B2B-интерфейсы и что с ними станет в будущем
Внутри много скриншотов интерфейсов, дизайнерских мыслей и нас, работяг
Читайте на «дизайнерс», делитесь с братьями и сёстрами →
КОНЕЧНО КЛИКНУЛИ БЫ, ВЕДЬ ЭТО ПЕРВОЕ ДЕМО РАБОТЯГ
Запустили ежемесячное демо, в котором будем обсуждать всё, что сделали
Первое демо — исключительное: прошлись по пяти первым месяцам студии: по победам, поражениям, кайфам и смыслам
Что в программе:
— почему выбрали позиционирование на сложном B2B
— какие проекты успели сделать (показываем макетики, объясняем решения)
— почему работяги называются работягами, епта
— счастлив ли Антон делать студию
— и куча всего: вайбкод, битусишные механики в битуби, кринжовые шутки про коней и бе-бе-бе
Бегом смотреть, работяги →
