/designer

Как я исползую Ноушн Сегодня поговорим на большую важную тему: про то, как организовать личную вики. Возможно для кого-то этот пост станет поворотным моментом и даст способ никогда не терять однажды приобретённые знания. Будут и те, кто решит, что я ушёл слишком далеко в своей систематизации, большая часть собранной информации никогда не понадобится. Ориентируюсь на нормальных людей, кто не считает Ноушн своей главной суперсилой, и рассказываю, как именно я нашёл ему широкое применение. slashdesigner.ru/my-notion Кратко: Ноушн — внутренняя персональная Википедия, которую я соткал из того, что показалось интересным. В ней уже всё найдено и разложено по полочкам, сформирована система, к которой я обращаюсь как к библиотеке, которая помогает мне во всех темах моей жизни. В отличие от других платформ с похожей целью, Ноушн даёт создать единую экосистему данных любого формата, которые перелинкованы между собой. У меня произошла смена парадигмы: раньше важные данные хранились на отдельном локальном компьютере, теперь источник правды в облаке. Не для всех профессий сбор такой базы может быть оправдан, но для проектировщика интерфейсов он точно окупится. #первые_шаги #Notion

Про тёмные и светлые темы Два альтернативных мнения, риски внедрения тёмной темы на проекте, а также о том, почему я прозрел и стал топить за семантические палитры. slashdesigner.ru/design-systems/dark-theme А что ты думаешь о внедрении смены тем? Возможно, у тебя был такой опыт. Пиши в комментариях. #для_профи

Что обсудили: - На что обратить внимание, когда пилишь CRM в одно лицо Два пути: нанимать команду, или фокусироваться на UX и отложить UI до лучших времён - Сколько UI-китов в Озоне Сейчас очень много, но будет 3 - Что делать, когда работа глобально наскучивает - Сколько человек нужно, чтобы создать дизайн-систему - Как добиться от джунов качественного дизайна - Я один сижу в студии или на фрилансе: как прокачаться - Распределение нагрузки команды: как попадать в сроки - О коммуникации с командой: синки и уан-он-уаны, среда доверия - Работа из дома и из офиса: почему порвал с фрилансом - Как искать менторов #первые_шаги #для_профи

Запись стрима №2

#Стрим №2 Всем привет! Начинаем через пару минут. В этом посте можно задавать вопросы и общаться.

Как писать джоб-стори К сценариям, которые я проектирую, я пишу джоб-стори — краткие описания проблемы, которую предстоит решить. Джобы это классный инструмент для того, чтобы сфокусировать внимание на проблеме и впоследствии удачно её решить. Это может быть даже не проблема, а просто место для улучшения опыта. Это моя вольная интерпретация фреймворка Jobs To Be Done. slashdesigner.ru/job-story #первые_шаги #UX

#Стрим №1. UX для буровых, Q&A Вчера неожиданно для себя провёл первый в жизни стрим. Это были чистая импровизация и вдохновение. Не стал загонять его в рамки определённой темы и это дало возможность участникам самим задать направление для беседы, которое им было интересно. Без всякого анонса целых 80 человек выделили время, чтобы послушать и поучаствовать, за что им большое спасибо. В гости зашли эксперты из Luxoft и Озона. Я просто офигел! Что обсудили: - Поиск работы в продуктовом дизайне - Как выглядит UX-портфолио и какие проблемы можно решать в кейсах - Перешагивание через себя при работе на big boring corporation, где твои идеи не ценятся - Были также вопросы и про дизайн-процессы в Озоне. По свежим следам собрал всё это в пост: medium.com/slashdesigner/stream1-fdadcd849816 Развиваем тему: следующий стрим в похожем формате состоится 1 июля в 20:00 по Москве. Заранее готовьте свои вопросы и заходите в чат, чтобы не пропустить. #для_профи

Спонтанный голосовой чат /designer Глядя на Исаева, решил попробовать формат голосового чата с аудиторией Слэшдизайнера. Предлагаю всем желающим в 21:30 по Москве (через 5 минут) пообщаться со мной на тему продуктового дизайна, Фигмы, работы или неработы. Постараюсь ответить на любые интересные вопросы. Буду в эфире до 22:00. Если зайдёт — повторим. UPD: это было очень вдохновляюще! Спасибо всем, кто поучаствовал. Буду продолжать формат и на следующий раз запись будет.

Виды дизайна slashdesigner.ru/design-types Выкладываю свою новую большую работу. Эта статья для начинающих дизайнеров, которая поможет узнать, какие виды дизайна бывают и как они взаимосвязаны между собой. Это нужно, чтобы правильно наметить свой фокус и перестать распылять силы на попытки заниматься всеми видами дизайна подряд. Дизайнеры об этом как правило не задумываются и присылают мне портфолио, в которых лихо смешиваются разные виды дизайна: лендинг соседствует с сервисным приложением, где-то рядом насыпаны логотипы и визитки. Дизайнер хочет как лучше: «я могу вот так, вау, вот так могу!». А для меня это явный индикатор, что человек потратил много времени на то, что мне в нашей команде не потребуется, потому что я ищу дизайнера под проект. Он не понимает куда идёт и не имеет нужного мне опыта, поэтому приходится отказывать. В идеале каждая работа в портфолио — это деталь из общего пазла, который помогает понять, что можно заказать у этого дизайнера. Обзор видов дизайна далёк от завершения и комментарии приветствуются. Внутри — примеры портфолио по разным видам дизайна. #первые_шаги

Стрим-конфа «All we need is love: как мы делаем цифровые продукты» Помните я писал про Alfa Battle Camp? Участники уже в Сочи, а 24 июня, в четверг с 11:00 до 13:30 можно будет посмотреть стрим для продуктовых дизайнеров и UX-исследователей. Обещают много полезного контента, как от внутренних экспертов Альфа-Банка, так и от известных спикеров от дизайна. Заявленные темы: - Про развитие UX и продуктового дизайна в банках - Как работать не 12 часов, а головой — вот это прям тема для меня, с ворк-лайф балансом всё плохо - “Love me tender: как добиться системной любви пользователей” - “Как оцифровать сексуальность” — wut? Также будет дискуссия, на которой выступят все-все-все: Александр Ковальский, Сергеей Попков, Екатерина Лемма, Дмитрий Сатин, Дмитрий Карпов, Алексей Овчаров. Смотреть стрим на сайте события → #полезная_реклама

Подготовка к новой конференции идёт полным ходом. А пока можно сходить на митап Райффайзенбанка по дизайн-системам — https://raiffeisen-events.timepad.ru/event/1655212/. 3 июня дизайн-команды Яндекса, IVI, Альфа-банка и Райффайзенбанка расскажут о тематизации, особенностях создания компонентов для мобильных платформ, работе с множеством продуктов и направлений, а также ловле багов. Начало в 19:00, всё в уютном онлайне без пробок. Зарегистрироваться — https://raiffeisen-events.timepad.ru/event/1655212/.

Техническое про Дизайн-чат и комментарии к постам в Телеграме Пост будет полезен каналоводам и обнажает всю боль при организации своего комьюнити в Телеграме. Смотрим на интерфейс Телеграма с точки зрения продуктового дизайна. Чтобы в постах канала были комментарии, нужно прикрутить в настройках отдельную группу в графу Discussion. Все посты от @slashdesigner автоматом публикуются в неё и закрепляются в шапке. Когда смотришь @designchat2, такие посты выглядят для участников как опубликованные каналом, например так. Если удалить такой пост в привязанной группе, в канале у него исчезнут комментарии, что недопустимо. Раньше функцию группы для комментариев выполнял наш публичный чат @designchat2, но это было ошибкой, поскольку публичные группы для этого непригодны. У них как у отдельного продукта свои потребности, которые игнорирует текущая реализация комментариев: 1. В шапке должны быть закреплены правила чата. Но Телеграм автоматически закрепляет каждый пост Слэшдизайнера в шапке Дизайн-чата, что скрывает пост про важные правила под клик. Новые участники не видят правила → не соблюдают их → в чате начинается хаос. Поэтому после каждого поста приходится вручную делать Unpin всех постов, кроме правил. Отключить это поведение нельзя, и это неверное продуктовое решение Телеграма. Команда Unpin находится в том же контекстном меню, что и Delete, что приводит к мисклику. Именно так я по ошибке удалил в Дизайн-чате сразу несколько последних постов канала, в очередной раз возвращая правила в закреп. 2. Удаление поста от канала в группе нельзя отменить, а значит интересные тематические дискуссии на тему работы в Озоне и уровней дизайнеров утеряны в бурном потоке сообщений Дизайн-чата. Сообщения о вновь прибывших участниках (John Doe joined the group), вносят шум и раздражают. Поэтому мы настроили бота @groupbutler_bot, который автоматом подчищает такие сообщения. Но Батлер имеет побочный эффект: вместе с системными сообщениями он удаляет посты, содержащие ссылки от участников группы. В том числе, от самого @slashdesigner. Что (сюрприз!) приводит к пропавшим комментариям в канале. Когда я публиковал очередной новый пост, я временно блокировал Батлеру возможность удалять сообщения, а потом включал снова. Это было очень неудобно. Выводы и решения: - Публичное комьюнити и группа для комментариев должны быть двумя разными группами. - Чтобы отключить комментарии у поста в канале, нужно делать это через прямую функцию Disable Comments, а не через удаление поста в группе. В интерфейсах следует избегать таких неочевидных взаимосвязей между сущностями. - Нужно сделать обратимым удаление поста в канале. Иначе единственный способ восстановить комментарии — сделать повторный пост в канале, что приводит к заслуженному оттоку аудитории. #техническое #для_профи

Alfa Battle Camp в Сочи: летний хакатон для продуктовых дизайнеров 23 — 27 июня: море, горы, сёрфинг, эксперты по дизайну и возможность попасть в правильное окружение. Вы спрашиваете меня, как перестать вариться в собственном соку и прокачаться — отвечаю: выйти из своей привычной комнаты и начать участвовать в таких событиях. Это естественный способ показать себя, найти новые знакомства и контакты, которые позже помогут найти хорошую работу. Бесплатное участие (включая авиабилеты): после отбора команды сформируют из 50 человек. Среди экспертов: Александр Ковальский, Сергей Попков, Дмитрий Карпов и другие. В жюри — топы из Альфа-Банка. Команды под присмотром экспертов будут создавать новые прототипы для приложения Альфа-Мобайл. Участие включает перелёт Москва-Сочи-Москва, проживание в 4* отеле на первой береговой, с питанием. Подавай заявку до 4 июня и проходи отборочный тест. Желаю удачи! Участвовать → #полезная_реклама

Уровни продуктовых дизайнеров и зарплаты Отвечаю на вопрос, который много раз задавали: чем отличаются роли дизайнеров и как понять свой уровень. Все указанные цифры гуляют ниже или выше на 10-20 000 ₽ в зависимости от города и компании и в этих оценках я опираюсь на свои ощущения и разговоры с другими дизайнерами из индустрии. Начнём с самого старта карьеры. Стажёр — это сырой дизайнер, с опытом меньше года, который прошёл правильные дизайн-курсы, собрал портфолио и попал на стажировку в крупную компанию. Это почти джуниор, но достаточно везучий, чтобы убедить на собеседовании, что он вырастет во что-то полезное. Джуниор в одной компании может пойти на стажировку в другую, более крупную. Стажировки могут быть даже неоплачиваемые и это всё равно прекрасная возможность попасть в продуктовый дизайн, от которой я бы не отказывался. Однако, мы не практикуем такие, стажёры в Озоне тоже получают зарплаты. Джуниор — это сырой дизайнер с опытом около года, который получил постоянное вакантное место после стажировки или сразу. Его нужно вести большую часть времени, иначе он наворотит пиздец. Это тот, кто изучил дизайн-курсы, собрал портфолио, не вляпался в фриланс в начале карьеры и уже может решать дизайн-задачи под присмотром наставника. Нельзя просто взять и за месяц стать джуниором, это тоже требует месяцы практики. Может по тщательно описанной задаче сделать то, что попросили, но способен утопить вопросами. Хорошо, когда задаёт вопросы, воспринимает фидбэк и стремится к самостоятельным решениям. К сожалению, ещё не может держать слово и оценивать сроки точно, склонен переоценивать свои возможности и не видеть подводные камни. Джуниоры в среднем по рынку зарабатывают от 50 000 до 90 000 ₽. В джуниоры может прийти человек с нерелевантным опытом из другой творческой области (веб-дизайн, аналитики, SMM, кодинг) и через полгода сделать апгрейд. Это хороший вариант, поскольку такие джуниоры уже открывали Фигму, понимают, что происходит, способны держать слово и с ними приятнее работать. Мидл — это дизайнер с правильным опытом 2-3 года, который наиболее эффективен в среде дизайн-команды, однако ему нужен более опытный лид, который скорректирует неудачные решения. Однако, большинство задач он может решать автономно. Мидл — это дизайнер, которого прокачали из джуниора на протяжении года-двух в правильном месте. Может запилить целый сценарий в одно лицо. Мидл+ — это прокачанный мидл, количество правок у которого становится ниже, а количество выполненных обещаний — выше. Однако, ещё не может быть автономен. Мидлы в Москве зарабатывают в среднем от 100 000 до 140 000 ₽ в месяц. Если мидл способный, он становится автономным от лида через год-два. Синьёр — это дизайнер с правильным опытом более трёх лет, которому достаточно скиллов, чтобы работать полностью автономно, исследовать проблемы для решения самостоятельно и даже помогать другим дизайнерам. Именно таких я и ищу. Он в принципе может эффективно работать без дизайн-лида, сам себе дизайн-команда, знает о проекте всё и без пяти минут PM. Может запилить целую интерфейсную систему в одно лицо, декомпозировать задачи и умеет держать сроки, знает в своей области всё. В среднем по рынку синьёр может претендовать на зарплату от 140 000 до 240 000 ₽, в зависимости от того, насколько точно он подходит в определённое место, насколько хорошо развиты софт-скилы, понимает ли он свой фокус и имеет ли горячий контр-оффер. Про зарплаты в 300 000 ₽ на линейных, не руководящих позициях можно услышать только в курсах про то, как стать успешным веб-дизайнером, это полный неадекват. Такие деньги можно зарабатывать либо: - Не в России, работая удалённо на иностранные компании - Если у тебя наработана жирнющая клиентская база на фрилансе, что требует годы в агентствах, нереально сложно в одиночку и неспокойно - Если ты хорошо залетел в госкомпанию и умеешь дружить - Если ты ведёшь инфоцыганские курсы про то, как стать успешным веб-дизайнером. Хотя последнее уже не про дизайн. — #первые_шаги #для_профи

Дизайн-команда Озона расширяется. Я снова ищу продуктовых дизайнеров Мы работаем над ключевыми проектами для Озона: делаем приложение и сайт ozon.ru, интерфейсы для пунктов выдачи, делаем Ozon Seller — панель управления и приложение для продавцов. Мы быстро растём, у нас есть крутые задачи и ресурсы для их решения. Кандидаты из Питера смогут работать в своём городе из офиса удалённо на московскую команду. Также можно будет работать из Казани. Можем помочь с переездом. Вакансии: - Дизайн-лид в команду интерфейсов доставки для 3 человек с возможностью найма ещё нескольких - Продуктовый дизайнер на веб и админки - Продуктовый дизайнер на мобилки Подробности по ссылке → Откликнуться → @okunev — #для_профи #анонсы

Комментарии к решению Исходная задача Начнём с общего контекста, который осознаёт пользователь при выборе нескольких слотов. Этот контекст представлен белым блоком справа, группирует 5 сущностей и в нём мы видим все действия, которые мы с ними можем делать. Их 4 , и они имеют разную иерархию: закрытие, сохранение изменений и отмена изменений, сброс фокуса с закрытием окна. Закрытие слотов — действие гораздо более серьёзное, чем изменение вместимости, поэтому, оно идёт первым и расположено сверху. Мы дочитываем до кнопки закрытия ещё до того как видим какие-либо настройки слотов. так мы решаем вопрос с грудой кнопок внизу контекста, которая явно была проблемой в исходном скрине. Раньше кнопка закрытия была красной, потому что это похоже на удаление, но по факту по нажатию ничего опасного не происходит, поэтому вернули обычный спокойный стиль вторичной кнопки. Не будем лишний раз кричать на пользователей красным цветом. Также добавили крестик закрытия, чтобы не было путаницы, что произойдёт по нажатию на Закрыть слоты. Теперь это явно отдельное действие, не снимающее фокус с 5 слотов. Дальше идёт следующий контекст, который отделён отбивкой: редактирование настроек слотов. К нему относятся кнопки Сохранить и Отменить, поэтому они должны быть рядом. В полях настроек мы пытались уместить лейблы справа, но здесь это неудобно, поскольку текст в них длинный и места слишком мало, поэтому поставили лейблы над полями. В длинных формах это бы понизило скорость сканирования, поскольку лейблы и текст в полях шёл бы вперемешку, но здесь это работает хорошо. Кнопка Сохранить — ключевое действие, если мы что-либо меняли в настройках. Поскольку наш бэк не умеет в сокеты и в системе ещё нет истории действий, мы вынуждены делать кнопку ручной отправки запроса на сохранение. в форме не должно быть интерактивных элементов, которые находятся ниже ключевого действия, иначе есть эффект, когда интерфейс говорит тебе: «вот твои возможные действия. А, да, кстати, вот ещё одно.» Это тупо. Параллельно с основной задачей решили проблему с волнами доставки, они прятались в дропдаун и было непонятно, сколько их. Для их переключения нужно было два клика, теперь один. Решать другие задачи, которые попадаются на пути — это хорошая инициатива, если всё-таки решена главная и если на это есть достаточно времени. — #первые_шаги #задачи

Кнопки действий: решение Комментарии к решению →