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

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

Framework by Figma: Design systems



16 апреля проходит Framework by Figma 2024. Событие для энтузиастов дизайн-систем, с обновлениями и лучшими практиками. Похоже на прошлые конференции Figma Schema.
//Schema — это конференция Figma, с фокусом на дизайн системы. Эта конференция обычно более хардовая, чем остальные и поэтому мне особенно интересна.


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


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

Agenda

9AM PST → Opening & welcome
930AM → Variables deep dive & demos
10AM → Creating a more connected design system
1030AM → Design to code roundtable with Bumble, GitHub, HP
11AM → Beneath the surface of Verizon’s approach to variables
1130AM → FAQs and closing

И начинаем

Основные анонсированные возможности

→ Code Connect. Связь кода и фигмы
→ Переменные для типографики и градиентов
→ API для аналитики Figma библиотек


Code Connect


Одна из самых больших проблем, с которыми сталкиваются команды дизайн систем — это привлечение разработчиков. Разработчикам не понятно, что на экране реальный компонент в коде, а что только для дизайнеров. Что приводило к созданию копий одних и тех же компонентов. Новый инструмент в режиме Dev Mode, позволяет получить доступ к коду, который нужен для каждого компонента вашей системы. Больше не нужно рыться в документации или рисковать несоответствиями – просто скопируйте и вставьте фрагмент кода. Code Connect уже доступен в бета-версии для тарифных планов Organization и Enterprise и поддерживает React, iOS и Storybook. Позже будут добавлены другие фреймворки и инструменты.


Основной посыл выступающих — начните с малого. Этот функционал позволяет делать многое. Дополняйте новыми возможностями в процессе работы и обучения Code Connect.
Ждём следующий шаг — полную генерацию экранов на основе реальной дизайн-системы.


Переменные для типографики и градиентов

→ Font family
→ Font weight and style
→ Font size
→ Line height
→ Letter spacing
→ Paragraph spacing and indent

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

Уже добавили туториал, как использвать переменные типографики.


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


API для аналитики Figma библиотек

Для корпоративных клиентов запускают бета-версию API Library Analytics. Эта мощная функция позволяет командам разработчиков хранить и анализировать данные библиотеки вне Figma в выбранном ими инструменте, поддерживая возможность углубления в данные в соответствии с их конкретными потребностями.


Будет дополняться...



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

Дизайнеры Германии: Anton Stankowski


Небольшое вступление

Пару месяцев назад я переехал в Германию. Одним из способов интеграции и изучения языка — хочу начать с экспериментальной рубрики на канале. Рассказывать вам о дизайнерах связанных с Германией.

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

После прочтения пожалуйста поделитесь мнением интересно ли вам читать такие истории.


У каждого из нас, как у дизайнеров, есть свои любимые классические работы, пишет Мартин Махер, созданные как известными дизайнерами, так и малоизвестными. Одним из моих любимых произведений, которое действительно выдержало испытание временем, является фирменный стиль Deutsche Bank. Разработанный немецким дизайнером Антоном Станковски, он и сейчас выглядит так же поразительно и вне времени, как и в 1974 году, когда он впервые появился на свет.

Антон Станковски родился в 1906 году в Гельзенкирхене, Германия. Как ни странно, он начал свою карьеру с практики в качестве церковного художника и декоратора с 1921 по 1926 год. После этого он изучал графический дизайн, типографику и фотографию в школе Фолькванг в Эссене у Макса Бурхарца. С 1929 по 1934 год Станковски работал в Цюрихе в известном рекламном агентстве Макса Даланга. Именно здесь он развил то, что стало известно как “конструктивная графика”. В Цюрихе он сформировал культурный круг, в который входили Макс Билл, Хайри Штайнер, Рихард Пауль Лохзе, Ханс Корай, Герберт Маттер и другие. В эти годы Станковски завершил работу над своей знаменитой «Теорией дизайна», в которой он разработал фундаментальные формы выражения дизайна.



После некоторого времени работы в Германии он присоединился к вооруженным силам и стал военнопленным до 1948 года. После возвращения он работал в газете ‘Stuttgarter Illustrierte’ в качестве редактора, графического дизайнера и фотографа. Затем в 1951 году он основал собственную дизайн-студию в Штутгарте вместе с Вилли Баумейстером, Максом Бенсе, Вальтером Канцем, Эгоном Айерманном и Мией Сигер. Его дизайн работы для IBM, SE и “функциональные графические проекты” можно уже назвать очень высоким стандартом. Примерно в это время Антон также преподавал в Ульме в Колледже дизайна.



В 1955 году Mercedes-Benz нанял Станковски для разработки плакатов для всей своей гоночной серии. Он был последним художником, который самостоятельно разрабатывал плакаты для Mercedes. На самом деле, он вообще случайно попал на работу к автопроизводителю. Как рассказал сам Станковски в интервью, которое он дал в 1990-х годах, тогдашний руководитель рекламного отдела Mercedes жил всего в двух домах от него. В 1960-е годы он создал ставший легендарным “берлинский макет”, который стал собственным визуальным стилем города. Он также разработал знаки для IDUNA и VIESSMANN. С 1969 по 1972 год Станковски был председателем комитета по визуальному дизайну Олимпийских игр в Мюнхене.


В 1970-е годы Станковски создал множество известных фирменных знаков, включая логотипы и марки для Deutsche Bank, Munich Re (Münchner Rückversicherungen), REWE, Viessmann, Iduna, SEL, Süddeutsche Rundfunk и Олимпийского конгресса в Баден-Бадене. Для Станковски, казалось, не существовало разделения между его идеями, вдохновленными искусством, и прикладным искусством его дизайнерских работ. Многие из его работ по функциональному дизайну включали в себя элементы его фотографии и живописи.



Он получил множество наград и премий, в том числе премию Гарри Графа Кесслера. Это почетная награда от Союза немецких художников за его жизненный труд. У Станковского была долгая, разнообразная и очень интересная карьера, продолжавшаяся более пяти десятилетий. В последние годы жизни он больше сосредоточился на живописи, полностью посвятив себя ей вплоть до своей смерти в 1998 году. Его работа продолжает жить, особенно потому, что многие из его логотипов до сих пор используются крупными корпорациями, которые нанимали его в 1970-80-х годах.


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


Более подробную информацию можно найти на сайте Фонда Станковски . Откуда взяты все фотографии. All images © The Stankowski Foundation. А оригинал статьи тут




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

Заметки: Список портфолио

Обложка заметок: Список портфолио

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


О том как я делал сайт, подробнее в этой заметке.

Визуал

Richard Ekwonye
openpurpose.com
koto.studio
abcdinamo
Anya Sherruble
Jesper Dahlqvist
Tom Garcy
hanus.studio
www.umain.com
Bryn Taylor


Структура

artsvuni
Sergey-Timofeev
Guilherme Simoes
Igor Lanko
Sarah Jagrowski
Ivana Elisa
Future London Academy
materialist.design
Geri Reid


Кейсы

Daria Vorontsova
Nastya Mironova
humbleteam
Alsu Gilmanova
Nikita Terekhin
Miguel Solorio
Sharon Yeun Kim
A. Lee Russell
Steve Orchosky
Flo Wong


Эффекты

flayks.com
Dmitrii Kuchev
Alex Pak
Thierry Emmery
kyler.design
Oscar Nilsson
Shantell Martin


Друзья и коллеги:

Sasha Okunev
Anton Zaharov
Irina Tsareva
Elena Shevchenko
Irina Silyanova
Philip Belov

Крутые выходцы из СНГ:

Daria Vorontsova
Kate Syuma
Margarita Romanova
Yury Vetrov
Alex Cherenkevich
Alex Dyakov
Jury Alyavdin
Valeria Rozova
Ivan Solovjev
Jaloliddin Esonboyev
Polina Lesnikova
Garri Tonakanyan
Alex Suprun
Nikita Lukyanov
Kirill Belyaev


FAANG

Carol Chu
Gilbert Olenzi
Adrian Z
Tim Quirino
Simon Pan
Johny Vino
Kenny Chen
Murari Jha
Ali Ali



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


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

Блокчейн и Деньги. Эфир 1: ЦФА и тренды финтеха

Провели первый эфир в чате «Блокчейн и Деньги».
Читать подробнее про чат.

Пробный эфир затронул две темы: ЦФА и тренды финтеха. Получилось очень детально и полезно. Делал заметки по ходу эфира и делюсь с вами. Надеюсь кому-то тоже пригодится.


Спикеры:
Дарья Афанасьева, GR Partner / IHUB
Анастасия Попова, Head of B2B Product Design / Alfa-Bank

ЦФА — цифровые финансовые активы

Доступное определение ЦФА от Дарьи Афанасьевой:
Мы берём классический рынок ценных бумаг, биржевых инструментов. Весь процесс переводим в цифру. Т.е. мы уходим полностью от подписания бумажных документов и от идентификации на разных сервисах. Всё подписываем с помощью УКЭП. И это получается ЦФА. Это тот же самый рынок, с теми же самыми инструментами, только он более оптимизирован под использование онлайн.


История с ЦФА началась в 2017 году с целью облегчения выхода на рынок ценных бумаг для неквалифицированных, квалифицированных инвесторов и ИП.
В 2018-2019 году начали снова активно говорить про криптовалюты и в 2020 году был принят Закон о цифровых финансовых активах Целью которого было:

  1. Запретить на территории России работу с криптовалютами.
  2. Дать людям новый инструмент (альтернативу) с которым они могли бы работать. Он должен был стать более лёгким.



ЦФА можно покупать, продавать, обменивать, использовать как средство залога. Но нельзя использовать как средство платежа

Виды ЦФА

Денежное требование. Как цифровое удостоверение, которое удостоверяет право его владельца обратиться к эмитенту для уплаты денежных средств. Например по договору займа. На реализацию прав по эмиссионным ценным бумагам. Кроме акций публичных акционерных обществ. Передача этих ценных бумаг, осуществление прав участия в непубличном акционерном обществе. Только не публичное и только новое.
Права на эмиссионные ценные бумаги. Акции, облигации, опционы, депозитарные расписки.
УЦП. Утилитарные цифровые права. Схожи с NFT. Права которые предъявляют имущественные требования. Например: право передачи вещей(кроме подлежащих гос. регистрации. машина, квартира), результаты интеллектуальной деятельности, работы и услуги
Гибридные ЦФА. Они сочетают признаки ЦФА и УЦП. Например: Вы можете купить ЦФА с привязкой к курсу золота на рынке. Через год возвращаясь за выплатой к эмитенту вы можете либо попросить эквивалентную сумму денежных средств, либо реальный слиток золота.

Кто может быть эмитентом

— Корпорации
— МСБ
— ИП
— Инвесторы

ЦФА не может быть выпущено без первого покупателя. Инвестора.

Операторы информационной системы

ОИС это та площадка депозитарий, на которой происходит выпуск и учет цифровых прав:
Сбер
Атомайз
Лайтхаус


Этапы открытия ЦФА

— Понять, какой тип ЦФА вы хотите выпустить
— Найти инвестора, который этот пакет ЦФА выкупит
— Выбрать оператора информационной системы, платформы
— (Опционально) Найти оператора обмена, если есть необходимость продавать дальше на рынок
— Пройти процесс согласования на платформе. Инвестор должен прислать на платформу около 7 документов, пройти идентификацию, эл. документооборот, подтверждение наличия средств и пр.
— Создать совместный документ о выпуске ЦФА. Документа в котором содержатся все параметры сделки: на что выпускается ЦФА, кто эмитент, кто оператор информационной системы, какая сумма сделки, какие сроки и этапы погашения условий
— Занести средства инвестора на номинальный счёт
— Подписать документ с помощью УКЭП
Выпускается ЦФА

Будущие планы развития ЦФА

— Упрощение входа для небольших бизнесов и ИП
— Сокращение документооборота и количества согласований
— Расширение возможностей и денежных требований под которые можно выпустить ЦФ
— Взаимодействие и выход на рынок Китая
— Регулирование смарт-контрактов

Оператором информационных систем может стать московская биржа

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


Пример применения ЦФА в реальной жизни

Например фермерское хозяйство выпускает ЦФА и обещает весной поставить 500 тонн пшеницы.
Это УЦП. Утилитарные цифровые права. Такое осуществляется в рамках платформы краудфандинга. Изначально закладывается право имущественного требования. Обещаете, что при погашении, инвестор получит 500 тонн пшеницы.

Идеи и возможности на рынке ЦФА

на чём можно будет заработать стартапам или уже существующим компаниям.


— Площадки для проведения IPO/ICO
— Выпуск ЦФА, обеспеченных ценными бумагами
— Компании как инвестор. Выкуп первых ЦФА и последующая перепродажа розничным венчурным инвесторам
— Выпуск коротких облигаций
— «ЦФА риелтор», люди кто будет помогать с процессом выпуска ЦФА.

Статьи по теме

ЦФА и ценные бумаги: сходства и различия
ЦФА — это не криптовалюта
Cводный материал по тому, что из себя представляет ЦФА

Тренды финтеха

Расширение возрастных границ в банках

В обе стороны. Клиенты банков взрослеют и даже становятся пожилыми. Потребности меняются //Доступность должна стать ещё более важной.
С другой стороны дети всё активнее начинают использовать финансовые сервисы. Карты для оплаты еды в школе. Родители прививают финансовую грамотность. Банки изучают как дети дошкольного возраста используют деньги. Можно следить за тем что делает Тинькофф Kids, что делает Сбербанк, Kaspi Bank и другие.


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

Бюджетирование

Многим банкам для полноценной аналитики мешает накопленное легаси в хранении транзакций. У кого-то нет ресурсов делать хорошую аналитику. Все показывают ретроспективно. Например: ты потратил на такую-то категорию такое количество средств. У банков есть информация сколько зарплатный клиент получает. Понимание входящего потока средств.


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


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


PFM — Personal Financial Management.

Подписочная модель банковских сервисов

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

Операторы данных хранят информацию

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

Новые способы заработка банков

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


В какой-то момент у клиента вместо одной карты может стать 9-10 продуктов банка. Банку это выгоднее. Человек становится более финансово успешным и комиссия пропорционально растёт по количеству используемых продуктов. В этом PFM и может помочь в будущем.


Обзор цифровизации банкинга и услуг с 2011 до 2022

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


Запись эфира

Полную запись можно послушать здесь.

В следующем эфире

В следующий раз детально остановимся на теме Цифровых валют. Цифрового доллара, рубля, тенге и любых других.


Собрал список своих вопросов к спикерам:

Финтех

— Правильно ли понимаю, что межбанковского анализа трат до подключения всех банков к единой системе Open.API нам не увидеть?
— Как продолжение вопроса. Может ли заменой Open.API выступить доверенная компания/стартап прослойка? Насколько помню когда-то давно Яндекс.Кошелёк привязывался к карте банка и пропускал через себя транзакцию. За это клиент получал кешбэк внутри кошелька в дополнение к кешбэку банка эмитента. Т.е. клиент получал кешбэк у себя в банке и в Кошельке. Нельзя ли таким образом собрать данные или же операторы данных не захотят делиться данными с кошельком?
— Выглядит, что оболочкой поверх банков в мире, в будущем, может стать Apple и Google Wallet. С их ресурсами и данными можно покрыть большую часть PFM. В России же, Миша озвучил сценарий развития Open.API по пути СБП. Рынок может заставить больших игроков присоединиться. А может ли ЦБ или близкие к нему создать оболочку для такого сервиса или способствовать этому?

Цифровые валюты

— Вцелом понятно для чего государству цифровой рубль, а какую пользу он может дать финансово грамотным людям?
— Планируется ли открытый блокчейн для полного отслеживания операций? и если да, то как это дружит с текущими реалиями в России и Казахстане в плане госзакупок и банковской отчётности?
— Какие возможности цифровые валюты открывают для финтех компаний?
— Сейчас есть проблема с оценкой рисков фрилансеров, самозанятых и пр. людей без постоянной занятости. Может ли цифровая валюта помочь решить эту проблему? Например: Банк первого уровня будет знать личные данные фрилансера, средний оборот средств, регулярность и количество транзакций. Формировать кредитный рейтинг и передавать обезличенные данные в банки второго уровня.



Задавайте и ваши вопросы по цифровым валютам и ЦФА в чате.


Наше финтех сообщество

Миша Колосков недавно создал чат про финтех. Чат уже хорошо вырос и собрал много практиков индустрии из Казахстана, России, Узбекистана и не только.


//Миша Колосков — мой друг и лид дизайнер в ЮMoney. Ex. Яндекс.Деньги.


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

👉  Присоединиться к чату «Блокчейн и Деньги»



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

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-разработчиков, мама джунов в твиттере. Рассказ про развитие.

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




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

 No comments    937   2022   design   jobs   notes   UI   ux   дизайн   заметки   работа
Earlier Ctrl + ↓