Канал Жени Белодеда


Kanal geosi va tili: Belarus, Ruscha
Toifa: Dizayn


Авторский канал Жени Белодеда, UX/UI арт-директора в студии Райт.
Пишу про интерфейсы, дизайн, продукт и управление.
Мне можно написать @balst
beladzed.com

Связанные каналы  |  Похожие каналы

Kanal geosi va tili
Belarus, Ruscha
Toifa
Dizayn
Statistika
Postlar filtri


Второй главный секрет управления дизайнерами Не дергайте дизайнеров

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

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

Любое переключение — смена контекста. Любая смена контекста — дополнительное время.

⚡️ Как не попадать в такие ситуации
Планировать на условное «завтра» и не дергать дизов сиюминутно. Никто еще не умирал от того, что задача будет сделана чуть позже, даже если все горит.

Еще круто работает пообщаться, уточнить, сколько надо времени на конец текущей задачи, чтобы можно было спланировать новую или как-то встроиться в ожидания. Но держите в голове то, что «пообщаться» тоже отвлекает и меняет контекст)

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

#управление #менеджмент


Главный секрет управления дизайнерами 🛒

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

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

У нас так на днях получилось с одним из дизайнеров в Райте, пока ждали мои коменты, начали делать аналогичные задачи по такому же принципу. А оказалось, что надо менять подход и все, что делалось пока меня ждали уйдет в стол. Это малоэффективно)

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

#управление #менеджмент


Бех ввел подписку Behance Pro с расширенными возможностями

Стоит 13,15 евро в месяц при оплате на год и 19.67 евро при оплате ежемесячно. Коротко о самом интересном:

✦ Завезли расширенную аналитику, появятся источники траффика, местоположение, кто взаимодействовал с проектами

✦ Комиссии площадки будут 0% если работать напрямую через Бех.

✦ Ненужный Адоб портфолио похоже выпилили из бесплатной версии.

✦ Появится значок Pro, это может выделить аккаунт от остальных

✦ Проекты можно будет публиковать в определенную дату и время

✦ На проекты можно будет навешивать пароли, полезно для всяких НДА

✦ Пишут про «ваши проекты увидят больше людей», но пока не ясно будет ли как-то сказываться на ранжировании

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

🔗 Детальнее на странице Беханса


Ключевая ошибка большинства дизайнеров интерфейсов

…проектировать интерфейс в Фигме. Кликбейтную часть прошли, теперь давайте разбираться →

Самая частая ошибка интерфейсного дизайнера — работать только в дизайнерском контексте. Иначе говоря, на большом арт-борде в Фигме, где лежит дофига экранов рядом друг с другом.

«Но так же все работают!» — скажете вы. «Не совсем», — скажу я.

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

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

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

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

📌 Заключение и оговорки

✦ При проектировании интерфейсов или создании веб-страниц держите открытыми две вкладки: Фигма-файл и прототип с текущим сценарием или страницей. Бонусом вы избежите второй самой частой ошибки — смотреть на смасштабированные дизайны.

✦ Да, лениво линковать протики, но на деле это занимает не так много времени относительно пользы.

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

#инструменты #Фигма #проектирование


Лучший бесплатный онлайн оптимизатор картинок

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

Короче, решил покопать еще раз и нашел клевый сервис в онлайне — compressor.io

Compressor VS Tinypng

✦ Компрессор работает сильно шустрее

✦ Компрессор лучше сжимает. Картинку 1.86мб → 174кб, в то время как у Тини 229кб. Выходное качество одинаковое.

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

✦ Компрессор работает с SVG и GIF, в то время как у Тини только WebP, PNG и JPEG

P.S. Еще я сто лет назад писал про ImageOptim, он тож норм, но надо играться с настройками, чтобы найти золотое соотношение качества к размеру.

P.P.S. Картинки на сайте перезалил, главная стала шустрее грузиться)

А чем вы оптимизируетесь? Мож есть еще что круче?

#инструменты

381 0 19 8 15

Гениально, оптимайзер картинок ругается на, внимание… слишком большой вес файла 🤦‍♂️

А нафига по их мнению я пришел к ним?

Это, кстати, всеми любимый tinypng, который, как мне кажется, уже морально устарел по всем параметрам. Ща сделаю пост о том, что получше нашел.


Хех, пофиксили. Теперь буду думать, что благодаря моему посту в канал)

Если меня читают чуваки из Биханса — дайте уже, наконец, нам ленточку «Be» 🌚


Что делать, если начинаешь путаться в делах и задачах

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

Первая мысль была: «ну, раз чет не получается, то инструмент не работает — поищу новый»

Фатальная ошибка ❌

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

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

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

☕️ Разложить по полочкам
Дальше я группирую все дела по ячейкам и темам, так потом будет проще приоритизировать относительно профита по задаче или проекту.

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

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

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

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

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

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

🦩 Бонус-советы и оговорки
✦ То, что работает для меня, не факт, что сработает для вас

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

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

✦ Почитайте книгу «Сделай это завтра», там многое перекликается с тем, что я написал выше.

✦ Иногда надо забить на планы и сделать то, что в кайф и хочется сделать прямо сейчас 🔥

294 0 10 2 15

Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Как сделать хорошую картинку и звук, чтобы на созвонах было не стыдно 🕶

Продолжаю рубрику микролайфхаков о которых все знали, но боялись сказать. Вчера участвовал в Q&A эфире о портфолио от Дуо Сапиенса и на этот раз ребята решили повышать планку качества — выходить на Ютубе в онлайне.

Ютуб = качество. Ловите рецепт как быть королем созвонов.

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

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

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

🕯 Свет
Хорошая камера не залог красивой картинки. Все решает свет. Самое простое, что можно сделать — направить себе в лицо источник света под 45° с чем-то рассеивающим. В моем случае это была обычная напольная лампа с белым листом А4 на резинке перед лампочкой. Если нужен вариант рассеивания послабее — можно использовать бумагу для запекания.

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

👂 Звук
Не используйте микрофоны Эйрподсов — они плохие. Если нет ничего кроме, то меняем вход звука на ноут, а выход оставляем в наушниках. Так звук будет забираться с микрофонов ноутбука, а отдаваться в Эйрподсы.

Главное помнить, что микрофон не на вас и не отдаляться далеко от ноута.

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

P.S. На видосе качество сперва пережал Зум, потом Телега. Но суть вы поняли)

#лайфхак


Коротко о локализации на Бихансе

Еще и язык не дают сменить в настройках(


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Как быстро обтравить любую картинку за 2 минуты если у вас Мак

Так-с, в эфире снова рубрика «лайфхак про мак» (только что придумал). На этот раз расскажу как легче всего убирать фон с картинок, если у вас Мак и зачем это может быть нужно.

О чем речь
У Макоси есть встроенная обтравка, о которой не все знают, ибо ее норм так запрятали. Чтобы удалить фон с картинки, нужно сохранить картинку на комп → кликнуть в Файндере по ней правой кнопкой мыши → Быстрые действия → Удалить фон.

Дальше в той же локации автоматически появится файл с форматом пнг без фона.


Работает ну просто молниеносно быстро
Полностью бесплатно


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

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

Для чего-то посерьезнее уже нужен Фотошоп или альтернативные сервисы.

А вы какими похожими сервисами пользуетесь? Есть там чего классного из бесплатного?

#лайфхак #макось


Что делать если клиент прислал текст картинками, а у вас мак

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

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

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

На русском тоже работает — пользуйтесь)

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

#лайфхак

381 0 0 15 20

После драки кулаками не машут

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

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

Что делать, если есть недовольство
✦ Странслируйте прямо сейчас
✦ Дайте максимум деталей и конкретики. Избегайте перехода на личности и прямых обвинений. Оперируйте фактами, не искажайте причинно-следственную связь.
✦ Предложите пути решения таких ситуаций в будущем.

❌ Жень, мы из-за тебя просрали проект.

✅ Жень, мне кажется ты не учел специфику клиента и выбрал неудачный формат презентации. Сейчас клиент просит вернуть деньги и недоволен результатом нашей работы. Давай попробуем сделать ещё один подход, только изменим…

А все, что прилетает задним числом — делите на десять.

#обратнаясвязь #принцип

478 0 2 11 22

Всех с наступающим 🎄

Итоги, выводы и рефлексии уже в январе запаблишу, ща все равно читать не будете)

Ставь 🔥 если год был норм
И 💩 если не норм


Сел писать писать итоги года 🎄

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

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

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

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

Кого почитать
Из тех, кого я читаю в блогах — Саша Бизиков, Вастрик

Вместо заключения
Этот пост — публичное обещание, чтобы все-таки добить и опубликовать заметку за 23 год)


Наткнулся в Линкеде на сайт дизайнерки, который хочется рассматривать

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

И, конечно, кайфовый стиль иллюстраций 🔥

🔗 Ссылочка на посмотреть детальнее

#портфолио #реф


📑 Как апгрейдить и структурировать жизнь

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

Если такое бывает, загляните в канал «Ника структурирует». Вот что Ника там структурирует:

📍 как писать цели на год так, чтобы их реально достигать (как раз шаблон в Ноушне)

📍 как быть энергичным — на основе научных рекомендаций

📍 почему вы все еще не долларовый миллиардер (НЕ вдохновляющий пост)

📍 топ приложений для оптимизации работы и жизни

📍 как превратить занятия спортом в игру

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

За систематизированной пользой, здоровой рефлексией и инструментами для апгрейда жизни сюда → Ника структурирует

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


Нативная интеграция


⚡️ Адоб и Фигма передумали сливаться вместе

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

Интересно, чего сейчас Адоб думает, с учетом, что XD закрыли)

upd: пишут еще, что теперь Адобу придется выплатить миллиард $ в формате неустойки. Звучит как не самая удачная сделка, ждем повышения тарифов на Фотошопы

🔗 Заметка на Фигма сайте


Как увеличить конверсию из отклика в собеседование

Недавно увидел гениальную штуку в резюме — блок с отзывами. Ща расскажу почему это может работать.

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

Короче, гемор. Если я вижу в резюме несколько отзывов, то это уже значит, что пару человек с ним в хороших отношениях и он заморочился. А мне нужны те, кто заморачивается)

Соушиал пруф
Второй основной поинт из-за которого отзывы кажутся клевой штукой — социальное доказательство того, что дизайнер делает свою работу хорошо. Люди любят снимать ответственность за свои решения. И работает это так: «о, какой-то чел из Меты написал, что дизайнер классный, ну, в Мете наверное не могут ошибаться».

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

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

P.S. Понятное дело, для меня портфолио первичнее любого резюме с любыми отзывами. Но для увеличения HR конверсии из отклика в собес — норм тема.

Мож у кого-то из моих подписчиков есть отзывы в резюме? Есть ли разница в приглашениях на собесы? Что думаете вообще, уместно?

#резюме #найм


Нанимателю плевать на инструменты

Получил такой текст к отклику
Меня очень заинтересовала открытая вакансия. Владею Figma, использую в работе автолейаут, компоненты, варианты и стили умею пользоваться UI китами и плагинами. Умею делать анимированные прототипы. В моих проектах всегда порядок и структурированность.

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

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

Например,
Умею делать анимированные прототипы

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

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


умею пользоваться UI китами

Как будто бы мне не нужно уметь ими пользоваться. Мне важнее уметь их создавать или хотя бы поддерживать. Лучше так:
Могу собрать сложный UI кит, по которому разработчики не спросят ни одного вопроса и сверстают все 1 в 1

Понятное дело, что я чуть утрирую, но главное, чтобы вы поняли суть. Пишите через ценность, а не свою «крутость». Крутость как раз в ценности)

#найм #редактура

446 0 14 13 22
20 ta oxirgi post ko‘rsatilgan.