Женя Белодед ↯ Дизайн • Продукт • Управление
1.87K subscribers
340 photos
21 videos
2 files
224 links
Дизайню сложные интерфейсы в resume.co. Честно и без прикрас пишу про интерфейсы, дизайн, найм, продукт и управление.

По любым вопросам и рекламе — @balst

beladzed.com
Download Telegram
Как дизайнеру работать с комментариями в Фигме

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

Многие дизайнеры работают с коментами так: увидел → сделал → закрыл. И это капец как неудобно, если работаешь с арт-директором. Не всегда решение, которое предлагает дизайнер по комментарию подходит и нужно рассмотреть альтернативы. А если комент закрыт, то потом ничего не найти.

Чтобы таких ситуаций не было я вывел простой принцип: «Закрывает комментарий тот, кто его открывал». То есть работать с коментами как с тикетами.

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

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

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

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

#принцип #Фигма
👍8
Ура, закончил свою часть по аудиту главной страницы крупного сервиса 🎉

Целую неделю развлекался с ним, проделал большой кусок работы: разбил все на блоки, наскриншотил, по каждому из них написал десятки комментариев, написал как и что можно было бы улучшить, посравнивал с конкурентами, поссылался на исследования и статьи, проставил приоритетность, сделал красивое и удобное оформление дока… 🤯

Но все это почти как обычно. А этот аудит необычный. Я делал его с помощником — Notion Ai, который писал за меня некоторые тексты и помогал со структурой. Объема и пользы стало больше, а времени потратилось меньше.

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

Давайте классическое блогерское. С вас лайки-реакции, а с меня детали о процессе и фишках 😏

#wip #notion #аудит #ai
🔥8👍1
Женя Белодед ↯ Дизайн • Продукт • Управление
Ура, закончил свою часть по аудиту главной страницы крупного сервиса 🎉 Целую неделю развлекался с ним, проделал большой кусок работы: разбил все на блоки, наскриншотил, по каждому из них написал десятки комментариев, написал как и что можно было бы улучшить…
Рано радовался — классика)

Пробежался по ТЗ от заказчика, заметил, что указаны некоторые проваливанивания вглубь из главной, которые я не описал.

Похоже и при оценке это где-то потеряли из-за плохого форматирования документа. В итоге чуть выбились: +8ч работы на доработки и финальную редактуру 🥲

Но это всяко лучше, чем прислать результат клиенту и получить коменты в стиле «а это где, это же было в ТЗ». Проверяйте всё по сто раз перед отправкой)

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

В понедельник преза, скрестим пальцы 🤞
👨‍💻3
Где находить лучшие мокапы 🌐

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

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

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

Синтетика не вызывает эмоций. Смотришь на мокап очередного макбука на однотонном сером фоне и такой «ну да, макбук с картинками».

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

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

Люди эмоциональны, всё примеряют на себя и соотносят со своим контекстом.
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍2
А вспомнил я про это, потому что недавно рассказывал Саше Бизикову, как хорошо делать кейсы для Биханса. У него задача нестандартная — сделать кейс про презентацию.

Там я дал ровно такой же совет: не вымучивать все это синтетическими картинками, а открыть камеру на телефоне и придумать, как это вписать в контекст. Делал презу для строителей? Супер, покажи презу в процессе стройки, как ей пользовались, как она помогала. А в конце обязательно результат.

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

У него, кстати, хороший канал про презентации, подписывайтесь, ставьте лайки, все такое)
2
Forwarded from Саша Бизиков
Никогда не выкладывал кейсы на Биханс, но наконец-то добрался и собираю кейс по первой презентации.

Смотрю как другие дизайнеры собирают их, о чем рассказывают, что показывают. И экспериментирую.

Наткнулся на красивый мокап, где макет вставляется под тень. «Прикольно», подумал я. А потом подумал, а почему бы в живую такое не снять.

Распечатал презентацию на домашнем принтере, положил листы на журнальный столик, попросил солнце выйти посветить в окно и получилась вот такая красота ☺️

p.s. на последней фотографии бэкстейдж, так сказать.
🔥2
Женя Белодед ↯ Дизайн • Продукт • Управление
Рано радовался — классика) Пробежался по ТЗ от заказчика, заметил, что указаны некоторые проваливанивания вглубь из главной, которые я не описал. Похоже и при оценке это где-то потеряли из-за плохого форматирования документа. В итоге чуть выбились: +8ч работы…
Защитил аудит 🔥

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

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

С нашей стороны косяк: можно было чуть раньше предупредить о переработках, но менеджер замотался и не успел, пока я всё не доделал. Попали в ситуацию, где сообщаем об этом постфактум. Это некрасиво, мы это понимаем, так получилось 🤷🏻‍♂️

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

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

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

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

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

#рабочийкейс #аудит
🔥4🆒1
Шеринг доступности в календаре Cron

У меня три календаря: два личных и один рабочий. Не буду вдаваться в подробности почему так получилось, но иногда мне нужно бронить встречи на личный, чтобы оно автоматом бронировало время и в двух других.

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

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

Раньше я пользовался Календли, но он мне кажется немного кривым и не везде очевидным. Да и синхронить несколько календарей я его не научил. Ну или сам не научился, но не очень и хотелось)

Потыкал Крон, вспомнил, что там можно в несколько кликов выбрать слоты относительно всех добавленных календарей и сгенерировать к ним ссылку в вебе как в календли. Еще и текстом сообщение скопировать со всеми вариантами.

Кайф, все в одном месте и сделано лучше, чем у сервиса, где это единственная функция 🔥

Все думаю написать обзор на Крон и почему его стоит попробовать, но пока не доберусь дофиналить сайт с блогом)

Поставьте реакций, если хотите обзор 😏

#Cron #инструменты #продуктивность
7👍1🔥1🤓1
Лум показывает сколько времени займет видос на 2х

Классная деталька у Лума, если по умолчанию стоит скорость 2х на просмотре видео, то он в превью пишет сколько было → сколько стало.

Мелочь, а приятно, сразу в голове +5 баллов к эффективности в экономии времени)

#детали #Loom
🔥61
Как я помог автоматизировать распознавание интервью по тестированию в продукте с помощью Whisper

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

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

Ребята сейчас проводят пользовательские интервью, в них участвуют дизайнеры и еще кучу людей из маркетинга (хз почему так, не спрашивайте). Каждое интервью 30-45 минут, где респондент проходит сценарии, которые сформировала команда продукта. И таких интервью проводится много, каждое из них нужно обработать и транскрибировать.

Оказалось, что они делают это вручную и на каждое интервью уходит почти целый день 🤯 В день таких интервью может быть 3-5.

Всё, что звучит как рутина и делается больше чем за час, звучит как поле для автоматизации. И тут именно такой случай.

Я предложил использовать Ai, а именно Whisper. Это система распознания речи от Open Ai, которая работает с почти любым языком и дает весьма неплохой результат.

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

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

🔗 Вспомнил про это, ибо как-то увидел статью на Висиру, где подробно рассказано как чего куда тыкать, чтобы все работало.

Кажется, уже все знают про нейронки. Но это далеко не так, да и не все понимают как и где это можно использовать. Нужная ссылка в нужный момент может сохранить много денег и нервов.

Не занимаетесь рутиной, пусть ее делают роботы 🤖

#аудит #ai #автоматизация #продукт #рабочийкейс
🔥42
Как писать быстро много и постоянно 👨‍🎓

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

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

И такого прям много, за день можно легко насобирать 5-6 тем, которые только успевай обрабатывать и дописывать. У меня нет контент-плана, у меня есть ситуации, в которых я побывал по ходу дня, которые я потом раскрываю. И это работает. Мне стало реально легко писать в коротком и не очень формате для Телеги, контент будто создается сам собой.

А оказывается я изобрел велосипед)

📹 У Максима Ильяхова есть уже давно записанное видео про ресурсный подход. Там описывается как раз то, о чем я пишу в этой заметке.

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

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

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

Посмотрите видос и попробуйте, работает)

#принцип #редактура
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥21
Сообщить об отказе в моменте

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

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

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

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

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

Никаких ложных ожиданий и минимум лишнего времени. Быть честным заебись)

#найм #продукт #рабочийкейс
👍8🔥3
Рубрика нам пишут на Бихансе

Если вы еще не подписаны на студийный бех или мой личный, то самое время это сделать 🚀
❤‍🔥4🔥4👏1
Как меньше перегружаться созвонами на работе 📞

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

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

🕒 Я стараюсь ставить крупные созвоны не встык, а с зазором в 10-15 минут. Это помогает регулировать всякие задержки и сдвиги, всегда есть зона для растягивания встречи.

Но лучше стараться всё заканчивать по календарю. Тогда можно переключиться на потупить в твиттере, почитать какую-то статью и просто разгрузиться. Этим я одновременно освобождаю время и на изучение всякого нового по тому, что мне интересно.

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

#принцип #продуктивность
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
Подсмотрел в больших каналах мини-сводки по самым классным постам предыдущего месяца. Хочу делать так же, начну с сегодня со списком того, о чем я писал и что делал в марте:

Радовался лентам на Бихансе

🔗 +1 ленточка Stock

🔗 Первая ленточка в брендах на Бихансе

Разобрал 3 портфеля из 5

Пока непублично, подумаю, как это зафреймить.

🔗 Хочу посмотреть на ваши портфели и дать по ним обратную связь

Написал несколько полезных постов

🔗 Как точно оценивать задачи с минимальной погрешностью или правило 4х часов

🔗 Как дизайнеру работать с комментариями в Фигме

🔗 Где находить лучшие мокапы

Рассказал про то, как делал большой аудит страницы продукта

🔗 Ура, закончил свою часть по аудиту главной страницы крупного сервиса

🔗 Рано радовался — классика)

🔗 Защитил аудит

Поудивлялся классным штукам

🔗 В Польше можно снимать деньги в банкомате без карты

🔗 Шеринг доступности в календаре Cron

🔗 Лум показывает сколько времени займет видос на 2х

Кроме этого, записал пару кружочков, воспламенился с Гугла и написал о планах по обучению.

Напишите, как вам мартовские посты, что было самым полезным? Что показалось полной ерундой?
🔥3
Тыкаю Фреймер, ну чет пока хз

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

Если в общем, то это что-то среднее между Фигмой и Вебфло. Из-за этого, с наскока нихера не понятно. В некоторых моментах пытаюсь сделать как в Фигме — не работает. Тогда думаешь как бы сделал на Вебфло и начинает складываться. И наоборот 🤷🏻‍♂️

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

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

ЦМСка проще, чем в Вебфло, не сильно очевидно навешивание на поля связей с базой.

Из положительного это аккуратный дизайн, логика расположения элементов в правой панели похожа на Фигму. Компоненты и взаимосвязи тоже Фигма. Анимации по идее удобно и просто можно делать.

Выводы пока делать рано, буду тыкаться дальше)

#Фреймер #инструменты
👍31
Что делать, если потерялся

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

Оказалось, что на последних проектах все шло не так гладко и мозг выдал что-то вроде «веб не мое, пойду в юиксюай, там прикольно».

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

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

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

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

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

А уже потом задать себе вопрос, «а действительно ли я хочу сменить так глобально вектор, или это было разовое помутнение из-за трудностей?»

Я приму любое его решение, студия тоже. Лишь бы оно было правильным и комфортным в мире дизайнера 💛

А вывод-совет в конце такой:
Не стесняйтесь общаться про свои ощущения от работы, если работаете в команде. Лучше в моменте чуть-чуть скорректировать вектор, чем выгореть и начинать все сначала.

#рабочийкейс #менторство
13🔥5👍1