slashdesigner | Искусство и фото

Telegram-канал slashdesigner - /designer

15898

Канал про продуктовый дизайн, инструменты и практику. Рекламы нет. Рубрики: #первые_шаги #для_профи #Figma #майндсет #UX_задача #UI_ревью #дизайн_системы #помоги_беженцам #эмиграция Форматы: #снек #статья #видео #анонс #видео #подкаст Автор: @okunev

Подписаться на канал

/designer

#опрос

В @slashdesigner значительно снизились просмотры постов. Прошу поучаствовать в опросе, чтобы мы смогли выяснить, как скорректировать стратегию развития канала.

Читать полностью…

/designer

#снек 25. Первые итоги менторской программы /designer. Как понять свой фокус дизайнера

С момента первого анонса о запуске менторских сессий @slashdesigner ко мне обратились 9 человек, четверо из них стали заниматься регулярно. Я провёл уже более 15 часов консультаций.

В @slashfeedback появились новые отзывы, и все они пока позитивные. Буду оставлять все реальные отзывы, даже если они будут негативными, пусть будет всё по-честному.

Типичный запрос — на определение фокуса дизайнера, анализ сильных и слабых сторон. Многие дизайнеры хотят понять, где они находятся и куда двигаться дальше. Для этого через SWOT-анализ вместе разбираем всё, что человек умеет и не умеет, какие возможности и угрозы видит. Вместе прописываем, как он определяет свой фокус. Кстати, это можно попробовать сделать и самостоятельно. Однако, возможно не учесть свои слепые зоны: что-то, что ты не можешь обнаружить без взгляда извне. Как раз для этого может быть полезен ментор, который сможет непредвзято посмотреть на тебя со стороны.

Мой фокус — это мой ответ на набор вопросов:

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

Пример моего текущего фокуса:

Я, Саша Окунев — дизайн-менеджер, который организует проектирование интерфейсных систем любой сложности. Мне интересно заниматься проектами в сегментах B2C, B2B и особенно B2E, глубоко погружаться в системную аналитику. Я руковожу дизайн-командой, организую предсказуемые комфортные дизайн-процессы, выстраиваю коммуникацию между всеми участниками проекта. В данный момент занимаюсь разработкой дизайн-систем и их внедрением в масштабе корпораций. Я могу синхронизировать любое количество продуктовых команд, чтобы работали по единому дизайн-стандарту в рамках существующего технологического стека. Это даёт возможность корпорациям экономить ресурсы дизайна и разработки, увеличивать NPS через внедрение нового дизайна, а также сокращать Time To Market.

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

Все сессии мы проводим в Zoom и пишем на видео. После встречи текстом прописываю итоги и дальнейшие шаги.

Пока остаётся небольшое количество свободных слотов по пятницам и воскресеньям, можно записаться лично: @okunev. Цены.

@slashdesigner #менторство #карьера #для_профи

Читать полностью…

/designer

#снек 23. Часть 2. Коммуникация с ЛПР

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

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

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

В крупных компаниях может быть ситуация, когда есть большой руководитель, от которого нам приходит задача. Он недоступен для ежедневной оперативной работы, и это нормально. Тогда 95% времени мы работаем с его сотрудником. В этом случае мы всё равно отдаём себе отчёт, что ЛПР — первый человек и дизайн будут считаться принятым, только когда его примут на верхнем этаже.

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

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

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

@slashdesigner #первые_шаги #майндсет

Читать полностью…

/designer

Запускаю менторские сессии по продуктовому дизайну

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

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

Я периодически провожу такие сессии на протяжении последних 5 лет, но теперь принял решение сделать их регулярной практикой. Свежие отзывы студентов можно найти в канале @slashfeedback. Даже одна сессия может привести к важным открытиям и пробить стеклянный потолок, который мешал развиваться.


С чем могу помочь

- Конфиденциально разберём сложные UX-задачи с работы, вместе поштормим и сгенерим гипотезы, смотри рубрику #UX_задача
- Приведём в порядок дизайн-ассеты, сделаем уборку и внедрим лучшие практики оптимизации в макетах: киты, компоненты, стайлгайды
- Компаниям: помогу вашей команде организовать дизайн-систему
- Разложим по полочкам, что ты умеешь и что можно ещё изучить. Индивидуально подберём курсы и книги для прокачки
- Проговорим, как использовать твои умения максимально эффективно и на чём сфокусироваться
- Дам качественную бережную обратную связь по твоему дизайну, как на #UI_ревью, только в реальном времени
- Помогу написать резюме и привести в порядок портфолио, посмотреть на него глазами нанимающего
- Подготовлю к интервью, проведём мок-интервью и сделаем презентацию о тебе
- Распишем дальнейшую карьерную стратегию, как договариваться о повышении и грамотно делать трансферы
- Преодолеем страх отказа при найме, если ты думаешь, что не сможешь найти работу ещё лучше

Все сессии пишем на видео и храним записи, в любой момент можно пересмотреть.

Стоимость сессии для дизайнеров: 1 час — 5 000 ₽ / 60 $ / 25 000 ₸. При оплате 5 сессий скидка 10%.

Цена часа для компаний — 10 000 ₽ / 120 $ / 50 000 ₸.

Чтобы откликнуться и забронировать время, пиши: @okunev.

PS – в @slashdesigner больше не будет коммерческой рекламы. Весь доход от сессий я вкладываю в проект: оплачиваю работу корректора и редактора, чтобы выпускать такие материалы и обновление курса по Figma, вкладываю в рекламу и хостинг для slashdesigner.ru. Через участие в сессиях ты можешь поддерживать наш проект.

@slashdesigner #для_профи

Читать полностью…

/designer

Подборка 10 генераций из /imagine с промтами

@slashimagineai — чат проекта @slashdesigner про генерацию изображений в AI. Мы рады новым участникам, которым любопытно исследовать возможности Midjourney и делиться своими находками.

@slashdesigner #первые_шаги #AI

Читать полностью…

/designer

#снек 20. Баланс цены и ценности

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

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

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

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

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

Кейс: наш сотрудник — важный руководитель, который едет в турне по филиалам, чтобы встретиться с сотрудниками. Поэтому, мы решаем отказаться от классического паттерна подбора билетов, как на агрегаторах: «выбери билет туда и обратно». Вместо него мы придумываем сущность события, под которое подбираются билеты, отель и трансферы. В командировку можно добавлять несколько событий, чтобы покрыть кейс про турне. Но 99% сотрудникам будет достаточно более простого интерфейса, в котором есть поля «туда» и «обратно», у них событие будеть всегда только одно.

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

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

Улучшать можно уже итеративно в следующих версиях, если пользователи или бизнес попросят.

@slashdesigner #для_профи #майндсет

Читать полностью…

/designer

#снек 18. Заменит ли AI дизайнеров?

Да. Я считаю, что заменит, и это неизбежно произойдёт в ближайшие 5-10 лет, прямо на наших глазах. AI в конечном итоге научится делать работу дизайнера лучше любого человека. Но это не повод для паники, это повод следить за происходящим и готовиться переучиваться, чтобы не потерять актуальность на рынке.

Для дизайнеров этот переход будет гораздо серьёзнее, чем переход со Sketch на Figma, это будет полная смена парадигмы разработки продукта. Дизайнер перестанет рисовать макеты руками, потому что не будет смысла в макетах, если можно получить конечный работающий продукт от AI.

Процесс перехода на дизайн от AI не будет мгновенным. На адаптацию к новым инструментам потребуется значительное время, как со стороны бизнеса, так и со стороны исполнителей. Скорость этого процесса упирается в появление AI-инструментов, подобных Midjourney и ChatGPT.

Могу привести пример, как сокращает количество рабочих мест ChatGPT прямо сейчас в других творческих профессиях, например в профессии методиста. Цифры взяты грубо, для примера. В команде есть 10 методистов, задача которых — писать тексты домашних заданий для онлайн-курсов. Если в команде появляется один методист, который хорошо владеет ChatGPT, он работает с той же эффективностью, с какой 5 методистов писало эти задания вручную. По задаче написания домашек команду можно урезать до нескольких опытных методистов, которые хорошо владеют новым инструментом и могут валидировать материал за AI. Остальные первоклассные компетентные сотрудники, которые не обладали новым навыком, увы, уже сегодня отправляются искать новую работу.

Это не значит, что среди методистов прямо сейчас не останется людей, а будет только AI. Но тенденция явная: AI планомерно сокращает количество нужных специалистов и, соответственно, рабочих мест.

Когда появится система, которая по текстовому запросу сможет делать готовый IT-продукт, очень дорогостоящий процесс продуктовой разработки изменится до неузнаваемости. Такая система сможет заменить не только дизайнера, но и пару департаментов в корпорации, таких как маркетинг и IT. Она сможет всё, что сейчас делают люди разных ролей: проанализировать потребность в продукте или отдельной фиче, провести любые виды исследований, спроектировать оптимальный опыт, нарисовать себе UI, сформировать дизайн-систему, сверстать её на любом языке с учётом любых требований к фронту, написать юнит-тесты, выкатить в релиз, мониторить нагрузку на бэке, чинить инциденты. И да, она войдёт в цикл продуктовых улучшений. Рано или поздно она неизбежно начнёт конкурировать с продуктами, созданными целым классическим департаментом разработки из сотен человек и победит его.

Тот, кто будет уметь с ней работать, понимать и улучшать её, ещё какое-то время останется при хорошей работе. Все остальные привычные нам роли, не сумевшие адаптироваться к новой реальности, к сожалению, перестанут быть нужны бизнесу. Оставшимся не придётся делать ручную работу. Их задачей станет human touch — валидация работы, сделанной AI и написание запросов для AI.

@slashdesigner #для_профи #AI

Читать полностью…

/designer

#снек 17. Про референсы и избегание плагиата

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

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

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

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

Начинать дизайн с оригинальности невозможно, потому что без предыдущего опыта не из чего лепить оригинальность.

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

@slashdesigner #первые_шаги #майндсет

Читать полностью…

/designer

Оглавление

- 1. Не используются страницы
+ 2. Навигация по фреймам
- 3. Навигация через виджеты не работает на View-доступе
+ 4. Блок Preparation погружает в контекст
- 5. Небрежная редактура + внезапные вставки на немецком
+ 6. Ссылки на конкурентов в Competitors
+ 7. Хорошие рефы
- 8. Грубо сделанные скриншоты
- 9. Недостаточно сфокусированный мудборд без комментариев
+ 10. Второй мудборд с более похожими образами
- 11. Визуальные приёмы из мудбордов не находят отражения в концептах
- 12. Слишком большой контраст на первом концепте
+ 13. Более сдержанный стиль с хорошими образами
- 14. Странно оформленная информационная архитектура
- 15. Слишком отполированные аккуратные вайрфреймы, которые было долго делать
- 16. Великоватый хедер по высоте
+- 17. Модульная етка, но меню мимо неё
+ 18. Эффектная фотография в hero
- 19. Старомодные угловатые кнопки
? 20. CTA возможно стоит сделать на конфигуратор
- 21. Иконка Chat в странном месте
+22. Хорошо бы поджать кернинг в заголовках
- 23. Скучная вёрстка с машинками
+ 24. Качественные образы машины
+ 25. Удачное лайфстайл-фото
- 26. Фото мимо модульной сетки
- 27. Нет признака текущего фото в слайдшоу
- 28. Отзывы на лендинге не убеждают, не тот тип покупки
- 29. Излишний акцент на иконках соцсетей и кнопке Subscribe

Читать полностью…

/designer

#гайд в 4 частях от Анны Лесной
Как дизайнеру найти работу за рубежом, Часть 3. Прензентация о себе

Читать: slashdesigner.ru/lib/hanna-guide/self-presentation

Что внутри
- Почему презентация важна
- Как пришла к идее сделать презентацию
- Блок 1. UX-challenges
- Блок 2. UI-challenges
- Блок 3. Лидерство
- Блок 4. Последний любимый проект
- Блок 5. О себе
- Блок 6. Планы на компанию
- Подборка полезных видео

Предыдущая часть: 2. Портфолио

@slashdesigner #для_профи #карьера #эмиграция

Читать полностью…

/designer

#снек 16. Зачем ты берёшь проект? Совпадают ли ваши цели с заказчиком?

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

Некоторые варианты:

1. Работа только за деньги по ТЗ заказчика. Если единственный мотиватор — деньги, это чистое ремесло и полное отсутствие творчества. Любить такой дизайн сложно, быстро становится невыносимо скучно. Тут только «надо».

2. Работа под NDA, заказчик запрещает публиковать работу по условиям контракта, дизайнер в тени. Мотиваторы — хорошие деньги, чувство причастности к большой организации и возможность влиять на неё изнутри. Типичное ремесло в корпорации. Хорошо, если разрешают подписывать факт работы в организации и название позиции в соцсетях. Тут могут быть «надо», «могу», на руководящих позициях может проявляться больше «хочу».

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

Типичное ремесло на фрилансе и в агентстве. Рабочий вариант, если ты очень крутой и есть возможность выбора хороших заказчиков. «Надо» и «хочу» — в этом варианте чаще всего в конфликте между собой. «Надо» клиента по определению сильнее «хочу» дизайнера. Уровень работ всё равно неизбежно деградирует, заказчик чаще всего является творческим ограничением. Если этого не происходит, это скорее аномалия.

4. Пет-проект для портфолио или для души. Чистое искусство с полным контролем результата. Нет заказчика — нет проблем с правом финального решения. Мотиватор: ощущение творческой свободы, самореализация и усиление своего бренда. Лучше всего подходит для повышения счастья дизайнера и привлечения более качественных клиентов/работодателей. Чистые «хочу» и «могу».

5. А есть вариант, когда дизайнер или агентство разрешает конфликт варианта 3, разделяя одну и ту же работу на клиентскую и для портфолио. Смирившись с тем, что заказчик всё равно всё изуродует, в портфолио выставляют исходную работу, где всё по красоте, как надо дизайнеру. А заказчику отдают то, что он просил для его реальной жизни. Всё «надо» остаётся в клиентской работе, которая позволяет оплачивать счета. А вся игра мускулами, «хочу» и «могу» — идёт в кейс. Так делают даже крупные агентства и дизайнеры, которые хотят выглядеть красавчиками.

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

@slashdesigner #для_профи #майндсет

Читать полностью…

/designer

#UI_ревью 5. Разбор сайта для Lingokids

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

Исходная работа в Figma Community

Автор: @SvetlanaTafi

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

Хочу услышать общие впечатления, недочёты и слабые места. И можно ли с работами такого уровня претендовать на место джуна? Или пока слабо?

Буду очень благодарна 🙏
———

Привет, Светлана. Общее впечатление противоречивое, но скорее позитивное. Эта работа пока сыроватая, но можно быстро исправить многие моменты. Я постарался бережно прокомментировать всё, что увидел.

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

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

Если бы заявленная задача была в том, чтобы дать минималистичный MVP-лендинг продукта, она была бы покрыта.

Разбор и анализ визуальных приёмов — отдельным постом.

Свои и чужие макеты на разбор можно присылать в чат @uireview, требования.

@slashdesigner #первые_шаги

Читать полностью…

/designer

#снек 14. Творчество, ремесло или искусство? Определяемся с понятиями

Если мы этого не понимаем, рано или поздно творческий процесс может вылиться в разочарование и конфликты с заказчиками.

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

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

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

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

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

@slashdesigner #для_профи #майндсет

Читать полностью…

/designer

#снек 13. Про ниши в дизайне

Бывают разные типы специалистов: I-shaped, T-shaped. В зависимости от специфики, компании может потребоваться определённый тип.

Apple и Google могут себе позволить нанимать узких специалистов, навыки которых можно условно изобразить как вертикальный график, напоминающий букву I. У крупных компаний могут быть отдельно те, кто UI занимается, и UX-исследователи.

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

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

Всё зависит от того, какую стратегию своей карьеры ты выбираешь. Ты собираешься в корпорацию, в агентство или в стартап?

Стратегия 1. Корпорация. Низкий риск. Хочешь спокойно заниматься только чем-то определённым, тратишь время и силы только на это, находишь работу или стажировку в крупной компании. 80% времени выбранной нише. Полностью отдавать всё время только одной нише тоже не получится. Важен и кругозор, чтобы выбрать нишу и органично встроиться в ткань компании. Хорошо бы знать, как именно твоя вертикальная роль закрывает потребности других членов команды.

Пример: ты про дизайн-системы, но знаешь, чем занимаются иллюстраторы, фронты и бэкендеры.

Стратегия 2. Агентство. Средний риск. Хочешь профессиональной встряски, прокачки и максимально жёсткой среды с дедлайнами — выбираешь основную нишу, тратишь на неё 50% времени, остальное на смежные ниши.

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

Стратегия 3. Стартап. Высокий риск. Хочешь быть у истоков чего-то большого, получить акций на десятки тысяч долларов и готов к риску потерять время и навык — уделяешь 20% своего времени основной нише и готовишься к самым причудливым сторонним активностям, которые нужны для выживания стартапа. Для начинающего дизайнера это плохая стратегия, хорошо бы пройти школу из корпорации или агентства, а потом пробовать стартапы.

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

@slashdesigner #для_профи #карьера

Читать полностью…

/designer

#снек 12. Где мне брать инсайдеров?

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

Итак, как же сделать так, чтобы тебя звали и раскрывали тебе все карты, лишь бы ты пришёл?

Во-первых, быть ценным. Когда люди приглашают своих знакомых вместе работать, обычно они делают это не из благотворительности, а из того, что потенциальный коллега облегчит их жизнь своей профессиональной работой. Нужно беречь свою репутацию и старательно работать, желательно полгода на одном месте. Особенно этот период критично соблюдать в продуктовых командах, где за меньшее время трудно вникнуть в продукт, проявить себя и измеримо повлиять на него. Если дизайнер хочет устроиться на фултайм и до этого работал по 2 месяца в 5 компаниях за последний год, это красный флаг для HR, потому что очевидно, что он не удержится. Такие факты карьерного пути лучше не раскрывать.

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

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

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

В-третьих, быть видимым и формировать вокруг себя инфополе из единомышленников. Вести блог эксперта в соцсети по твоему вкусу. Нахожу наиболее эффективными для этого Telegram, LinkedIn YouTube или TikTok. Именно для этого люди выступают на конференциях или хотя бы ходят на них в качестве участников. Недавний пост по теме: В чём прикол ходить на дизайн-конференции? Нужно заводить новые знакомства и увеличивать свой социальный капитал. Люди, с которыми у тебя общие интересы и хорошие отношения, с большей вероятностью придут на помощь, когда ты будешь в поиске.

Ну и наконец, дружить. Целенаправленно строить искренние дружеские отношения с людьми из индустрии и коллегами. Любой твой коллега — потенциальный инсайдер. Никогда не знаешь, как сложится жизнь. Сегодня он может быть простым разработчиком, а через пару лет возглавит IT-департамент на сотню человек.

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

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

@slashdesigner #первые_шаги #майндсет #карьера

Читать полностью…

/designer

#снек 26. Основы коммуникации, часть 3. Каналы

В предыдущих сериях: про доверие заказчика, коммуникацию с ЛПР.

Сотни тысяч дизайн-проектов бы были более успешными, если бы дизайнеры обращали внимание на то, как они строят коммуникацию.

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

Каналы могут быть синхронными и асинхронными. Обе группы имеют свои сильные и слабые стороны, которые могут дополнять друг друга.

Синхронные — встреча или созвон, предполагают взаимодействие в реальном времени, они как правило доступны нам реже, но принятие решений в таком формате происходит гораздо быстрее. Как минимум дважды крайне желательно встретиться с ЛПР синхронно: на установочной встрече и на финальной презентации дизайна. Если этого не сделать, быть на одной волне с ЛПР будет сложнее.

Асинхронные — почта, тикеты, телеграм-чаты, комментарии в Figma или Notion. Они позволяют медленно анализировать большие объёмы информации в спокойной обстановке, а также отслеживать, когда произошло что-то важное. Однако, все асинхронные каналы имеют существенный недостаток: информация может искажаться при передаче, поскольку каждый читатель интерпретирует текст по-своему. Когда отсутствует быстрая обратная связь, возникает дискоммуникация, которая делает рабочий процесс тяжелее и откладывает срок принятия дизайна.

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

Синхронные: личная встреча и созвон.

Асинхронные: письмо, чат команды, Ноушн или Конфа.

Дальше поговорим про выстраивание рамок и фасилитацию встреч.

@slashdesigner #первые_шаги #майндсет

Читать полностью…

/designer

#снек 24. Про баланс текстов и иллюстраций в портфолио

Моя коллега по прошлой работе в Ozon и хорошая знакомая Юля Черкасова написала ценные дополнения для поста про формат портфолио. Ранее она рассказала, когда может потребоваться портфолио в PDF, теперь. Кстати, сейчас Юля ищет работу в Германии и я рекомендую её как отличного специалиста.


Ей слово:

Я активно хожу и общаюсь с нанимающими менеджерами разных крупных компаний: на интервью, оффлайн-мероприятиях, вебинарах, как с менторами на ADPlist, так и просто в LinkedIn. И у рекрутера, и у нанимающего менеджера в крупной компании очень много заявок на одну вакансию. В среднем они тратят на просмотр портфолио не больше пары минут.

Мои советы:

1. Да, иметь в портфолио разборы кейсов, где ты рассказываешь про процесс и свой ход мысли — обязательно. НО! Кейс должен быть понятен и без текста. В нём должно быть достаточно иллюстраций, чтобы зацепить менеджера прочитать хотя бы подзаголовки и показать твой профессионализм. Менеджер принимает решение, стоит ли звать дизайнера на интервью уже за первую минуту просмотра портфолио, и он точно не будет сидеть и 20 минут вчитываться, что ты расписал. Об этом он лучше послушает на интервью от тебя лично.

2. Описывать сложный проект — тоже непростая задача. Не рассчитывай, что нанимающая сторона точно поймет, что происходит в кейсе, прочитав текст.

[Саша дописал: тем важнее как можно конкретнее описать решаемую задачу в первом экране кейса.]

3. Помимо кейса можно добавить качественные макеты, чтобы сразу создать первое впечатление. Сделай галерею, показывающую с какими проектами ты работал, скрины из дизайн-системы, фотки процесса — что-то, что понятно без слов, но показывает твой уровень.

@slashdesigner #для_профи #портфолио #карьера

Читать полностью…

/designer

#снек 22. Коммуникация с заказчиком: основы

Подарки подарены, оливьеха съедена, родственники поздравлены, а значит мы можем возвращаться в любимые Figma и Notion, чтобы продолжить причинять добро нашим пользователям и бизнесу.

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

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

1. Доверие
2. Фасилитация и выстраивание рамок
3. Коммуникация
4. Проверка решения


Часть 1. Доверие

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

«Мы встретились, чтобы я помог тебе. Ты можешь мне довериться» — вот основная мысль, которую я транслирую с первой же встречи. Если нет доверия к тебе, не будет доверия и к результату твоей работы, каким бы классным он ни был. Тогда нас ждут долгие согласования, правки, взаимные упрёки и далее по списку.

Формула, по которой мы зарабатываем доверие:

1. Фиксируем договорённости и потребности
2. Поддерживаем непрерывную прозрачную коммуникацию
3. Выдаём стабильный предсказуемый качественный результат
4. Подводим итоги, чтобы зафиксировать успехи в голове у заказчика

Продолжение следует, будет занятно.

@slashdesigner #первые_шаги #майндсет

Читать полностью…

/designer

#снек 21. Когда может потребоваться портфолио в PDF

Моя коллега по прошлой работе в Ozon и хорошая знакомая Юля Черкасова написала ценные дополнения для поста про формат портфолио. Ей слово:

В Hello Fresh 20 000 сотрудников, 7,3 миллионов активных пользователей.

Их форма отклика на вакансию очень простая — поле для файла CV, пара инпутов для личных данных, загрузка cover letter и портфолио. Можно добавить файл из Dropbox, OneDrive или загрузить с диска.

За неимением портфолио в PDF, мне пришлось извращаться и заливать файл с первой страницей Ноушена со ссылками на проекты. Но и тут был подвох — загруженный с диска файл не мог быть больше 2 mb. На файлы с Dropbox и OneDrive ограничений не было.

Выводы:

1. Не все работодатели заботятся о твоём опыте и могут совершенно абсурдным образом мешать податься на вакансию. Ну вот что им стоило добавить инпут для ссылки на сайт?

2. Иметь упрощённую версию портфолио в PDF может быть полезно, потому что все работодатели разные, и требования тоже. К слову, Hello Fresh были первыми на моем опыте, кто требовал портфолио файлом, но убила я времени на эту заявку гораздо больше, чем на форму из 5 страниц в Amazon.

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

@slashdesigner #первые_шаги #карьера

Читать полностью…

/designer

Промты для #Midjourney и #StableDiffusion — по ссылкам:

1. Криповый пет-проект Кирилла Липового, канал @detach_instance, который завёл инстаграм-аккаунт виртуальной модели и сгенерил ей портфолио в Stable Diffusion.

2. Женский портрет, Midjourney, автор: @iamalexmarco

3. Генерация гор, Midjourney от x.com/ciguleva

4. Мужской портрет, Midjourney, автор: @marsov

5. Дом в лесу, Midjourney, автор: @Nellya_N

6. Абстрактная 3D-иллюстрация, Midjourney, канал: @detach_instance

7. Генерация абстрактного фона, Midjourney от x.com/ciguleva

8. Иллюстрация про восточный календарь, Midjourney, автор: @marsov

9. Иллюстрация скелета, Midjourney, автор: @suhow_k

10. Иллюстрация зайца, Midjourney, автор: @Llaplllas.

Читать полностью…

/designer

#снек 19. Про формат портфолио

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

Как не надо:

Никогда не присылай портфолио в формате PDF-презентации, загруженное на Яндекс Диск, или Dropbox, это самый лютый ад. Это автоматически даёт понять нанимающей стороне, что ты не думаешь об их пользовательском опыте. Если они в принципе нажмут на такую ссылку в своей системе отбора кандидатов, в первую очередь они увидят рекламу в сайдбаре, а также будут вынуждены листать слайды в кошмарном веб-превью.

Также плохая идея прикладывать PDF-портфолио в электронное письмо. Это ужимает объём доступного тебе размера файла до 15 mb, что недостаточно, чтобы раскрыть тебя. А 200-мегабайтные талмуды неудобно скачивать.

Вообще не делай портфолио в PDF, потому что такой формат подходит только для личной презентации твоих работ. Презентация себя — не портфолио, это отдельный жанр.

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

Figma-макеты — хорошо отдавать разработчикам, у которых есть время погрузить в задачу, но не нанимающему лиду, который пролетает по ссылкам мимоходом. Глядя на одни лишь макеты без пояснений, нанимающему трудно понять, что за задачу решал дизайнер. Особенно, если эти макеты созданы командой, а не одним человеком.

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

Если в портфолио 10 кейсов, продуктовый дизайнер не понимает, что он должен показывать. Классическая ситуация — когда джун показывает 7 работ, 1-2 из которых хоть отдалённо продуктовые, а остальное вообще лендинги или графика, которые непонятно зачем включены в портфолио.

Как надо:

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

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

Максимум в портфолио может быть до 3 релевантных жирных хорошо наполненных кейсов, с детальным описанием проблемы, ЦА, гипотезами, решениями с обоснованием. Это крайне сложно сверстать в Behance. И даже это уже более чем достаточно. На собеседовании со второго кейса уже как правило понятно, хватает ли тебе опыта, или нет.

По теме: Гайд Анны, часть 2: Портфолио

@slashdesigner #первые_шаги #карьера

Читать полностью…

/designer

#стрим DSGN Meetup начинается.

Смотреть в Zoom

Для вопросов: @rmr_helper

@slashdesigner

Читать полностью…

/designer

#анонс #стрим

DSGN Meetup от red_mad_robot Central Asia в Алматы и онлайне


9 декабря, 14:30 по Алматы, 11:30 по Москве, 10:30 по Киеву

Темы выступлений

1. Кто такой дизайнер в дискавери и деливери фазах и зачем он нужен
Полина Хоменко, Design Team Lead, ex-Avito, Богдан Артеменко, Senior Product Designer, Bank Centercredit

Кстати, мы с Полиной вместе работаем, а с Богданом записали стрим про Apple Vision Pro.

2. «Рост дизайнера через UX-исследования»
Ислам Каимбаев, Product Designer, r_m_r CA, Малика Ягудина, UX-исследователь, Jusan Business

3. «Тебе не надо быть лидом, если…»
Мария Шкунарская, Lead Product Designer, Usability Lab

4. «Да кто такой ваш этот хэд?!»
Асылхан Назир, Head of Design, r_m_r CA

Митап пройдёт онлайн redmadrobot_asia?si=OER1UD9fD2Trrsj1">на YouTube r_m_r CA и офлайн в коворкинге. Увы, мест на офлайн не осталось. Чтобы посмотреть стрим, следует зарегистрироваться.

@slashdesigner

Читать полностью…

/designer

#UI_ревью 6. Разбор лендинга для электромобиля Hyndai

Исходная работа

Автор: @km638299

Привет! Сделала проект в учебных целях, хотелось бы услышать, как по качеству для джуна.

И можно ли попробовать с ней проходить собеседования в качестве работы в портфолио. Ну и все косячки и "направления роста", если можно. Задача была — сделать лендинг электрокара.


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

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

Я собрал много комментариев, и если применить их, работа станет значительно более уверенной. После этого попробуй сделать штук 5 перерисовок и ещё парочку похожих работ, и тогда можно будет пробовать идти на собеседования.

PS – пожалуйста, давайте закончим с лендингами, это довольно простой уровень интерфейсов :)

@slashdesigner #первые_шаги

Читать полностью…

/designer

Подробнее

Читать полностью…

/designer

Разбор и анализ визуальных приёмов:

Про дизайн
– 1. Нет знакомых маскотов
+ 2. Визуально привлекательный плотный хиро
– 3. Неподходящее фото: девочка схватилась за голову
– 4. Левый контент на айпаде
– 5. Шурёхи ломают композицию
– 6. Иллюстрации — «чтобы были»
– 7. Конфликт акцента на кнопке Watch More
– 8. Слишком длинная кнопка
+ 9. Приятная вёрстка блока с отзывами
so-so 10. Выравнивание имени в карточке отзыва
11. В секции отзывов обрезались шурёхи
12. Контурные лого соцсетей

Про состояние макетов
– 13. Финальный дизайн не отделён от вайрфреймов
+ 14. Используются страницы
+15. Узнала, что такое 12-колонник
– 16. Но увы, пользоваться им не научилась
– 17. Неудачное положение льва
– 18. Базовая линия между меню и кнопкой
+ 19. Боксы для иконок
– 20. Не используются компоненты
+ 21. Типографика имеет стили текста
– 22. Вместо единой системы типографики — три
+ 23. Цвета тоже в стилях
– 24. Кнопка не собрана в варианты и не обезличена
- 25. Вся вёрстка не использует AutoLayout

@slashdesigner #первые_шаги

Читать полностью…

/designer

#снек 15. Ловушка ремесленника

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

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

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

Главная мысль: ремесленник-дизайнер причиняет добро и наносит красоту ровно настолько, насколько ему это позволяют.

В следующем снеке рассмотрим варианты, зачем мы берём проекты.

@slashdesigner #для_профи #майндсет

Читать полностью…

/designer

Как стереть разницу в клавишах между macOS и Windows

В рамках переезда с Medium переносим старую статью для тех, кто вынужден пользоваться одновременно обеими системами.

Читать:
slashdesigner.ru/posts/ctrl-command-mac-windows

Спойлер: я решил проблему тем, что через SharpKeys поменял назначение клавиш Ctrl и Win между собой. Это позволяет зажимать команду Ctrl C большим и указательным пальцами, так же как на macOS. При этом используется физическая клавиша Win.

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

#для_профи #горячие_клавиши #история_дизайна #Apple #Microsoft

@slashdesigner

Читать полностью…

/designer

В Telegram появились сторис от каналов

Горячо любимому мессенджеру исполнилось 10 лет, с чем мы его поздравляем! 🥳

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

Нам нужна помощь от 63 наших читателей, у которых есть Telegram Premium. Их просим обновить телеграм и сделать Boost.

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

Пример бэкстейджа: А тем временем мы готовим третью и четвёртую часть Гайда про поиск работы за рубежом и новый #UI_review.

@slashdesigner #техническое

Читать полностью…

/designer

#снек 11. Найм через инсайдера

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

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

В этом случае процесс найма будет более управляемым:

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

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

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

В следующем снеке мы поговорим, где же брать инсайдеров.

@slashdesigner #первые_шаги #майндсет #карьера

Читать полностью…
Подписаться на канал