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

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

beladzed.com
Download Telegram
Как быстро, бесплатно и просто сжимать картинки на маке

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

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

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

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

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

🔗 Скачать для Мака
🔥1
Сделал мобильное меню на сайте 📱

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

Основные критерии по которым я шел при разработке:

1. Меню должно быть сквозным, открываться с любого места на странице.

2. Под пальцем. Телефоны стали огромными, тянуться в правый, или не дай бог в левый угол, рисково для сохранности телефона.

3. Иметь одну точку открыть/закрыть. Напрягает, когда открываешь меню в одном месте, а закрываешь в другом.

4. Открытое меню может скроллиться. Хочу иметь возможность запихнуть туда всё, что захочу.

5. Скролл меню не должен спорить с фоновым скроллом страницы. Меню это слой поверх сайта и при скролле не должна изменяться точка чтения основной страницы.

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

Больше всего потратил времени на понимание, как устроены тригеры и анимации в Вебфло, как строить зависимости и состояния. Для пункта 5 вообще пришлось расчехлить js, чтобы хитро добавлять классы при открытии.

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

Но это все мелочи, главное, что база и принципы заложены.

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

P.S. Добавил еще авку в мобильной версии и сделал верстку шапки поинтереснее относительно общей сетки)

🔗 Посмотреть все это работает

#webflow #portfolio
2👍2
Почему важно подключать аналитику и вебвизор

Сразу с запуском любого проекта, я добавляю Гугл и Яндекс аналитики.

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

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

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

В итоге, вместо тестирования со всех браузеров я сразу нашел проблему и быстро пофиксил ее

#аналитика #portfolio
Please open Telegram to view this post
VIEW IN TELEGRAM
Согласился — делай как обычно

Бывают такие проекты, которые интересны, чтобы положить в портфолио, но абсолютно невыгодны по деньгам.

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

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

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

У меня есть принцип для таких случаев — делать такие проекты как обычно. Как будто он не только мне интересен из-за задачи, но и с деньгами все в порядке.

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

Согласился → делай так же как и всегда.

#принцип
👍6
Идеальный портрет кандидата при найме

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

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

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

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

После того, как составил файл — попросил всех посмотреть и откоментить. Через пару итераций мы зафиксировали, что да, именно такого дизайнера хотели бы найти в идеале.

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

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

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

#найм
3👍3🔥3
Вернулся во времена фриланса или почему найм проще

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

Контракты, контрагенты, договоры, всякие разные ндсы, счета, зусы… голова идет кругом.

Всё это напомнило мне фрилансерское время. Только тогда у меня не было ИП, все было на русском и была мама, которая хорошо шарила в бухгалтерии и чего, когда и кому надо платить. Да и мне было всего 16-18 лет.

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

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

Фух, выговорился, полегчало) С доками по ИП более-менее разобрался, счета в банке открыл, осталось научиться выставлять фактуры и получать кэш 💸

Фотка из банка, где провел полтора часа с бумажками)
9
Женя Белодед ↯ Дизайн • Продукт • Управление
Опа, получили очередную ленточку 🚀💥🍾 Добывать ленты становится все проще и проще. Осталось научиться кейсы делать быстрее)
+1 ленточка Stock

Хотим еще научиться получать Бихансовские. Они вроде самые модные и попадают в галерею, в которую отбирают из других галерей)

Пока напрямую на Бихансе на студию падает не супер много толковых лидов, но льется нормально так трафика на сайт. А с сайта уже конвертятся в лиды.

Кстати, мы там еще один кейс запаблишили, но про него чуть позже расскажу)

🔗 Ссылка на кейс Delivery Docs, если пропустили)
🎉51
Женя Белодед ↯ Дизайн • Продукт • Управление
Video message
Хочу посмотреть на ваши портфели и дать по ним обратную связь

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

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

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

🏄‍♂️ Зачем это вам
Это бесплатно.

Взгляд со стороны человека, который отсмотрел тысячи портфолио и нанял порядка 50 дизайнеров.

🤑 Зачем это мне
Потому что могу. У меня сейчас есть время на такие небольшие активности, где есть польза для меня и для вас, поэтому почему нет?)

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

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

😐 Ограничения и условия
Возьму не больше чем 5 человек.

Желательно, чтобы портфель был про дизайн интерфейсов. Но не критично, если и граф будет, и презентации.

Человек, который пришлет портфолио на разбор должен быть подписан на этот канал)

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

🫡 Как прислать портфолио
Скинуть мне в личку @balst свое портфолио. Или прямо в коментах.

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

Лайк шер репост все дела)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥321👍1
Как точно оценивать задачи с минимальной погрешностью или правило 4х часов

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

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

Если оценить в 100 часов, а сделать за 50 — это плохая оценка. Аналогично работает и в бОльшую сторону. Если расхождение минимальное — все класс.

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

Если задача средняя или большая — лучше дробить на мелкие и оценивать частями. Я вывел правило 4х часов: любой дробный кусок задачи не должен быть больше 4х часов в оценке.

Например, есть задача сделать лендинг. Вместо того, чтобы на глаз сказать 40 часов, я дроблю все на подзадачи так, чтобы самая долгая была 4 часа. Можно дробить по экранам, можно по блокам, можно ещё как-то. Здесь уже у каждого своя система. Но если пройтись по каждому блоку и оцените его отдельно, то учтется сильно больше, чем в изначальной оценке на глаз.

Такая оценка займет больше времени, но минимизирует косяки. У меня получилось свести погрешность в оценке дизайна примерно до 3-5%, что, кажется, хороший результат.

⛔️ Риски
Важно не забывать в конце любой оценки докидывать риски. Это множитель, который поможет скорректировать внутреннее ощущение «так а че тут делать, на вечер работы». Тут уже придется опираться на свой опыт, клиента или специфику задачи. Стандартно я накидываю от 10%.

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

Пишите в коментах как вы оцениваете задачи, может у кого другие методики)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
В Польше можно снимать деньги в банкомате без карты

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

Это система одноразовых кодов, которая позволяет пользоваться картой без карты. Заходите в приложение в раздел Блик, видите там одноразовый код который истечет через 2 минуты, вводите куда надо, подтверждаете покупку в прилаге и всё. Не нужно помнить пароли карт, не нужно даже брать карту с собой. Достаточно открыть прилагу и вписать куда нужно код.

С банкоматами тоже работает: подошел, открыл приложение, вписал код на клавиатуре банкомата, подтвердил на телефоне и снял деньги. Буквально пару минут и деньги на руках.

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

С Бликом ничего такого нет, все гораздо проще. Еще и без риска забыть карту внутри банкомата.

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

Удобно. Вряд ли для оплаты в магазине буду использовать, ибо эплпей ванлав, но для снятия денег и на сайтах прям огонь.

P.S. Код со скрина, конечно, уже погас, не пытайтесь на него что-либо купить)
👍4
Хочу пойти на курс Бирмана и Нозика по презентациям клиенту

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

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

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

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

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

🔗 Страница курса
👍8
Гугл, это пиздец

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

Так нагло потерять мои данные и выпрашивать на любом клике подписку, которую не оплатить судя по их же уведомлению — 10/10, охуенно.

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

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

Морали нет, вывод — у гугла все через жопу.
😢5
🎗 Первая ленточка в брендах на Бихансе

Продолжаем штурмовать Бех по принципу 1 кейс = лента. А иногда и не одна)

Сегодня получили ленточку в категории Бренды на кейсе Онлайнер Прайма.
🔥9👏1
Закабельменеджментил рабочий стол

Несколько месяцев я страдал со старым удлинителем на 3 розетки, хотя мне стабильно нужно 4-5. Купил новый, но все руки не доходили навести красоту.

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

P.S. Задумался про стол с изменяемой высотой, есть у кого? Стоят они того? Покидайте вообще в коменты свои рабочие столы, кто на чем работает?
🦄3
Как дизайнеру работать с комментариями в Фигме

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

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

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

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

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

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

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

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

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

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

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

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

#wip #notion #аудит #ai
🔥8👍1