Дизайн-лодка

Miro кажется продолжит работу после 12 сентября на бесплатных аккаунтах Miro разослала юзерам письмо, в котором говорится, что они продолжат предоставлять услуги для бесплатных аккаунтов в РФ и РБ, т.к. это не нарушает санкции. Ждём письма от Figma.

Зашёл тут в Delivey Club чекнуть, как у них выглядит ассортимент Магнит и залип. Залип на то, как некрасиво рябит в дырке шириной 1 пиксель страница при прокрутке. Заметите, что подобное наверстал ваш фронтедер — бейте по рукам. Ну или по мозгам, как получится и чем получится, требуйте чтобы переделал нормально.

Хочется ли вам поскорее приступить к работе в понедельник? Обдумываете ли вы планы на неделю в воскресенье вечером? Если нет, то возможно пора отдохнуть в отпуске или наладить баланс работы/жизни? Смену профессии в рамках этой проблемы предлагаю не рассматривать, это совсем глобальные изменения. О том, как я соблюдаю баланс и почему никогда не перегораю рассказывал в этом ролике 📹 А если коротко — не перерабатывайте, не забывайте ходить в отпуска, на выходных не работайте и после работы отдыхайте. Держите баланс. Не соглашайтесь на работу после работы. @designboat

Как проводится Health Check дизайнеров вертикали Фудтех в Магнит Сегодня расскажу о своём подходе к популярной модели оценки эффективности Squad Health Check, предложенной командой Spotify в далёком 2014 году. Если вы не знакомы с методом, то вам прямиком в статью авторов, а оттуда уже в Google и YouTube за примерами. Базовая светофорная модель оценки, описанная командой Spotify, рискует превратиться в «вечнозелёный» результат, когда большинство респондентов просто формируют ожидаемые ответы. В попытке поработать с этим и избежать холостого результата я попробовал вместо трёхбальной светофорной оценки ввести пятибальную, где ожидаемый ответ находился бы по середине и был бы помечен оранжевым, а не зелёным цветом. Гипотез возникло две: 1) если дать больше вариантов ответов, мы получим более точную оценку 2) преобладание оранжевого цвета просигналит о необходимом поиске точек роста для соответствующих метрик. Результаты двух кварталов отражены на скрине к посту — точно есть что улучшить. Система оценок следующая: Чёрный — «ужасно» (1 балл из 5) Красный — «ниже ожиданий» (2 балла из 5) Оранжевый — «соответствует ожиданиям» (3 балла из 5) Бирюзовый — «выше ожиданий» (4 балла из 5) Зелёный — «супер!» (5 баллов из 5) Процесс самого Health Check прост и незамысловат: два раза в квартал я рассылаю ребятам заранее подготовленный опрос в Google Формах и прошу пройти его в течении дня, после чего собираю ответы, а результаты заношу в Figma. Итоги и динамика обсуждается с каждым индивидуально на 1:1. Подход показывает себя хорошо, но пока протестирован лишь в пределах двух кварталов. Буду держать в курсе о дальнейших апдейтах. Постараюсь не забыть и о том, какие точки улучшений и роста удается находить. @designboat

Как один чел чужое портфолио за своё выдал и получил работу Как-то работал я в одном холдинге, где была собственная инхаус команда дизайна, которую мы периодически усиливали новыми кадрами. И вот однажды на собес пришёл один «кадр», показал чумовые проекты в портфолио, был очень убедителен и в целом показался всем крутым как по софтам, так и по настрою. Единственное, что показалось странно, так это очень разноплановые работы в портфолио. В итоге взяли его тогда без всякого тестового (чел смог продать себя как специалиста сеньорного уровня). Первая же порученная ему задача оказалась запорота. Чел тянул время, ссылался на проблемы с плагинами, софтом и компьютером. «Бывает, первый блин комом» — подумали мы и дали челу следующую задачу. Со следующей задачей произошло примерно то же самое. И со следующей. Чел не вывозил ни одну из порученных задач, но при этом травил шутейки, веселился и даже успел сходить с нами в бар пару раз. Он вообще не ощущал никакой проблемы, для него всё шло как по намеченному плану. Так или иначе, прошло уже больше месяца — чел успел получить первую зарплату. Его план работал. Но не долго. Один из дизайнеров задался вопросом про его портфолио и решил копнуть поглубже, проведя небольшое расследование. Воспользовавшись нехитрым методом поиска по картинкам в Google он вышел на профили авторов работ из портфолио нашего кадра. Каково же было наше удивление, когда ни один из авторов не подтвердил ни факта совместной работы, ни даже знакомства с нашим кадром! Чел просто надёргал работ из разных профилей на Behance и продал их как собственное портфолио. Нас провели. Мы почувствовали себя обманутыми и, по факту, были ими. Ответ не заставил себя долго ждать — фрагменты «портфолио» вместе с известными мемами были распечатаны и вывешены на доску в кабинете к утру следующего дня, как раз рядом с его рабочим местом. На следующее утром мы пришли в офис по-раньше чтобы не пропустить реакцию чела на такую презентацию «его портфолио». Но ровно в 10 чел зашёл в кабинет, окинул взглядом доску, и даже не моргнув глазом уселся за свой стол. Реакции не было. Дождавшись перерыва на обед мы провели беседу с челом. Когда ему показали переписку с авторами его портфолио, отрицавших всяческое сотрудничество и знакомство с ним, чел начал краснеть. Потом, как будто бы зеленеть. Я тогда впервые увидел как человек за пару минут может покраснеть, позеленеть и посинеть всей палитрой RGB. Чел во всем признался, отрицать правду стало бы глупостью. Конечно же в тот же день чел был уволен. Но так или иначе, компания выплатила ему зарплату за полтора месяца «работы». Это я к чему — всё тайное рано или поздно становится явным. Обманув в одном месте придётся отдать должок в другом, оказавшись в той же точке. Нормально и честно делай — нормально и честно будет. @designboat

Лайфхак странность с кассами самообслуживания в Пятерочке Если по каким-то причинам штрихкод товара не считался сканером на кассе самообслуживания, на помощь приходят консультанты, дежурящие у касс самобслуживания. Но консультанты физически не имеют возможности помогать всем и каждому на протяжении смены. Поэтому кажется логичным предоставить пользователю касс возможность ввода штрихкода самостоятельно, разместив крупную заметную кнопку на видном месте в интерфейсе. У касс Пятерочки эта кнопка скрыта. Получить доступ к функционалу самостоятельного ввода кода товара можно лишь с помощью пятикратного тапа по правому нижнему углу экрана (см. видео). Функционал явно не для всех и не являясь сотрудником или любопытным дотошным юзером вы никак про него не узнаете. Предположу, что причиной этому служат просчитанные командой риски: например, исключение мухлежа с кодами, если такое вообще возможно. Но тогда возникают другие вопросы к разработчикам: почему за ваши риски должен отвечать пользователь/покупатель? Придумайте систему защиты, но не мучайте своих пользователей. P.S. В остальном считаю кассы самообслуживания Пятерочки эталонными и всегда привожу их в пример как суперкайфовые 🫶 @designboat

Ну вот, я огорчил совенка Duolingo

Только что прочёл пост Лёши Свиридо в LinkedIn с призывом к дизайнерам быть более открытыми к переходу между доменами и направлениями и подумал, как же я с этим согласен! Бытует стратегия, следуя которой вам, как дизайнеру, необходимо выбрать (случайно или целенаправленно) ту или иную специализацию в рамках одного домена чтобы стать сильным и привлекательным юнитом для работодателя. Её несколько лет назад высказывал Сергей Попков из Aic. Да, стратегия рабочая и логичная, здесь не поспоришь. Но не станет ли вам в какой-то момент скучно и тесно? Не выгорите ли вы и не превратите работу в рутину? Что до меня, то я всегда был за смену доменов и специализаций и продолжаю придерживаться такой позиции. Не то, чтобы я задавался целью постоянно менять направления, просто всегда с интересом смотрел в разные сферы. Сейчас в бэкграунде есть реклама, производство, медиа, финтех, медтех и еком. Больше доменов — больше знаний, интереса и драйва. Не стоит ограничивать себя рамками и бояться менять направление. Всё обязательно получится! 🚀 @designboat

Не сказать, что это всё, на что я обращаю внимание в аккаунте Figma в YouTube, скорее это вроде бы такая мелкая деталь, которую замечаешь в последнюю очередь, но в последствии она уже не оставляет твоего внимания. Каждое видео доклада с конференции оформлено замечательной обложкой, выдержанной в единой стилистике. Заголовок, фото спикера, его специальность и должность. А вот и та самая деталь — местоимения She/Her, He/Him. Третью неделю смотрю на обложки и жду, когда же будет что-то нестандартное, но пока всё скучно и праздно: John — he, Sara — she. И стоило ли оно того? Привлекают ли дизайнеры из Figma внимание к проблематике современных тенденций в самоидентификации или же просто кому-то взбрело в голову добавить это как декоративную деталь на обложке? @designboat

Отличная пиктограмма в стамбульском метрополитене, наглядно иллюстрирующая то, как не надо себя вести в общественном транспорте 🙂

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

Duolingo шеймит Вы только посмотрите на это контекстное меню)

Сегодня ровно 2 года, как я в Магнит На фото первый день в офисе и мой welcome pack. Помню, как сомневался и рассматривал оффер не без доли скептицизма, но в итоге ни разу не пожалел. В Магнит действительно классно — большое дизайн-комьюнити, возможности для карьерного роста, реальная удалёнка (а при желании — офисы в нескольких городах), пространство для внедрения дизайн-процессов и инициатив. Сейчас дизайнеров, редакторов и исследователей уже больше шестидесяти человек. А сколько разрабов, тестеров, продактов и всех всех всех — даже и не счесть точного числа. Вопреки стереотипам, весь диджитал дизайн куётся внутри Магнит — приложения, админки, иконки, иллюстрации — всё делаем мы сами. Есть ещё ребята из дизайн-центра, которые занимаются печаткой и рекламными носителями, но это немного другая история. И самое главное — Магнит с каждым днём делает свою цифровую среду лучше и лучше, думаю сейчас это уже неплохо заметно со стороны, хотя ещё и очень много того, над чем нужно работать. 🧲 Двигаемся дальше! @designboat

Ура, нас уже 100 с небольшим! Это только начало🤘⚡️🚀 Друзья, спасибо вам за внимание к этому скромному каналу. Буду стараться и дальше не разочаровывать и сохранять ваш интерес ☝️🙂🫶 @designboat

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

Как устроена дизайн-доска нашей вертикали в Jira внутри Магнит Исторически у нас сложилось так, что каждая команда ведёт собственную доску и имеет свои этапы бизнес-процесса со своими статусами. Да, в сути своей они имеют более-менее идентичные этапы и процессы discovery и delivery, но в частностях всё же отличаются. Как-то я уже пытался собрать всех и заровняться чтобы прийти к единой схеме, но это не вызвало ни у кого восторга. Более того, мне были выложены контраргументы в пользу того, чтобы ничего не ломать. Приняв их во внимание, я решил пойти по пути минимальных изменений. Чтобы видеть задачи дизайнеров нашей вертикали из разных команд, я ввёл незамысловатое тегирование и попросил всех ему следовать. Каждая дизайн-задача помечается специальным тегом, что позволяет всем дизайн-задачам отображаться на общей дизайн-доске. Что же касается статусов, то с ними пришлось попотеть, разобрав несколько сотен дубликатов, похожих до степени смешения и смыслу, а также совсем не понятных и забытых всеми. В результате получилось пять колонок, грубо, но понятно для участников обобщающих все статусы. Да, остался хлам в виде неопознанных статусов, авторов которых найти не удалось, но они и не мешают. Сортировать и отсматривать статус задач по персоналиям на доске помогает фильтр с именами дизайнеров. Не всем дизайнерам сперва это пришлось по душе (не трудно догадаться). Но после того, как все поняли основной смысл, всё заработало как часы. А смысл заключается не в надзоре, контроле и потенциальных наказаниях, как многим могло показаться в начале. Такая система позволяет распределять нагрузку равномернее и в конечном счёте быть всем предсказуемыми. Видя, кто загружен или не дозагружен, можно отодвигать, снижать и повышать приоритет тех или иных задач, перераспределяя нагрузку. Плюс к тому, на планировании спринта очень удобно видеть у кого какие задачи в работе. Любой участник вертикали имеет ссылочку на эту доску и всегда может видеть статус дизайн-задач, что помогает планировать общие ресурсы. @designboat

«Браво», Яндекс Еда 💩 Мало того, что безопасность Яндекса-херандекса не вывезла и допустила слив данных в 2022 году, за что даже не посчитала нужным, как минимум, извиниться. Теперь Яндекс-херандекс настоятельно требует разрешить им собирать данные и показывать ТОЛЬКО ТО, что «может быть мне интересно». Я не хочу, чтобы вы показывали мне только то, что я выберу, я хочу видеть и что-то другое, дебилов вы куски. Второй вопрос: почему этот экран нельзя скипнуть, закрыть, свайпнуть? Я просто обязан согласиться и нажать безальтернативную кнопку «Выбрать». Третья эвристика Якоба Нильсена? Неа, не слышали. Даркпаттерны — да. Что после всего этого я делаю в приле Яндекс Еды — спросите вы? Дело в производственной необходимости, приходится изучать конкурентов фудтеха, иначе давно бы меня тут и след простыл. @designboat

Очевидная ошибка в интерфейсе касс самообслуживания KFC Решили мы вчера в кое-то веки проведать KFC. И что мы видим: вместо того, чтобы предоставить выбор размера порции в модальном окне по центру или сместить фокус ниже, на выбор порции, они прячут его вниз под кнопку «Готово». Пока вы не догадаетесь проскроллить экран, вы не сможете продолжить. При этом, рядом зачем-то есть кнопочка закрытия, на которую совершенно не хочется нажимать, ибо не понятно, к чему это приведет, но точно не к заказу картофеля фри. Предполагаю, что на воронку все эти затыки не оказывают значительного влияния (а отслеживают ли в принципе ребята из KFC воронку?) — пользователи, движимые голодом, так или иначе доберутся до завершения заказа. Но помучаться придётся. @designboat

Три шага повествования Почти каждый день во время различных встреч, синков и демо наблюдаю, как дизайнеры, продакты или разработчики доносят, формулируют или демонстрируют различного рода информацию. Вернее то, как трудно у многих из них это получается. Недавно, любопытства ради, посмотрел питчи стартаперов инвесторам и увидел там ровно то же самое. У чела задача за 5 минут объяснить, почему проект заработает в 10 раз больше, чем вложится инвестор, а он вместо этого начинает рассказывать долгую нудную историю про то, как ему пришла в голову идея проекта, какая у них классная команда и какой кофе он любит. Мимо, зовите следующего. Перед рассказом можно дать немного контекста, если это необходимо. Далее, я рекомендую строить повествование по следующей последовательности: Суть → Подробности → Детали 🔹 Суть Очень коротко, в одном-двух предложениях расскажите всю суть. Не нужно заводить длиннющий рассказ с огромной предысторией со времён вымерших мамонтов. Только короткая суть вашей идеи, задачи, решения. В одном предложении. И только потом переходите на уровень глубже. 🔹 Подробности На этом шаге можно раскрыть суть подробнее. По-прежнему, не нужно углубляться в макродетали, ещё не время. 🔹Детали И только на третьем шаге, если позволяет время и сохраняется интерес аудитории, можно переходить к мельчайшим деталям, подробностям, спорам и обсуждениям. Обозначив на старте главное, вы с гораздо большей вероятностью будете поняты, услышаны и получите нужный вам результат, будь то демонстрация решения, постановка задачи или питч для стартапа. @designboat

Даркпаттерн на Avito Никогда не был приверженцем Avito, но всё же пользоваться иногда приходится. И вот, что с удивлением обнаружил — авитовцы не то, что не гнушаются даркпаттернов, они их просто внаглую используют, причём избирательно. Перед публикацией объявления сервис любезно и настойчиво решает за вас разместить ваше объявление платно. Только опытный и внимательный пользователь обратит внимание на включенные по дефолту тогглы платного размещения. Это в десктопной версии. При этом в мобильном приложении такой любезности нет, там такой даркпаттерн решили не использовать. Ну вот как? Почему? Типа пользователи десктопов должны страдать? @designboat