/designer

2021-12-02 18:44:40 Открыть/Комментировать

2021-11-28 21:03:32 Проект UI Review: разбор твоего дизайна интерфейсов

Я хочу создать сообщество, похожее по духу на @figmachat, где люди помогают друг другу в рамках заданной концепции.

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

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

UI Review #1. Утянуть разбор к себе →

Читать разборы и исправлять ошибки — прекрасный способ прокачиваться в дизайне через настоящую ежедневную практику, которая максимально близка к опыту работы с ментором в агентстве или IT-компании. Это гораздо полезнее, чем смотреть случайные обучалки по дизайну на Ютюбе и делать шоты на Дрибле в пустоту.

UI Review специализируется на продуктовом дизайне и проектировании для экранов. Желательно присылать работы, которые требуют нашей экспертизы именно в этих темах, а не только нуждаются в оценке визуального дизайна. Мы не про маркетинговый дизайн: лендинги, брендинг, баннеры и полиграфию, а про продуктовый и интерфейсный: дашборды, B2B, виджеты, приложения, сложные интерфейсные механики и флоу.

Выбранный мной формат ревью предполагает работу, которую будет делать мой помощник. Она требует оплаты, поэтому, получить разбор можно будет за скромные 500 ₽ (чуть больше 6$). Мы вышлем инструкцию для оплаты, когда подтвердим, что работа попадёт на разбор.

После ревью подавший работу может прислать исправленную версию и она будет добавлена в уже опубликованный выпуск ревью в Figma Community. Вот это будет вообще мечта.

Чтобы принять участие в UI Review, оставляй заявку в группе @uireview.

Чтобы получать уведомления о новых разборах и комментировать работы, вступай в канал @uireviewers.

Ссылки по теме:
• Правила попадания на ревью и процесс
• Требования к работам
• Какие выгоды получают авторы?
• Правила ревью для авторов

#первые_шаги #ui_review Открыть/Комментировать

2021-11-28 21:03:07 Открыть/Комментировать

2021-11-24 22:47:50 Открыть/Комментировать

2021-11-24 22:21:07 #ui_review №1. Разбор лендинга про игровой сервер

Попробую быстрый формат дизайн-ревью.

В @designchat2 пришёл молодой парень, который попросил оценить его дизайн лендинга в Фигме. Я и другие участники чата оставили ему полезных комментов.

Дизайн в Фигме с комментами →

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

Давай общаться! Пиши, что думаешь о таком формате.

#первые_шаги #лендинги Открыть/Комментировать

2021-11-23 17:52:12 Видео со стрима «Слияние дизайн-систем: опыт Ozon»

17 ноября 2021 года состоялся первый русскоязычный стрим Figma, на котором я был гостем. В течение часа я делился нашим опытом дизайн-систем в Ozon. Выкладываю видео:





В видео рассказал:

1. О трёх элементах, из которых состоит любая прочная дизайн-система: UI-кит, фронт-либа и документация. Что будет, если один из них убрать?

2. Над какими проектами работают дизайнеры в Ozon, а также какие у них потребности к дизайн-системам. Всего у нас более 80 продуктовых дизайнеров и около 15 команд.

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

4. О двух возможных стратегиях слияния: поглощении и создании новой дизайн-системы, плюсы и минусы обоих стратегий. Примеры слияния, которое я проводил с иконками Ozon, а также первая попытка внедрить единую дизайн-систему веб-проектов.

5. Сложности слияния на равных и переговоры, а также о приходе руководителя всего продуктового дизайна Ozon. О важности лидера дизайна.

6. Ценности нашей новой дизайн-системы для веб-проектов: источник правды в коде, токенизация, витрина компонентов.

7. Команда дизайн-системы. Какой был процесс создания. Итоги полугода работы сборной команды дизайн-системы из 8 человек.

8. Немного цифр: на выходе 40 готовых компонентов, кит весом в 700 мб, 400 тысяч слоёв и первый боевой проект, который использует новую систему. О наших планах переезда всех внутренних фронтовых систем.

Не пропусти презентацию с этого выступления, она выложена в Figma Community.

Это уникальный полезнейший контент. Я очень рад, что Ozon настолько открытая компания, что я смог поделиться нашими подходами в мельчайших деталях и рассказать об ошибках. Обычно такое закрывают под NDA, не разбираясь, потому что «как бы чего не вышло».

#для_профи #дизайн_системы #Figma #Ozon Открыть/Комментировать

2021-11-19 18:42:41 Презентация со стрима про дизайн-системы выложена на Figma Community

Дублировать к себе →

В файле можно посмотреть, какие сетки и лайфхаки я использую в дизайне своих презентаций. Также можно посмотреть анимации в режиме прототипа.

Видео со стрима планируем выложить в понедельник, до 18:00 по Москве. Приносим свои извинения за задержку, ждём согласования американского офиса.

#для_профи #дизайн_системы #презентации #Figma #Ozon Открыть/Комментировать

2021-11-17 21:05:46 Спасибо всем, кто пришёл послушать стрим и задал классные вопросы! Я постараюсь ответить на все сообщения, которые вы насыпали в личку. Получил огромную радость от возможности поделиться этим докладом, поскольку тема дизайн-систематизации очень волнует.

На пике у нас было более 500 слушателей со всего мира, вы крутые!

Ждём подрезанную запись от Фигмы и скоро выложим слайды.

Напомню, что дизайн-команда Ozon продолжает расти и нанимать классных ребят. Если ты уверен в своих силах и тебе понравилось, что ты услышал/увидел, приходи к нам и примени нашу дизайн-новую дизайн-систему в бою! Также у нас открылась вакансия дизайн-лида в Москве.

Направляй своё портфолио HR Алёне Фарбанец: @farbai или мне: @okunev.

Фото: Андрей Носачёв

#стрим #дизайн_системы #Figma #Ozon Открыть/Комментировать

2021-11-17 13:52:17 10 минут до начала стрима. Открыть/Комментировать

2021-11-16 17:08:02 Переключаем режимы в Фигме с клавиатуры

Давно не постил годные клавиши! Вкладки в панели справа теперь стало можно листать с клавиатуры нажатием Shift + E.

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

Также работают старые клавиши для каждой вкладки: Opt + 8-9-0.

8 — режим дизайна
9 — ~ прототипа
0 — ~ кода

На Windows вместо Opt используем Alt.

#первые_шаги #горячие_клавиши #Figma Открыть/Комментировать