Rose debug info
---------------

Толя Вербицкий

Про продукт, UX и не только

Virtual Schema by Figma 2022: Design systems

Cover. Virtual Schema by Figma: Design systems



16 ноября прошла Figma Schema 2022.
Делал заметки по ходу трансляции, чтобы поделиться со всеми кому будет интересно.
//Schema — это конференция Figma, с фокусом на дизайн системы.
Эта конференция обычно более хардовая, чем остальные и поэтому мне особенно интересна.


В прошлом году я также собирал заметки. Там тоже было много интересного.

И начинаем

Architecting subcomponents

Nathan Curtis
Consultant at EightShapes

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

Дизайнеры всё больше приближаются к коду, прорабатывают и ограничивают API компонентов. Nathan прошёлся по разным подходам построения компонентов. Задавался вопросом какой подход лучше использовать: слоты, зонирование, метод подмен подкомпонентов или БЭМ. Было приятно слышать упоминание БЭМа на дизайн конференции, которую проводят не только выходцы из Яндекс.Денег :) Ответ — использовать их все и находить более подходящие лично для вашей системы.


В галерее сохранил примеры оформления и документирования компонентов.



Дизайн и код должны быть синхронизированы и для этого каждый дизайнер может выбрать подходящий вариант передачи API компонентов в код. Тут пример через псевдокод.



И конечно же документируйте всё. API, как можно и нельзя использовать тот или иной компонент, с чем они взаимодействуют и пр.



Это всё помогает повысить консистентность по всему продукту.



Главное — Learn. Learn. Learn.


Expanding your design system’s sphere of influence and other lessons I’m still learning

Lauren LoPrete
Senior Product Design Manager at Dropbox

Следующий доклад делал упор на политике внутри компании. Как внедрить дизайн мышление.

Как донести, что вы делаете дизайн систему, а не просто UI kit.

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

Если коротко сначала заразите идеей дизайнеров. Через Office hours и другие общие встречи, где вы можете донести ваши идеи. Дальше двигайтесь к менеджерам. Делайте песочницы с драфтами и итерируйте идеи вместе с ними. И уже сформированную идею или несколько, с аргументацией через метрики и советы менеджеров можно нести на C-level. Делайте опросы и проводите звонки One on One, чтобы понять проблемы и как уже помогает текущая дизайн система.

Немного примеров из дизайн системы Dropbox:


«Great visual designers usually have strong opinions about border-radius».

Кто только начинает внедрять дизайн систему или хочет создать дизайн культуру в компании — обязательно посмотрите запись, когда она появится.

Evolving systems with data and heart

Uber.

Доклад Uber строился вокруг их системы плагинов — Base. Она помогает управлять и отлаживать дизайн систему.
Не буду тут особо останавливаться, кто интересуется дизайн системами могли давно про это прочитать. Кто пропустил — подробнее на блоге компании (для России нужен VPN). Но презентация конечно очень красивая.

Выделю, что снова делают акцент на интервью One on One с теми, кто использует дизайн систему и опросах. Uber очень большой. Очень. Поэтому они очень круто закапываются в аналитику использования из дизайн системы. Собрал скринов:



И немного советов


Navigating complex system updates

Gonzalo Vasquez
Product Designer at Zalando

Leonie Proske
Product Designer at Zalando

К моменту доклада я уже знал Zalando, но даже не думал что они такие большие. У них 200+ дизайнеров, поддержка более 50 команд и более 140 000 вставок компонентов в неделю (more than 140k component inserts per week). Поэтому изменение даже одного core компонента может поломать работу большого количества людей в компании.


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



В очень короткие сроки ребятам нужно было оптимизировать дизайн систему, для соответствия новым правилам доступности интерфейсов в ЕС. Это затронуло очень большое количество компонентов и попутно дало хороший опыт.



Очень полезный скрин, как устроен процесс новых итераций:



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


Multidimensional design systems

Из этого доклада я запомнил только опыт работы спикера — 20 лет. Вау.

Rolling out design tokens to a branded house with 18+ products

Deborah Lindberg
Lead Product Designer at Atlassian

Lewis Healey
Senior Product Designer, Design Systems at Atlassian

У Atlassian в прошлом году был один из самых интересных докладов. Да и в целом их подход к построению дизайн системы мне очень близок. Именно дизайн системы, Jira всё также — боль.

Рассказали как они создают и внедряют дизайн токены для более 18 продуктов, которые должны выглядеть и ощущаться одинаково. Поговорили о том, как создавали эти токены и о проблемах с которыми столкнулись. Показали Figma плагин, который позволяет 500+ дизайнерам ускорять рабочий процесс и сохранять их рабочее время.


THE SYSTEM IS ONLY AS GOOD AS ITS ADOPTION



Изменения такой огромной системы очень болезненны и занимают много времени.



Немного скринов про переход к системе дизайн токенов и как они меняются в разных темах:




И снова про синхронизацию дизайна и кода.



Советую дождаться видео и закопаться в детали. Много интересного.
А пока ребята поделились публичным FigJam файлом с подробностями.


Посыл всей конференции — переход от старой системы или легаси к новой это не прямая линия, а огромное количество итераций. Главное понимать к чему вы идёте.



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

Заметки с финтех конференции Money20/20

23-26 октября в Вегасе проходила конференция Money20/20. Моя коллега Алина посетила там много выступлений, а я собрал её записи, впечатления и обзоры разных СМИ.

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

//Money20/20 — одна из крупнейших финтех конференций. В которой принимают участие важные игроки рынка, такие как: JP Morgan, eBay, Paypal, MasterCard, Squire, Adyen и многие другие.
//LATAM—краткое обозначение рынка Латинской Америки.

Основные темы

— Metaverse
— Open banking
— BaaS //Banking as a service
— Cannabis
— Crypto
— Альтернативные платёжные решения


Заметки


Первый день

Говорят здесь 11000 людей, масштабно супер, от количества людей, компаний едет голова, из Канады, Японии, Италии, Штатов.
В теме дня: metaverse, cannabis, crypto и LATAM. Главный тренд остаётся тем же столько лет: simplicity, simplicity, simplicity.»

Megabucks from the Metaverse

Roberto Hernandez // PwC
Brandon Johnson // Terra Zero

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

Что делать? Встраиваться своими брендами уже сейчас в Metaverse, быть первым, не тупить.

Metaverse — What it means for money & the Keepers of Identity

Sophia Bantanidis // Citi

Продолжает тему Metaverse уже под соусом регуляторики. Как защитить пользователей? Детей? Этим сейчас будут заниматься все платежные компании.

Про какую временную шкалу мы говорим? 2-3 года. В течение этого времени компании будут ещё развиваться в Metaverse. Только после мы увидим по-настоящему классные продукты.

Где читать информацию про Metaverse? Читайте открытые материалы от банков. Пробуйте сами Metaverse платформы :)

Banking on the Cloud: From Neobanks to Big Banks

Классические дебаты: банк vs необанк. Пример различия: кредиты для smb. Если обычный банк получает заявку на $100K и $1М, и по ресурсозатратам они равны, то по выручке loan manager будет больше рад тому что в 1М. Необанки при этом могут через технологии удовлетворить потребности и масс.

Ещё loan managers любят проводить character test: насколько твоему бизнесу можно верить? В итоге происходит много bias. Два бизнеса, равные по метрикам, получат сильно разные ставки.

Классические банки переходят на cloud banks. GreenDot bank as an example — BaaS solutions in the USA, 67mln accounts issued.

ML используют все: for improving user experience, фрод-мониторинга и инсайтов для business owners — такой-то cash flow gap у тебя будет, учти.

All agreed, что весь финтех сфокусирован больше всё ещё на физиках, а не SMB — в этом есть развитие.

Bill Harris / Nirvana Money, ex PayPal

Лучшая презентация so far. Потравил байки про Стив Джобса, как уговаривал Джобса делать финансы, а он всё говорил: I’m a tech business, not a finance business.

Мысль: money must be simpler

Поэтому делает теперь Nirvana Money

eBay, Squire, Adyen

Про кооперации платформ и маркетплейсов. Simplification, simplification, simplification.

— EBay работает с Adyen, AfterPay и Klarna
— Squire делает сервис для SMB like barbershops

eBay: ‘Every customer contact is a gift — to our innovations, they give insights for ecosystem’

Что важно миллионной аудитории: to be served everywhere they want, safety, stability.

Money in 2030:Frictionless, simple, personal, seamless (more)

Fintech startup experience in Latam // Ben Gleason, Brazil

Интересный формат подкаста прям на конференции

Рассказывает как сложно было искать инвесторов для Бразильского финтеха. Все думали что Central Bank скоро их прикроет. Но пока нет.

Central Bank — очень открытый и инновационный. Поэтому много стартапов открывается.

Главный challenge — в партнерстве с банками, которые не верят в твой high-growth.

At first, acquisition costs were cheap. Но с появлением конкуренции стали уже совсем не такими дешевыми как 10 лет назад.

Open banking innovations // MasterCard, Dwolla

  1. Trust and security as a must for consumers.
  2. Younger population are younger adapters of all new technologies.
  3. To predict which payment solution works for the customer (cr, decline rate).

The potential of alternative payments // Ebanx

38.3% — доля альтернативных методов оплат в Латаме, и ещё много интересных цифр про cash, кошельки и методы оплаты в Латаме и Африке.

The future looks alternative and Instant. Cash is king. Access is king too.

Alternative Payments aren’t optional anymore // Anisha (Square), Vivin (Uber)

Зачем нужны альтернативные методы?

Squire: P2P, QR codes, BNPL всё ещё в основном только среди только GenZ. Понимайте свою аудиторию.

Uber: providing optionality for both drivers and riders. We still accept cash!! We wanna go from cash to alternative methods. We work in 70 countries but still in 2022 we can’t do instant payments in all countries, and the APMs may be the solution. Egypt — get on mobile wallet as example.

Squire: 1) for sellers the aim is to not miss a sale, that’s why we provide a variety of payment methods for buyers. 2) payrolls: it takes 3 days for pay-rolling but now we can do it instantly because we know about future payments, 3) sellers are ready to pay extra fee to get money earlier.

Uber: drivers are also willing to pay extra fee to get funds earlier :)

APM can solve the problem with Omni-channel experience and they are cheaper.

Передышка


Trustly + Lyft

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

Косты с банковского счета ниже. Юзерам будто удобнее. Работают в USA и UK. Вообще про замену карт банковскими счета (цикличность?) было много на конфе.

Второй день

Сегодня день будто про альтернативные платёжные решения. Доклады как обычно часто из воды. Из некоторых сообщений выше это видно. Но в целом попадаются и очень интересные.

20+ тет-а-тетов, довольно много из payin, payout, baas историй. Мало кто раскрывает цифры, только в переписке. Интересно, что не встретился никто кто делает в латаме кредиты или loans. Но много кто про credit cards под ключ, и только USA, Европа.

*у RAPYD самый стильный стенд!

Fintech unicorns from LATAM

// Kushki, B89 (Peru), Clip (ex PayPal) 🦄🦄🦄

B89 — сделали банк в Перу, когда никто не хотел им выдавать кредитные карты. ‘Our main competitor is cash’.

Clip — выходец из PayPal, сделал банк в Мексике, сейчас 2 из 3 мерчантов в Мексике работают через Clip.

Brazil и Mexico — впереди всея Латама. Но классно выходить и за их рамки. Kushki из Эквадора. Интересный район — Чили, большой penetration карт.

В Перу нет instant payments. Надо ждать 1-2 дня для зачисления денег, приходится искать хаки как обходить эти законы.

NUBANK and MERCADO LIBRE

Классная сессия с NUBANK и Mercado Libre. Первые — необанк в Бразилии, с классным UX, запускаются ещё в Мексике. Вторые — про платежные решения для мерчантов через QR и платежные ссылки. Оба про financial inclusion и поразительные цифры роста.

Из интересного, у NUBANK последний NPS показал оценку в 90,9 🫣 невероятно много для приложения по финтеху.

Mercado Libre выросли х3 за первый год пандемии (а она была в латаме очень жесткой) — выросли за счет платежных онлайн ссылок что раздали по мерчантам.

Оба добавили крипту, и за месяц получили по миллиону пользователей !!! Из-за нестабильности валют и невозможности иметь USD аккаунт в латаме (точно ли это так?) крипта пользуется огромным спросом.

Все говорят про 1. Сначала включить человека в онлайн банкинг, 2. Потом дать ему привычку им пользоваться. Например, NUBANK дает накопительные копилки на мечту, и за пару месяцев у них открыли 2,2 млн копилок: на обучение, жилье.

Rappi

Food and Delivery super-app in LATAM. Перу, Мексика, Бразилия, Колумбия. Добавили недавно ещё и банк внутри. Очень приятное по дизайну приложение, всё в 3D и такое cute.

Из интересного что делают: тоже добавляют крипту (соглашается что очень популярно) ну и loans. Для кредитов не нужна лицензия, делают всё сами.

Третий день

Определённо вышел про латам. Закончился за ужином в компании с Буддой и итальянцами, уругвайцами, бразильцами и полькой. Ребята из Direсta24, классно разбираются в латамском рынке, и вкусных ласвегасских местах.

Четвёртый день

На четвёртый день я вспомнила, что не люблю вообще-то конференции 🫠 в последний день все очень быстро собрались, как и разложились быстро в первый — все конструкции убрали за полчаса, люди стали разъезжаться

Что хочу сказать:

  1. MONEY2020 просто офигеть какая огромная по масштабу, количеству людей и организации
  2. На ней очень устаёшь, дни кажутся немного сурками-днями, энергии надо очень много
  3. Приезжать лучше не одной: делить темы, людей, и делиться мнениями по ходу
  4. Если приезжать одной, то в целом знакомств может быть даже больше — все удивляются как так ты приехала одна, из Кипра, и рады компанию составить
  5. Конференция, конечно, больше не про слушать, а про говорить: топиков прям интересных со сцен не так уже много, а вот в кулуарах можно интересности узнать и договориться
  6. Стендовая часть выставки — как Burning man (хоть и не была), но кажется суть та же: все приезжают из разных мест, организуют палатки-стенды, придумывают тему, играют кто кого в экстравагантности уделает, готовят, пьют, едят, перфомансы устраивают. Большая такая финтек пустыня.
  7. Все супер очень прям ну капец какие френдли: тут тебе не то что hey good morning how’re you doing, но в целом на любой вопрос незнакомец очень рад будет поддержать твой разговор
  8. Очень много пьют
  9. В вечеринках надо принимать участие в камерных, и иметь для этого знакомства, или организовывать их самим :)
  10. Ну и договариваться о встречах лучше чуть заранее чем в день начала выставки (как я), а то из-за косяков аппки есть шанс что тебя уже просто не заметят

Ещё о событии

Список участников

Обзоры

Alex Johnson
Insiderintelligence
Thefintechtimes




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

Мини гайд для переезжающих в Казахстан

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

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

Пересечение границы и регистрация
ПЦР больше не нужен. Лучше въезжать по загранпаспорту. С ним будет меньше проблем и квестов.

Если приехали на срок более 30 дней, обязательно подайте уведомление о прибытии. Желательно это делать при любом сроке проживания. В Казахстане россиянам можно находиться 30 дней без регистрации и до 90 дней с регистрацией. Уведомление делают казахстанцы сами, без присутствия иностранца. Через egov или в миграционной службе. Не буду далеко уходить про виза ран. Но про него и уведомление о прибытии подробнее в этом посте.

Деньги
Переводить рубли в тенге можно +- по нормальному курсу по koronapay. Если есть местная карта, то можно на неё сразу и выводить. С собой из России можно вывозить не больше эквивалента $10k. Это значит, что сюда входит и наличка в тенге, золото и пр. особо ценные вещи.

ИИН и местные карты
После окончания первой волны очереди в ЦОН(назовём это местным МФЦ) уже не такие большие. Можно смело идти и подавать заявку на ИИН. Его делают около суток. Забирать там же в ЦОНе или пришлют в СМС.

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

Жильё
Основной сайт для поиска это krisha.kz.
Иногда ищут тут olx.kz. На короткий срок и дороже: sutochno.ru — тут принимают рос карты и это и есть рос сайт.
Конечно работаютAirbnb и Booking. Также, если ищите вариант на первое время советую пробежаться по гостиницам в 2GIS и написать им в WhatsApp.

Передвижение
Яндекс такси работает.
Между городами используют indraiver. На РЖД можно покупать билеты на поезда по Казахстану с российской карты. Когда появится местная карта — переходите на КТЖ.

Чаты, которые читаю сам и стараюсь помогать там:
Казахстан с питомцем
Welcome-to-kz
Релокация в Казахстан
nomands_kz

Главное
тЕнгЕ, а не тЭнгЕ. Касым-Жомарт Токаев.
А если серьёзно, то уважайте нашу страну и местную культуру. Не обижайтесь вдруг кто откажется отвечать вам на русском. Это вежливость, а не обязанность каждого. А в текущее время быть вежливыми могут быть не все, когда родные по обе стороны. Берегите себя и родных.


Более развёрнутый гайд собрали ребята из Relocation.guide.


Делитесь вашим опытом переезда и задавайте свои вопросы, всегда рад помочь.




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

Заметки: Как работает рассрочка BNPL

В последние годы резко вырос спрос на рассрочку и BNPL. Поставщик сервиса «Покупай сейчас, плати потом» является основным проводником между продавцом и клиентом.

//BNPL-сервис или «Buy now pay later» дословно с английского языка переводится как «Покупай сейчас, плати потом». Это сервис, который позволяет оплачивать онлайн-покупки равными частями в течение короткого периода времени.

Все мы встречали тот или иной сервис BNPL или рассрочки. «Долями» от Тинькофф Банка, «Сплит» от Яндекса или рассрочку от Каспи Банка в Казахстане.

Отличия BNPL от рассрочки

BNPL — не кредитный продукт.. «Покупатель не заключает кредитный договор, как обычно это делается в процессе оформления кредита или рассрочки. Поэтому данные о покупках никак не влияют на кредитную историю покупателя и не передаются в Бюро кредитных историй».

Углубиться в то, как работают эти сервисы можно в подробной статье от РБК.

Преимущества BNPL

👨‍💻 Для продавцов — Продавцы, которые предлагают вариант оплаты BNPL, видят увеличение конверсии корзины на 20% и увеличение среднего размера заказа на 40%. 

🙋‍♂️ Для клиентов — Теперь клиенты могут приобрести продукт только с первоначальным взносом, а затем оплатить с нулевыми процентами или сборами.

💰 Преимущества для поставщиков BNPL — поставщики BNPL могут продавать будущие платежи (дебиторскую задолженность) кредитору со скидкой. Например, серия взносов по 100 долларов, которые будут получены через 6 недель, может быть продана по цене 96 долларов. Это достаточно высокий процент для кредиторов.

Как всё это работает

На приведенной схеме показано, как работает этот процесс

Шаг 0: Боб открывает счет в Afterpay. Эта учетная запись связана с утвержденной кредитной/дебетовой картой.
Шаг 1: Боб хочет купить продукт за 100 долларов и выбирает вариант оплаты «Купить сейчас, заплатить позже».
Шаги 2-3: Поставщик BNPL проверяет кредитный рейтинг Боба и утверждает транзакцию. 
Шаги 4-5: Поставщик BNPL предоставляет Бобу потребительский кредит в размере 100 долларов, который обычно финансируется банком. $96 из $100 выплачивается продавцу немедленно (да, торговец получает меньше с BNPL, чем с кредитными картами!) Теперь Боб должен расплатиться с поставщиком BNPL в соответствии с графиком платежей.

Шаги 6-8: Боб платит первоначальный взнос BNPL в размере $25. Транзакция обрабатывается в Stripe и направляется дальше в платежную систему (Visa, Mastercard и др.). Поскольку транзакция проходит через платежную систему, плата за обменную операцию отправляется и платёжной системе.
Шаг 9: Продукт выпущен и может быть отправлен Бобу.
Шаги 10-11: Боб платит рассрочку провайдеру BNPL каждые 2 недели. Рассрочка списывается с кредитной/дебетовой карты и отправляется на платежный шлюз для обработки. 


Заметка основана на посте бэкенд лида ByteDance Hua Li.
Большое спасибо Мише Колоскову за перевод.




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

Заметки: Вдохновление

Обложка заметок: Вдохновление
Список источников для вдохновления.



Беханс и Дриббл уже всем надоели. Собрал источники с примерами для вдохновления.




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

Заметки: Как искать работу

Обложка заметок: Как искать работу
Список курсов и советов для поиска работы

Курс по процессу собеседований

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

Открытая часть курса

Собеседование дизайнера продукта в FAANG

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


Tell me about yourself? — Видео про две стратегии ответа: рассказать через свой опыт и не освещая опыт. В описании шаблоны подробных ответов.
Презентация портфолио — Видео про ошибки в презентации портфолио.
App Critique — Часть процесса собеседования
Whiteboard. Общее — То что бывает вместо тестового задания.
Whiteboard. Подробно — Детальный разбор процесса с ментором.
Подготовка к поведенческому интервью — Подробно про технику STAR.
Как торговаться по зарплате.

Как выбрать проекты для презентации портфолио

Ваня создал сервис, который поможет выбрать наиболее интересные для бизнеса проекты



А тут ещё примеры презентаций портфолио:

Тренажёр по процессу собеседований

Google запустил тренажёр, где можно можно отработать навыки полученные по советам выше.

Личный опыт поиска

Но не мой.

Как дизайнеру найти работу на Западе. Подробный разбор

Сергей Шандарин продуктовый дизайнер. После 24 февраля за 2 месяца прошел 70 собеседований с разными западными компаниями и получил несколько весомых предложений о работе. В этой рассказал, как проходил этот процесс и дал рекомендации относительно того, как дойти до оффера совершив минимум ошибок.


Дизайнер-тракторист: 1. Поиск работы продуктовым дизайнером в Европе

Маргарита Романова тоже продуктовый дизайнер и собрала информацию, которую ей самой хотелось бы получить, когда я начинала подготовку к релокейту. Шаблоны рассказов: о себе, ответы на часто задаваемые вопросы. Подробный опыт от самого начала, до переезда в Германию.



Тяжелейший путь с нуля до джуна и мидла. Ультимативный гайд, советы и личный опыт Наташи Давыдовой
Наталия, frontend-разработчица в Точке, держит сообщество для junior-разработчиков, мама джунов в твиттере. Рассказ про развитие.

О том где искать работу собрал в этой заметке




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

JetBrains Open Day 2019

Facebook напомнил про день открытых дверей в новом офисе JetBrains. Обновляю заметку о 2019 в реалиях 2022 года. Сохранил эмоции и пунктуацию того времени.

По случаю открытия нового офиса в Петербурге, компания JetBrains устроила день открытых дверей. С докладами, рассказами о продуктах, ответами на вопросы, набором новых сотрудников и вечеринкой по окончанию основной программы.

Новый офис

Приморский просп., 70

Ранее команды Петербурга были разбиты на несколько частей и разбросаны по офисам города. С конца 2018 года началось обьединение в нынешнем месте. Тем не менее, остались команды которые еще не переехали в новый офис. Который разбит на 2 части: восточную и западную.

Регистрация на JetBrains Open Day 2019

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

За этот месяц организаторы прислали 2 письма. В первом был опрос и желаемый размер футболки, во втором — программа открытого дня.

На входе встречали работники компании, которые с радостью отвечали на интересующие вопросы и направляли на стойку регистрации, где выдавали футболку и «пропуск». В конце вечера люди проходили уже без регистрации, только тсс. Дима, привет ;)

Доклад «Kotlin и С#. Чему языки могут поучиться друг у друга?»

Доклады

После регистрации немного прогулялся по офису и направился на первый доклад техлида команды Rider, Дмитрия Иванова: «Kotlin и С#. Чему языки могут поучиться друг у друга?» . Который рассказал как языки заимствуют, развиваются и мотивируют друг друга.

Планы на будущее Kotlin и C#

Также были показаны планы на будущее обоих языков и нелюбовь к Java :)

Следующим был доклад DevOps-инженера Дениса Яковлева, доклады которого уже приходилось слушать ранее. Он поведал о решениях инфраструктурных задач в столь крупной компании. Об единой системе, чтобы работник из Новосибирска прилетев в офис в Праге, не задумывался о запросах доступа к WiFi, пропуска и пр. О том как хранятся и распределяются данные на серверах компании и насколько много информации приходится обрабатывать каждый день.

Инфраструктурные задачи в компании

Отдельно стоит отметить присутствие студентов, которое очень важно на подобных мероприятиях. Также было большое количество работников ведущих компаний города. В том числе и моих коллег (на тот момент из Яндекса). Акцент был сделан на том, что компания хочет видеть не только разработчиков, а всех кому интересна тема IT: дизайнеров, девопсов, тестировщиков, редакторов и пр.

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

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

Далее Ольга Бердникова, дизайнер интерфейсов в платформе IntelliJ рассказала Принципы дизайнеров интерфейсов в команде IntelliJ Platform UI. О том как и почему были приняты те или иные интерфейсные решения. Ольгу я также знал ранее, по интервью на сайте JetBrains.

Intellij products

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

Зоны активности

Продукты

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

В первую очередь пошел за наклейками Kotlin, ведь мы все ради них пришли, разве нет? :)

К слову о наклейках и бесплатных лицензиях на продукты Jetbrains. Для всех организаторов митапов и прочих IT мероприятий, собирающих более 30 человек каждый месяц, компания предоставляет бесплатные лицензии для розыгрыша среди участников, а также наклейки с логотипами продуктов. Можно писать на русском. Тут более подробно

«We are hiring»

Под названием каждого продукта указаны открытые вакансии. А в зоне HR, можно было подать резюме или получить ответы на интересующие вопросы.

Завершение вечера

На вопросы также открыто отвечали команды, а ближе к концу вечера и главные лица компании:
Максим Шафиров, CEO JetBrains
Наталья Числер, директор по HR
Хади Харири, руководитель Developer Advocacy
Вера Оленникова, координатор образовательных проектов
Сергей Кукс, руководитель отдела .NET разработки
Максим Мосиенко, менеджер проекта в IntelliJ
и многие другие.

Вечеринка

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

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

P.S.: Повторюсь, все доклады можно прослушать пройдя по ссылкам ниже, а с описанием докладов — ознакомиться здесь:
большой зал;
малый зал Е;
малый зал W.



После 24 февраля, Jetbrains закрыл этот офис. Перевёз сотрудников, кто мог уехать и ушёл из России.




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

Как мы упростили структуру файлов в Figma

Рассказываю о переезде из Sketch в Figma и поиске понятного способа организации дизайн-файлов.

Немного обо мне

Я Толя Вербицкий, Principal Designer в AliExpress. До этого я работал в ЮMoney (бывшие Яндекс.Деньги).

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


Проблема

Раньше работа над новой задачей начиналась с пустого файла в Figma. Такой подход может сработать при небольших объёмах, но когда у вас 50, 100 или даже 1 000 макетов в одном файле — в них уже слишком сложно ориентироваться.

Я собрал основные проблемы, которые были непонятны тем, кто перешёл к файлу из задачи в Jira:
— О чём задача и какую проблему она решает.
— Как решается эта проблема у конкурентов и почему мы выбрали текущее решение.
— Какой статус файла и как отслеживать его изменения.
— Согласован ли дизайн и текст макета.
— Где найти историю изменений файла.
— Актуален ли ещё макет.

Поясню: в 2019 году ещё не было сообщества Figma Community, и каждая команда, включая мою, искала свой путь решения проблемы. Расскажу, какую цель мы ставили и как её в итоге достигли.

Цель

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

— О чём задача кратко.
— Где взять связанные ссылки на PRD, задачу в Jira, доску в Miro, UX-исследования и пр.).
— В чём проблемы пользователей и бизнеса.
— Как мы предлагаем их решить.
— Как мы будем проверять решение.

Решение

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


Общая структура файла

Базовая

Overview. Описание файла, проблемы и решения.
Design. Актуальная версия макетов одной задачи.
Local components. Страница для хранения компонентов необходимых для упрощения управления текущим файлом.
Inspiration & Research. Мудборды и подробные исследования конкурентов.
Handoff. Описание для разработчиков: как ведут себя ключевые экраны, блоки, взаимодействия, ссылки на компоненты в Storybook или репозитории с реальными компонентами в коде.
Draft. Первые наброски и идеи. Можно делать копии страниц Draft 2, Draft 3 и т.д.
Prototype. Страница для прототипов. Названия страницы соответствуют сценарию в прототипе.
Archive. Неактуальные идеи — вдруг потом пригодятся.
Settings. Компоненты для оформления страниц и обложка файла.

Изменения для небольших файлов

— Процесс дизайна начинается сразу на странице Design. Описание задачи, проблема, решение и ссылки — всё храним тут.
— Удаляем Overview и всё, что вам не пригодится (Draft, Prototype и пр.).

Изменения для больших файлов

Overview. Храним ссылки на связанные задачи — как на трекер задач, так и на другие файлы и страницы в Figma.
Design. Служит источником правды и поддерживается в актуальном состоянии. Если файл долго не обновляется, то в обложке стоит сменить статус на «Устарел».
— Ниже создаются страницы с номерами из трекера задач (например: DESiGN-1504). У каждой страницы есть свой блок с описанием задачи, проблемой, решением и ссылками на задачу и PRD.

Варианты использования файла

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

Сохранить только структуру файла. Некоторые использовали шаблон для единой структуры страниц, статусов и компонентов оформления. Всё остальное оформление определяли уже самостоятельно.

Добавить свои компоненты и страницы. Некоторым не хватало текущего набора компонентов, и они добавляли свои: разносили исследования и мудборды на разные страницы, добавляли новые страницы для документации решений и встреч с разработкой/бизнесом и пр.

Ничего не менять.

Что ещё скрыто внутри

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

Чеклист готовности дизайна. На этот же шаблон страницы перенёс чеклист готовности дизайна от Dropbox.

Компоненты статуса макетов. Чтобы все в команде понимали статус дизайна и текста у каждого макета на странице находится компонент статуса. Когда нужно сменить сразу все статусы, просто выбирайте компонент и *Edit/Select All with the same Instance* / Меняем состояния.

Changelog отдельного макета. По необходимости к макету можно добавить подробную историю изменений. Игорь Ланко написал подробную статью про это.

Лучшие практики. Собрал ссылки на видео о том, как передавать макеты в разработку и документировать исследования:
Передача в разработку — Александр Дьяков
How to handoff your designs to Engineering | femke.design
Working with Developers | Jesse Showalter
How to create a UX Research Report | femke.design
Level up your design documentation with a Design Deck | femke.design
How to Mood Board for Web Design | Jesse Showalter


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

Отличия этого файла внутри компании

Чтобы поддерживать единый вид компонентов оформления страницы, я вынес все компоненты оформления страниц в отдельный файл. Туда же поместил обложку файла, курсоры и пр., а также подключил как библиотеку. Поэтому внутренняя версия этого файла может использоваться просто как шаблон, который будет всегда с актуальными стилями. Если вы планируете внедрить этот шаблон у себя в компании и используете Figma Organization, то советую поступить так же.

В завершении

Вскоре после релиза Figma Community, Dropbox добавил свой шаблон проекта, из которого я почерпнул многое про подход к структуре. Spotify тоже поделился своим подходом к процессу дизайна — изучите как будет время.



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



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

Конспекты: Y Combinator

Обложка заметки: Конспекты: Y Combinator — Описание
Как оценивать идеи, говорить с пользователями, ставить цели, следить за метриками и не только

Собрал страницу с ссылками на конспекты, которые написал когда проходил школу стартапов Y Combinator.

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

//Y Combinator — венчурный фонд, работающий в формате бизнес-инкубатора для IT стартапов.
Фонд в течение трёх месяцев работает с теми, кто поступил на программу, помогает создавать продукт и найти инвесторов. При этом фонд инвестирует $150К и получает 7% в компании.


Список конспектов:

Как оценивать идеи
Как говорить с пользователями
Как устанавливать KPI и цели
Аналитика для стартапов
Как запланировать MVP
9 бизнес-моделей и метрик которые хотят видеть инвесторы
Как запускаться. Снова и снова
Рост для стартапов


Как оценивать идеи

Проблема, гипотеза и решение. Взгляд на идеи создателей со стороны бизнеса. Почему они начинают с оценки идей и на что обращают внимание.
Читать конспект →


Как говорить с пользователями

Про книгу Спроси маму, кастдев и мой пример кастдева с Диланом Филдом.
Читать конспект →


Как устанавливать KPI и цели

Что такое KPI, ключевые и второстепенные метрики, цели и не только. Немного анализа моего канала на тот момент.
Читать конспект →


Аналитика для стартапов

Зачем нужна аналитика, набор инструментов стартапов Y Combinator
Читать конспект →


Как запланировать MVP

Запуск, обратная связь и улучшения
Читать конспект →


9 бизнес-моделей и метрик которые хотят видеть инвесторы

Enterprise, SAAS, Marketplace и не только. Подробный разбор конкретных метрик продукта.
Читать конспект →


Как запускаться. Снова и снова

Всё о типах запуска. Запуск это только начало и первая итерация развития вашего продукта.
Читать конспект →


Рост для стартапов

Каналы и тактики роста, реферальная система, тестирование и многое другое.


В завершении

Далее были лекции с более глубоким погружением в проблемы и особенности развития стартапов. С интересом посмотрел весь курс, но на этом закончил конспектирование.

Кому интересно продолжить изучение — на vc.ru есть конспекты 76 лекций на русском от Y Combinator из 172.




Подписывайтесь на мой канал в Телеграм, чтобы узнавать о новых заметках и постах

Английский для айтишников

Обложка заметки: Английский для айтишников
Про выпуск подкаста Запуск завтра, про курс на Яндекс.Практикум и советы по изучению английского для релокации.

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

А для улучшения языка важно его использовать постоянно. Для этого Яндекс.Практикум начал разработку курса «английский для программистов». Самат Галимов из подкаста «Запуск завтра» поговорил с руководителем разработки этого курса. Юля Беймлина не только разработчик, но и опытный учитель английского. Получился интересный разговор о языках и культурных особенностях разных народов. Об особенностях изучения языка для программистов, которые применимы ко всем специалистам работающим в продукте.

Подкаст можно послушать на любой удобной для вас площадке:
Запуск Завтра


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

Намного больше полезных советов собрала Даша Воронцова, дизайнер из WeTransfer, ex-Intercom в своём докладе в Design Relocate 2022: English for Designers.
Если совсем нет времени, советую посмотреть именно её доклад, он действительно очень полезный.


Смотреть доклад Даши →



Мои заметки по опыту изучению английского:
Поиск школы английского
Апдейт после смены подхода к обучению английскому
После 19 уроков в italki




Подписывайтесь на мой канал в Телеграм, чтобы узнавать о новых заметках

Ранее Ctrl + ↓