ФРЕЙМИ

Попалась на глаза обновленная версия семплера EP-133 K.O.II от Teenage Engineering в стиле средневековья. В устройство встроены звуки средневековых инструментов, засэмплированных вживую. Лично меня порадовал шрифт, стилизованный под средневековье, интересная графика и атмосферный сайтик. Рекомендую заглянуть, там Красивск

Делюсь таск-трекером, который мы вместе с Вовой недавно нарисовали. Вроде получилось прикольно. Минимализм и простота наше всё

Привет всем! Возвращаемся к вам с очередным эфиром, который состоится уже в эту субботу, 3 августа, в 12:00 мск. Поговорим о том, как быть инициативным дизайнером и делать качественные мобильные продукты через систематизацию хаоса. Нашим гостем станет Илья Кретов, Lead Product Designer в Звуке. Автор больших статей про Дизайн-процесс и текст в интерфейсах. Ещё Илья делится мыслями о дизайне, процессах, экспериментах и прикладных фишках в своём канале ФРЕЙМИ. Ссылка на зум появится в канале за полчаса до старта. Есть ли вопросы, которые вы бы хотели задать Илье? Пишите в комментарии👇

Как правило, в продукте у каждого продуктового дизайнера есть своя роль и свой кусочек бизнеса, за который он отвечает. Большинство дизайнеров так и живут в этом уютном уголке, выполняя свои продуктовые задачи в размеренном темпе. Но бывают и такие дизайнеры, которые не боятся взять на себя дополнительную ответственность и затащить какой-то проблемный кусок продукта. Завтра в 12 часов приду в гости на стрим к Лёше Комарову — там об этом и пообщаемся 🚬

Давно меня не было в уличных гонках. Сейчас готовлю кое-что интересное и скоро вернусь с подробностями. А пока задам один очень важный вопрос начинающим дизайнерам: «С какими сложностями вы чаще всего сталкиваетесь при трудоустройстве?». Например, раньше у меня не получались тестовые задания, или меня частенько разворачивали на этапе интервью из-за плохой структуры презентации. Поделитесь тем, что у вас наболело, а я в одном из будущих постов предложу список рекомендаций

Меня спросили — делюсь. Для записи скринкастов я использую Screen Studio. Из фишек: курсор двигается со Smooth-эффектом; можно расставлять якорные точки для приближения экрана, чтобы подсветить важные действия; ну и красивый BG на заднем плане. Ничего лучше пока не находил

Прикол

В последнем посте я писал про то, что каждому дизайнеру неплохо бы иметь свой кастомный сайт-портфолио. Я считаю, что свой сайт — это отличный способ самовыразиться: сделать что-то своё и родное, а не быть как все и пользоваться одной из заезженных площадок. А ещё это показывает ваше трепетное отношение к своей работе и то, что вам небезразлично, в каком виде вы показываете свой опыт. Так вот, и я решил попробовать собрать себе сайт на Framer с использованием некоторых компонентов от Eleveight. Я помню то время, когда Framer ещё был продуктом только для разработчиков с кучей кода (вроде в 2018-2019 году было), и тогда не осмелился к нему прикасаться. Со временем позиционирование продукта поменялось, а работать в нём стало сильно проще. За 10 часов работы получилось собрать такой простенький и минималистичный, но уже живой скелет, который я буду потихоньку дорабатывать, пока не получится конфетка. Напоследок поделюсь ссылкой на папку Are.na, в которой Андрей собрал уже около 600 сайтов-портфолио крутейших дизайнеров. Там есть чем вдохновиться ➡️ Смотреть сайт

Тестовое задание в Звук Предлагается перепридумать интерфейс управления треками Мы живём в мире стандартов. Это касается и того, как мы управляем очередью воспроизведения музыки: обложка, плей/пауза, след. трек, посмотреть текст, включить перемешивание — у всех лейауты и функционал идентичны Давайте посмотрим свежим взглядом на весь флоу взаимодействия человека с музыкой (от момента доставания телефона из кармана) и сделаем новый подход к экрану плеера Что важно учесть: — Акцент на основном экране плеера — Не забываем о том, что экраны живут не изолированно, а перетекают из одного в другой. Человек не попадает в плеер из космоса. Надо подумать о том, как он там оказался и что ему может понадобиться в этот момент Результат: — Ссылка на макет в Фигме — Прототип делать можно, анимации любим. Но и во внутрянку макетов заглянем, поэтому надо следить за базовой гигиеной макетов и их структурой Ссылку на результат тестового задания и пару абзацев текста о себе можете присылать @evgfilatov. В абзацах расскажите о том, что вас драйвит, что бесит и чего вы ищете на новом месте работы

У меня периодически спрашивают про слот в Звуке. Так вот недавно у нас из команды ушёл сильный дизайнер и мы ищем ему замену. Отличный шанс попробовать свои силы 🚬

Когда я просматриваю портфолио джунов и мидлов, постоянно натыкаюсь на одни и те же косяки. Этот раз был не исключением. Чтобы этот опыт был полезным для всех, кто меня читает, я разобрал самые частые ошибки и привёл рекомендации по составлению портфолио, которые должны повысить шансы на собеседование и получение работы в продукте. 1) Прокачивайте UI. Никакой процесс, исследование, CJM или персоны не спасут проект, если в нём будет вырвиглазный визуал. 2) Указывайте достижения. Шапка в портфолио — это первая точка контакта с вами как со специалистом. Расскажите в ней о том, что вас отличает от других и какую пользу вы принесли бизнесу на предыдущем месте работы. 3) Указывайте свой вклад в проекты. При подборе важно понимать, делал ли дизайнер задачу самостоятельно или в соавторстве, за какие конкретно экраны отвечал. 4) Прикладывайте записи кликабельных прототипов или анимации. Благодаря этому можно наглядно посмотреть на то, как экраны работают в динамике, и понять, что дизайнер мыслит не статичными картинками. 5) Делайте понятную структуру в кейсах. Продающая картинка → Задача → Результат, выраженный в метриках (было/стало) → Процесс (там уже пишите, что душе угодно). С таким подходом уже с первой секунды будет понятно, что вы нарисовали, какая была задача и какую пользу принесли бизнесу. 6) Не стесняйтесь писать мысли. Всегда интересно почитать, как мыслил дизайнер в ходе работы, какие решения принимал, что получалось, а что нет, и какие выводы он из этого делал. 7) Прикладывайте ссылку на макеты в Figma. Кейсы на Behance или Dribble — это круто, но они не дают полного представления о том, что же там за ширмой. Хочется и ручками потрясти макеты, посмотреть, как отработаны корнер-кейсы и собраны экраны. 8) Запаситесь минимум 3 большими проектами. В портфолио продуктового дизайнера хочется видеть сложные и интересные задачи и их элегантные решения, а не огрызки учебных проектов. 10) Проверяйте текст на ошибки. Пропущенные буквы и знаки препинания выдают в дизайнере неаккуратность и невнимательность, что будет проявляться и в дальнейшей работе над задачами. 11) Указывайте сайд-проекты, которые вы сделали для себя. Покажите, что дизайн для вас — это способ самовыражения, а не только заработок. 12) Удаляйте из портфолио старые работы. В портфолио должны быть ваши лучшие проекты, а не мусор, сделанный десять лет назад на коленке. 13) Сделайте себе кастомный сайт. Покажите, что вам небезразлично, в каком виде вы подаёте свои проекты. 14) Прикрепляйте к проектам видообъяснение в Loom. Нанимателю это поможет сэкономить время, а вам — в полной мере показать свои софт-скиллы

Когда я просматриваю портфолио джунов и мидлов, постоянно натыкаюсь на одни и те же косяки. Этот раз был не исключением. Чтобы этот опыт был полезным для всех, кто меня читает, я разобрал самые частые ошибки и привёл рекомендации по составлению портфолио, которые должны повысить шансы на собеседование и получение работы в продукте. 1) Прокачивайте UI. Никакой процесс, исследование, CJM или персоны не спасут проект, если в нём будет вырвиглазный визуал. 2) Указывайте достижения. Шапка в портфолио — это первая точка контакта с вами как со специалистом. Расскажите в ней о том, что вас отличает от других и какую пользу вы принесли бизнесу на предыдущем месте работы. 3) Указывайте свой вклад в проекты. При подборе важно понимать, делал ли дизайнер задачу самостоятельно или в соавторстве, за какие конкретно экраны отвечал. 4) Прикладывайте записи кликабельных прототипов или анимации. Благодаря этому можно наглядно посмотреть на то, как экраны работают в динамике, и понять, что дизайнер мыслит не статичными картинками. 5) Делайте понятную структуру в кейсах. Продающая картинка → Задача → Результат, выраженный в метриках (было/стало) → Процесс (там уже пишите, что душе угодно). С таким подходом уже с первой секунды будет понятно, что вы нарисовали, какая была задача и какую пользу принесли бизнесу. 6) Не стесняйтесь писать мысли. Всегда интересно почитать, как мыслил дизайнер в ходе работы, какие решения принимал, что получалось, а что нет, и какие выводы он из этого делал. 7) Прикладывайте ссылку на макеты в Figma. Кейсы на Behance или Dribble — это круто, но они не дают полного представления о том, что же там за ширмой. Хочется и ручками потрясти макеты, посмотреть, как отработаны корнер-кейсы и собраны экраны. 😍 Запаситесь минимум 3 большими проектами. В портфолио продуктового дизайнера хочется видеть сложные и интересные задачи и их элегантные решения, а не огрызки учебных проектов. 10) Проверяйте текст на ошибки. Пропущенные буквы и знаки препинания выдают в дизайнере неаккуратность и невнимательность, что будет проявляться и в дальнейшей работе над задачами. 11) Указывайте сайд-проекты, которые вы сделали для себя. Покажите, что дизайн для вас — это способ самовыражения, а не только заработок. 12) Удаляйте из портфолио старые работы. В портфолио должны быть ваши лучшие проекты, а не мусор, сделанный десять лет назад на коленке. 13) Сделайте себе кастомный сайт. Покажите, что вам небезразлично, в каком виде вы подаёте свои проекты. 14) Прикрепляйте к проектам видообъяснение в Loom. Нанимателю это поможет сэкономить время, а вам — в полной мере показать свои софт-скиллы

Собарлись компанией с iOS App Challenge и вместе нарисовали прилу в которой можно следить за эмоциональным состоянием и продуктовностью сотрудников © Вова Красильников, Кирилл Черных, Павел Иванов, Лена Сермягина, Арина Долгих, Лёша Утенышев

🖥 Inspiration #5 — escape.cafe — wow-showroom.com — kzero.com — eseagency.ch ——— — askphill.com — scrib3.co — aircord.co — madeinhaus.com ——— — wildeweidefestival.nl — yulia.world — wrk-timepieces.com — akaru.fr ——— — vendredi-society.com — twicemediahouse.com — axelvanhessche.com — balky.studio

А вы какой UI рисуете? Я только Ultra

Попросили найти junior/middle дизайнера на аутсорс в стартап, который будет подключаться к проектам на Web + Mobile. Стандартный набор обязанностей, но без исследований. Для общения с иностранными закачиками дополнительно нужен английский язык. От меня менторинг по ходу работы. Кому интересно — пишите в личку

Недавно моему другу в Linkedin попался такой пост и мы вместе поразгоняли эту тему. Кажется, что противопоставление хороший — бабушкин звучит очень грубо. Хоть этот фильтр и видит только потенциальный арендатор, тут затронута сеситивнам тема, которая у разных людей может вызывать абсолютно разные эмоции. Для кого-то бабушкин ремонт это что-то родное, вызывающее приятные воспоминания из детства, а не обветшалая халупа, полная пауков и крыс. А ещё я подумал о кейсе, что у кого-то может быть премиальный бабушкин ремонт. Он тогда все равно останется бабушкиным или перетечёт в хороший? А вы что думаете по поводу этого копирайтинга? 🚬

Вчера смотрел Config 2024 от Figma. Было много интересного. Краткая выжимка из того, что рассказали и показали: → Редизайн интерфейса. Появятся боковые островки, а панель инструментов переедет вниз. Чем-то напоминает Framer и Spline. Выглядит свежо и современно, но есть опасение, что островки будут отъедать слишком много места и пользоваться продуктом станет менее удобно. → AI-Ассистент. По запросу или скриншоту выдаёт макеты с идеальным неймингом слоёв, преднастроенными компонентами и автолейаутами. Умеет генерировать и обрабатывать изображения (Modjorney), придумывать тексты и делать локализацию (ChatGPT). Можно импортировать макеты или компоненты прямиком из комьюнити. И отдельный респект за то, что добавили кнопку, которая будет переименовывать мусорные слои Frame 2131328931 во что-то адекватное. → Улучшенный Dev Mode. Можно будет связать дизайн-систему и код, после чего, все изменения в дизайне будут напрямую отражаться и в коде. Добавили компонентную песочницу для разработчиков с большим местом под код и новой статусной моделью. Благодаря этому, будет проще отправлять фреймы и секции в разработку. → Figma Slides. Это улучшенный аналог Keynote и PowerPoint. В слайды можно вставлять прототипы, опросы и страницы FigJam. Понравилось, что можно объединять слайды из нескольких презентаций и приводить их к единому стилю нажатием одной кнопки и потом при помощи пресетов менять цветовую схему. → Встроенные iOS, Android и Figma UI-киты. Это позволит собирать макеты без сторонних файлов, поддерживая все проперти из коробки. Вектор компании понятен: хотят сделать продукт, отвечающий современным требованиям и тем самым убить потребность в сайд-продуктах, которыми в работе часто пользуются дизайнеры: ChatGPT, Midjorney, Keynote и другие. Ждём обновления, чтобы потыкать 👀 ➡️ Config 2024: Cмотреть конференцию ➡️ Config 2024: Читать ревью

Новый формат на канале. Давайте без долгих вступлений 🚀 Я спросил топов нашей ниши «Что для тебя есть продуктовый дизайн?» Часть 1 🎤 Миша Наер — ко-фаундер студии ТРУД, экс-лид в Тинькофф Можно написать кучу духоты что продуктовый дизайн это проектирование клиентского опыта и бла бла бла, но кому это интересно будет читать? Вам вряд ли. Очень много дизайнеров забыли или даже не успели узнать, что на самом деле значит продуктовый дизайн — кто-то соскуфился пока год рисовал кнопку в корпорации, кого-то менеджер задушил. Вот че думаю короче: Продуктовый дизайн — это пасхалки и приколы. Когда развлекаешь себя и команду тем, что уместно написал забавный текст или неуместно вставил в макет пипку и она доехала до прода. Продуктовый дизайн — это не очередная 23948209 форма заявки на кредитку и не очередной чекаут в интернет магазе. Таких форм и чекаутов уже реально хватает на рынке. Продуктовый дизайнер должен как минимум попробовать поискать новые смыслы в каждой задаче и перепридумать привычный опыт. Конкурентный анализ это конечно база, но только конкурентного анализа недостаточно. Продуктовый дизайн — это скрупулезно проработанный MLP, а не спустя рукава на коленке собранный MVP. Продукт в 1 итерацию должен быть продуман и проработан не хуже, чем операционная система айос. Скорость релизов в нашем деле практически ничего не решает — вот вы помните, кто первый запустил доставку продуктов на дом?)) Ну и я не помню. В рф это был Утконос Короче летс мейк продакт дизайн грейт эгейн 🎤 Артем Милованов— сеньор в Яндекс.Плюс Для меня продуктовый дизайн — это работа медиатором, ангажированным и одновременно с этим «независимым» третьим лицом, которое помогает подружить желания людей с желаниями бизнеса. По разным причинам, не всегда желания обеих сторон совпадают. Задача дизайнера здесь — находить компромисс в решениях. При этом вставать на одну сторону очень рисковано: ты либо становишься адвокатом дьявола, либо так сильно любишь пользователей, что падают метрики, а дизайнеру не за это платят деньги. 🎤 Илья Кретов — лид в Звук Каждый успешный продукт начинается с идеи, но довести эту идею до состояния, когда пользователь скажет «ВАУ» и захочет за неё заплатить — это настоящее искусство. И искусство это называется «Продуктовый дизайн». Но так ли просто добиться этого вау-эффекта? Получить задачу и сразу идти рисовать макеты, после чего с чувством выполненного долга отправить их в прод — не прокатит. С таким подходом хорошего результата можно не ждать. Чтобы продукт получился настолько классным, чтобы им хотелось пользоваться вне зависимости от его стоимости, каждая задача должна проходить через весь дизайн-процесс, от понимания задачи и исследования до дизайна макетов, дизайн-ревью и так вплоть до самого релиза. Успех будет зависеть от того, насколько качественно проработан каждый из этапов. Перед тем, как макеты окажутся на проде, вам придётся поработать с самыми разными специалистами, которых нужно будет связать между собой и скоординировать. Я считаю дизайнера наполовину менеджером, который должен брать на себя роль связующей шестерёнки, без которой машина не поедет. Способность грамотно выстроить коммуникацию с людьми, от которых зависит конечный результат, в продуктовом дизайне решает всё. Ведь можно нарисовать очень классные макеты, но если пустить всё на самотёк, то в прод выкатится мусор, который даже маме будет стыдно показать.