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

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

Перед рассказом можно дать немного контекста, если это необходимо. Далее, я рекомендую строить повествование по следующей последовательности:
Суть → Подробности → Детали

🔹 Суть
Очень коротко, в одном-двух предложениях расскажите всю суть. Не нужно заводить длиннющий рассказ с огромной предысторией со времён вымерших мамонтов. Только короткая суть вашей идеи, задачи, решения. В одном предложении. И только потом переходите на уровень глубже.

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

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

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


@designboat
👍5🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Очевидная ошибка в интерфейсе касс самообслуживания KFC

Решили мы вчера в кое-то веки проведать KFC. И что мы видим: вместо того, чтобы предоставить выбор размера порции в модальном окне по центру или сместить фокус ниже, на выбор порции, они прячут его вниз под кнопку «Готово».

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

Предполагаю, что на воронку все эти затыки не оказывают значительного влияния (а отслеживают ли в принципе ребята из KFC воронку?) — пользователи, движимые голодом, так или иначе доберутся до завершения заказа. Но помучаться придётся.


@designboat
👍6😱2😁1💯1
«Браво», Яндекс Еда 💩

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

Теперь Яндекс-херандекс настоятельно требует разрешить им собирать данные и показывать ТОЛЬКО ТО, что «может быть мне интересно». Я не хочу, чтобы вы показывали мне только то, что я выберу, я хочу видеть и что-то другое, дебилов вы куски.

Второй вопрос: почему этот экран нельзя скипнуть, закрыть, свайпнуть? Я просто обязан согласиться и нажать безальтернативную кнопку «Выбрать». Третья эвристика Якоба Нильсена? Неа, не слышали. Даркпаттерны — да.

Что после всего этого я делаю в приле Яндекс Еды — спросите вы? Дело в производственной необходимости, приходится изучать конкурентов фудтеха, иначе давно бы меня тут и след простыл.


@designboat
😱62🤡1
Как устроена дизайн-доска нашей вертикали в Jira внутри Магнит

Исторически у нас сложилось так, что каждая команда ведёт собственную доску и имеет свои этапы бизнес-процесса со своими статусами. Да, в сути своей они имеют более-менее идентичные этапы и процессы discovery и delivery, но в частностях всё же отличаются.

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

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

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

Сортировать и отсматривать статус задач по персоналиям на доске помогает фильтр с именами дизайнеров.

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

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


@designboat
🔥31
Что же такое дизайн?

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

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

Дизайн — это творческое решение задач.


@designboat
6👍1🔥1
Ура, нас уже 100 с небольшим!

Это только начало🤘⚡️🚀

Друзья, спасибо вам за внимание к этому скромному каналу. Буду стараться и дальше не разочаровывать и сохранять ваш интерес ☝️🙂🫶


@designboat
🔥42🎉1
Сегодня ровно 2 года, как я в Магнит

На фото первый день в офисе и мой welcome pack.

Помню, как сомневался и рассматривал оффер не без доли скептицизма, но в итоге ни разу не пожалел.

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

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

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

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

🧲 Двигаемся дальше!


@designboat
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉43👍2🔥2👌1🫡1
Duolingo шеймит

Вы только посмотрите на это контекстное меню)
😁7🥰2
Паттерны дизайн-менеджмента. Финал

Защитил дизайн-стратегию для Магнит в качестве дипломной работы на курсе Паттерны дизайн-менеджмента Юры Ветрова. Теперь дело за малым — всего-то внедрить стратегию внутри Магнит, делов то). Про это тоже буду стараться рассказывать по мере возможности кстати, но это уже следующий шаг.

Что могу сказать — курс действительно крутой, я доволен, но есть, над чем поработать. Все пожелания, минусы и плюсы записал и отправил Юре. Если просто и коротко, то я бы подытожил так: хотите сэкономить, но получить крутые знания — можно ограничиться книгой Паттерны Дизайн-менеджмента. Хотите сделать следующий шаг, получить фидбэк по решениям и внедрению паттернов в своей компании — идите на курс и не пожалеете.

Да, про цены писал ранее здесь.


@designboat
🔥7👍31
Отличная пиктограмма в стамбульском метрополитене, наглядно иллюстрирующая то, как не надо себя вести в общественном транспорте 🙂
😁43🔥2
Не сказать, что это всё, на что я обращаю внимание в аккаунте Figma в YouTube, скорее это вроде бы такая мелкая деталь, которую замечаешь в последнюю очередь, но в последствии она уже не оставляет твоего внимания.

Каждое видео доклада с конференции оформлено замечательной обложкой, выдержанной в единой стилистике. Заголовок, фото спикера, его специальность и должность. А вот и та самая деталь — местоимения She/Her, He/Him.

Третью неделю смотрю на обложки и жду, когда же будет что-то нестандартное, но пока всё скучно и праздно: John — he, Sara — she. И стоило ли оно того?

Привлекают ли дизайнеры из Figma внимание к проблематике современных тенденций в самоидентификации или же просто кому-то взбрело в голову добавить это как декоративную деталь на обложке?


@designboat
😁4👍31💩1
Только что прочёл пост Лёши Свиридо в LinkedIn с призывом к дизайнерам быть более открытыми к переходу между доменами и направлениями и подумал, как же я с этим согласен!

Бытует стратегия, следуя которой вам, как дизайнеру, необходимо выбрать (случайно или целенаправленно) ту или иную специализацию в рамках одного домена чтобы стать сильным и привлекательным юнитом для работодателя. Её несколько лет назад высказывал Сергей Попков из Aic. Да, стратегия рабочая и логичная, здесь не поспоришь. Но не станет ли вам в какой-то момент скучно и тесно? Не выгорите ли вы и не превратите работу в рутину?

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

Не стоит ограничивать себя рамками и бояться менять направление. Всё обязательно получится! 🚀


@designboat
👏4🔥2
Ну вот, я огорчил совенка Duolingo
🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
Лайфхак странность с кассами самообслуживания в Пятерочке

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

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

Получить доступ к функционалу самостоятельного ввода кода товара можно лишь с помощью пятикратного тапа по правому нижнему углу экрана (см. видео).

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

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

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


@designboat
👍7🔥3😱3