Дизайн-лодка
470 subscribers
166 photos
6 videos
63 links
Александр Букин, Design Lead в Магнит.
Пишу о дизайне цифровых продуктов, делюсь инструментами и практическим опытом в дизайн-менеджменте.
Download Telegram
Рад всех приветствовать в новом году!

🚲 Врываюсь в 2025 год и хочу поделиться своеобразным достижением — в преддверии Нового года, 30 декабря, через приложение Магнит: акции и доставка было сделано 150 000 заказов, что почти в два раза больше, чем годом ранее и является абсолютным рекордом для нас ⚡️

Безусловно, заслуга дизайна в этом тоже имеется ❤️

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


@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍2🤣1🦄1
Почему мало постов

Январь у нас в Магнит ❤️выдался горячим — задач очень много, начало года выдалось очень нагруженным. Будем думать как расширять нашу дизайн-вертикаль. Немного забегая вперёд, осторожно анонсирую новости по найму.

А тем временем, в свободное время по выходным и вечерам будней готовлю в параллели несколько роликов для YouTube и статейку для Vc.

Поэтому пока такие большие паузы между постами. А как у вас январь проходит?


@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥1🦄1
Ингредиенты в составе продуктов

И всё-таки, в очередной раз признаю, что «Лавка» делает по фичам всех остальных.

Чего стоит одна только фича с подсвечиванием в составе товара ингредиентов, требующих особого внимания или исключения (например, сахара или глютена).

Фича вряд ли делает косты, но зато сильно повышает индексы вовлечённости, лояльности и удовлетворённости пользователей.


@designboat
🔥3👏1
Срок годности блюд

В комментариях к посту выше мне напомнили, что похожая фича уже давно есть у «Вкусвилл». А что насчёт срока годности продуктов? Такое вроде бы только у «Лавки». Очень актуальная и крутая фича👍


@designboat
🔥6
Нюансы тестирования прототипов Фигмы в 2025

📱 Сегодня опытным путём выяснил, что теперь удалённо протестировать прототип, сделанный в Фигме с респондентами, находящимися на территории нашей страны, может не удаться.

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

Фокус в том, что то не зависит от провайдера, а зависит от устройства, на котором открывается прототип. Тестить можно, но только на десктопе.

Кто знает, как такое полечить на мобилках?


@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
😱4🤯2😢21😨1
Про DesignOps

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

Если обратиться к определениям и трактовке термина, к примеру, в этом, довольно полно описывающем суть вопроса цикле статей, станет понятно, что DesignOps — это отдел (один или несколько специалистов) в составе дизайн-департамента наравне с отделами продуктового и коммуникационного дизайна, исследователей и редакторов.

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

По сути, мы имеем дело с выделением части привычных всем дизайн-лидам и синьорам обязанностей в отдельную специализацию. Как когда-то произошло с «веб-мастерами», многорукими Шивами, способными и дизайн спроектировать и админку прикрутить и сайт сверстать и на сервак залить, да ещё и SEO отладить — со временем все эти активности переросли в отдельные специализации. И причиной тому — всё то же пресловутое масштабирование и распределение обязанностей для повышения эффективности в долгую и конкурентоспособности. Когда у компании всё хорошо, компания развивается на высококонкурентном рынке, того же начинают требовать и её процессы.


@designboat
2👍2🤔1
Новое видео уже у меня на канале

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

Буду благодарен критике в комментах 🤝

📹 Видео по ссылке:
https://youtu.be/dzmh2Fzz2VU?si=mlB7xOuCjavK7F1p


@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍2🎉1🥱1
Нужен ещё один синьор к нам в Магнит 🧲

Мы в Магнит уже закрыли несколько вакансий, но ещё продолжаем поиск крутого синьора в команду Целей.

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

https://magnit.tech/vacancies/1895
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰4👍2
У SkyEng появился свой кринжовый совёнок🦉
Кажется кто-то троллит конкурента или это случайное совпадение? Ну точно же не случайное 🤭


@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
😁5🤣2
Менторство

У меня хаотичный и небольшой опыт в менторстве. Да и менторством это не назовёшь — скорее это было больше похоже на дружеские созвоны для обсуждения портфолио, подхода к общению с токсичным СЕО или запроса помощи по той или иной софтине. А ведь в чёртовом дизайне я уже, ни много, ни мало, как 20 лет. Захотелось делиться. Не ради денег, нет. Самое ценное — узнать, что твой совет принёс импакт и помог достичь целей менти. Вот то, что действительно мотивирует.

С этого года решил подойти к менторству системнее и зарегистрировался аж на трёх площадках: Getmentor, ADPList и Solvery. Пока Getmentor лидирует — уже успел провести с их помощью несколько консультаций. Готов помочь в темах найма, карьерного трэка, дизайн-менеджмента и дизайн-опса.

👉 Так что, если вдруг — всегда рад и всегда велком. Ссылочки ниже:


🔹 Getmentor

🔹 Solvery

🔹 ADPList



@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥3👍1
Экраны ошибок

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

Ну и в целом, про проектирование экранов ошибок:

🔹Не забывать о всех корнерах, особенно про экраны ошибок. Даже синьоры косячат и пролюбливаются на этом очень часто. Хорошо, если экран ошибки сам по себе будет каким-то интересным в плане иллюстрации или анимации, что будет сглаживать негатив пользователя. Но это уже в доп. Минимум, на экране ошибки не должно быть такого хлама, бесконтрольно тянущегося с бэкенда;

🔹Проводить препрод дизайн-ревью перед каждым релизом. Желательно чтобы это было утверждённым процессом в команде;

🔹Совместно с редактором и иллюстратором периодически проводить ревизию экранов ошибок во всём приложении.

P.S.: спасибо подписчикам Захару и Сергею за то, что поправили меня в комментариях — благодаря вам отредактировал пост для более точной и корректной передачи мысли. Спасибо вам! 🤝


@designboat
👍42🔥2
Три важных принципа дизайн-лида

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

1️⃣ Эмпатия
В работе лида самое важное — это команда. А команда — это, прежде всего, люди. Каждый человек подобен целой вселенной, со своим уникальным бэкграундом, системой ценностей, мотиваций и взглядами. Без построения индивидуального подхода к каждому члену команды трудно идти к общим целям и выдавать высокие результаты. Учитывая характер, мышление и тип личности каждого члена команды можно положительно влиять как на командные метрики, так и в конечном счёте на бизнес-показатели.
Инструменты: 1 на 1, Squad Health Check раз в квартал, командные синки, личные чаты, неформальные встречи в оффлайне.

2️⃣ Позитивная коммуникация
Любая коммуникация должна строиться либо нейтрально, либо в позитивном ключе. То же самое и с командой. Я против агрессивных подходов в менеджменте с применением криков, ругани, угроз и штрафов — всё это только разрушает и ужасно плохо работает в дизайн-командах. Если вы работаете с командой, в которой необходимо повышать голос для мотивации к выполнению задач — у меня для вас плохие новости. Такие команды не живут долго, а результаты их работы крайне низки.
Инструменты: материальные и нематериальные типы мотивации команды, хорошо описанные и покрытые правилами процессы в компании, модерация встреч, синхронизация между смежными командами.

3️⃣ Честность
Открытое общение внутри команды снижает недопонимание и способствует доверию. Только правда (её часто называют горькой) способствует прозрачному пониманию реальных задач и конструктивному подходу к их решению. Это касается как работы с обратной связью, так и нахождения в повестке бизнес-целей, решений смежных команд и важных изменений в структуре компании. Искренность и готовность признать свои ошибки или некомпетентность в том или ином аспекте не сделают вас хуже. Более того, вы продемонстрируете свою готовность работать над ошибками и продолжать совершенствоваться. Будьте всегда открыты с командой и не бойтесь запрашивать обратную связь, спокойно принимая критику.
Инструменты: ретроспективные встречи по итогам спринта, квартала и года, оценка компетенций 360.

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


@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥2🤔21
И снова о плохом ux

Я, как пользователь Альфа-банка, в конце предыдущего или начале следующего месяца, хочу посмотреть, за какие категории товаров и услуг я получал или могу получить наибольший кэшбэк по своей карте чтобы использовать её именно для оплаты этих категорий (у меня несколько карт банков с разными тарифами).

Думаю, ошибку, которую Альфа-банк (видимо целенаправленно) не исправляет уже третий год, видно всем. Отсутствие ссылки на раздел «Весь ваш кэшбэк» и, как следствие, невозможность быстро и просто перейти в этот раздел по одному тапу, создаёт просто ужасный блокер в пользовании кэшбэком.

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


@designboat
👍64
Дорогие дизайнерки, айтишницы и сочувствующие им! 🌸

Сегодня особенный день весны! 🌷🌷🌷 Пусть в вашей жизни будет столько же красоты, как в идеально выстроенной сетке, столько же лёгкости, сколько у минималистичного UI, и столько же радости, как в момент, когда правки действительно делают вашу работу лучше! 😄

Желаю вам цветущего настроения, сияющих идей и заказчиков, которые понимают разницу между «чуть-чуть подвинь» и «изменить концепцию с нуля». Пусть брифы будут ясными, дедлайны – мягкими, а правки – только от тех, кто действительно разбирается!

С праздником, волшебницы диджитала! 🎨🌷


@designboat
🔥53🕊2💅1
👉 Вакансия ко мне в команду ❤️

Друзья, привет!
Недавно мы в Магнит Омни успешно закрыли вакансию старшего дизайнера в одной из моих подкоманд — Косметик. Теперь же, мы нуждаемся в таком же классном Старшем Дизайнере Продукта в другую команду — команду «Новые форматы».

В зону ответственности «Новых форматов» входит сразу несколько направлений бизнеса — Фарма (Аптеки), Косметика, Продукты, а также парочка NDA-направлений, о которых смогу рассказать при личной встрече (там мега интересные, амбициозные и крутые штуки).

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

❤️ B2C-продукт с 20+ млн MAU
❤️ Зарплата в рынке
❤️ Мобилка 80%, веб — 20%
❤️ Удалённо из любой локации

⚡️ Если ты любишь дизайн, основанный не только на данных, но и на классном визуале и не боишься придумывать концепты и фичи, которые возможно и не пойдут в прод, но отлично будут смотреться на 📱 — скорее отправляй портфолио и cv мне в личку или откликайся в форме по ссылке ниже:

https://magnit.tech/vacancies/1983

Если что-то хотите уточнить, то можно писать мне в личку: @aleksandesign
Please open Telegram to view this post
VIEW IN TELEGRAM
17👍3🔥3🤓1
Whiteboard Challenge 2009

«Это не ваше портфолио. Если желаете доказать обратное, могу предложить вам выполнить несложное задание в Фотошопе» — примерно так звучала вводная к моему первому Whiteboard Challenge в далёком 2009 году.

Времена были кризисные: студию, в которой я трудился, оптимизировали, а меня и ещё двух ребят сократили. Найти работу тогда было нелегко — даже плохую, даже работу в безымянной шараге на территории завода в обшарпанном здании, где играют со шрифтами, буклетами и рекламными баннерами.

Спустя пару недель я получил приглашение на собеседование в одну из подобных шараг. Выбирать не приходилось — других предложений не было.

Портфолио у меня было скромное, хоть владельцу компании так не показалось. Пролистав пару страниц, он устало взглянул на меня из-под очков, сползших на нос, и с недоверием спросил:
— Это что, ваши работы?
— Да, мои, — удивлённо ответил я.

Он продолжил:
— Вот у вас в портфолио я вижу и логотипы и буклеты и афиши и иллюстрации и рекламные плакаты и даже оформление телестудий и телезаставок. Вы что, всё это умеете делать сами?
— Умею, это настоящие работы, принятые заказчиком и отпечатанные в тираже, а часть из них транслируется в эфире федерального телеканала».

Мужик скривился в еле уловимой ухмылке, избегая моего вопросительного взгляда, и, закрыв папку, изрёк:
— Это не ваше портфолио. Если желаете доказать обратное, могу предложить вам выполнить несложное задание в Фотошопе.

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

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

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

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

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

Я позвал сентиментального. Тот, склонившись над монитором, долго разглядывал получившуюся картинку. А затем, молча отвернувшись и не проронив ни слова, удалился в соседний кабинет, оставив меня наедине с бабочкой и цветком. После нескольких минут загадочного молчания, он спросил что-то то ли про дату выхода на работу, то ли про зарплату, то ли ещё о чём-то. Договорились, что созвонимся, но, конечно никто больше не звонил.

Вот такой был «Whiteboard Challenge». Сегодня бы мне сказали: «извините, но для нас вы overqualified». А другие посоветовали бы убрать из портфолио лишнее, оставив лишь то, на чём хочу специализироваться. Кстати, в портфолио я тогда ничего не менял и вскоре вышел на новую работу.


@designboat
🔥7👍32
Написал новую статью для блога Magnit Tech на Хабре

Рассказал, как мы в Магнит решаем задачу навигации по карте экранов и ищем ответственных за них в нашем дизайн-комьюнити.

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

👉 Читать: https://habr.com/ru/companies/magnit/articles/893130/


@designboat
6👍2🔥1
FigPal

В прошлом году Figma к перво-апрельской неделе зарелизили фан-фичу с кастомизацией курсора. В этом году — зарелизили фичу создания своего персонажа FigPal 📱
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2😁2🤔2
Action figure toy

Поучаствовал в дизайн-тренде, запущенном Якобом Нильсеном в LinkedIn, получилось забавно. Лишнее здесь только пульт от приставки (совсем не про меня), непонятная красная коробочка и штука, похожая на фотообъектив. В остальном — отличное попадание 🙂

Сделано в Sora. Промт по ссылке и в комментах
3👍2
Новый кастомный мерч

⚡️❤️🔥 А это новая лимитированная серия мерча Magnit OMNI, ну ведь круть же! 🔥

Таких сумок всего 100 штук, вручаются они за выступления на конфах и опубликованные статьи, посвященные Magnit OMNI ❤️

Тираж — 100 штук 🍌


@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥121👍1