Дизайн диктатура – Telegram
Дизайн диктатура
691 subscribers
62 photos
23 videos
28 links
Автор - Маргарита Романова. По вопросам - @berchikk

Только авторский контент про дизайн, инструменты дизайнера, карьеру и IT.

Про менторство у меня - https://mromanova.webflow.io/mentorship/?utm_source=google&utm_medium=email&utm_term=UIztVL
Download Telegram
Как я отказалась от перфекционизма и полюбила свой сайт-портфолио (часть 2)

1. Исследование

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

- Хочу как можно быстрее, найти проект, который меня заинтересует
- Превью проектов должны показывать немного интерфейса, чтобы я быстрее поняла UI навыки и насколько опыт релевантен моей вакансии
- Чаще всего мне важен сам факт наличия определенных этапов дизайн-процесса
- Не буду и не хочу читать много текста. Хочу смотреть картинки, интерфейсы и инфографику
- Хочу однозначно понимать результат работы дизайнера: с чего мы начали и что мы получили в итоге
- Обычно я просматриваю первые 2 проекта, если они оба мне не понравились, то сразу «нет»
- Если я не слышала о продукте, то хочу понимать его текущий статус: существует и развивается, только концепт, разработка, больше не поддерживается
- Смотреть полотно экранов из Figma скучно и неинтересно

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

2. Определяем задачу

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

3. Идеи

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

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

Я также старалась избегать примеров, которые как мне казалось, с моими навыками будет слишком долго или невозможно разработать, потому что опять же, задачи «создать самый крутой сайт-портфолио в России» и не стояло. Нужно было красиво, дёшево и быстро (желательно за 2 недели).

4. Прототип

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

5. Наполнение проектов

Мне нужно было минимум 2 больших кейс-стади, где были бы все этапы дизайн-процесса и детали продуктовой разработки. Считаю, что заниматься именно «написанием» проектов лучше в Notion, поскольку он создаёт возможность абстрагироваться от визуала и сосредоточится именно на наполнении. Сделала вот такой шаблончик по написанию будущих проектов.
12🔥2
Как я отказалась от перфекционизма и полюбила свой сайт-портфолио (часть 3)

6. Разработка

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

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

7. Тестирование

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

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

8. Поддержка

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

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

Сайт-портфолио — это не самое главное

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

- Вакансия уже закрылась, но HR забыли её скрыть
- Вы не влезаете по деньгам на ставку, предусмотренную компанией на эту должность
- Есть кандидаты дешевле с такими же навыками
- У вас мало лет опыта
- Вы оверквалифайд для должности
- У вас нерелеватный опыт для вакансии
- У вас слабые софт-скиллы (если перед отказом был собес с HR)
- В резюме есть признаки jobhopping (много смен компаний в короткие промежутки времени)
- Нанимающему менеджеру не понравилось как сделан сайт-портфолио (не отрицаю, что такие причины тоже бывают)
- Нанимающему менеджеру не понравился UI в проектах
- У вас нет портфолио вообще
1🔥125
Figma update (13 ноября): обновленная пипетка

Вчера Figma выкатила новый небольшой, но прикольный апдейт связанный с использованием пипетки. Разберём, что добавили:

1️⃣ Теперь пипетка показывает не только цвет, но и стиль или токен. Зажимая Shift вы переключаете пипетку из режима взятия цвета, в режим взятия стиля или токена.

2️⃣ Выбрав какой-то слой, зажав Shift+Cmd в режиме пипетки и наведя на просто цвет можно перейти сразу в создания стиля или токена, который автоматически применится на выбранный слой или слои.

3️⃣ Через Tab можно переключаться между разными цветовыми форматами: hex, RGB, HSL, HSB.

4️⃣ Если у вас не выделен ни один слой, то пипеткой можно сразу получить цвет в буфер обмена кликнув на него. Также можно изменить цветовой формат на другой (hex, RGB, HSL, HSB) через Tab.

5️⃣ Если хочется только скопировать стиль пипеткой, но не создавать стиль, то можно зайти во флоу создания стиля и выйти из него, стиль применится на выбранный слой.
219
Шикарное UX решение, которое никто не заметил

Если вы из тех людей, кто любит читать комменты пока смотрит видео, то эта фича для вас. YouTube в своём окошке комментариев теперь показывает тот коммент, что максимально релевантнен к тому месту в видео, которое вы сейчас смотрите. Пока вроде как не учитывает, то что в самом комменте написано, а только ориентируется на таймкоды, которые ставят пользователи.
13👍2🔥2
😰 Изменение оплаты и архитектуры планов в Figma

С 11 марта 2025 года Figma сделает следующие изменения:


1️⃣ Изменение архитектуры seats

Для всех планов будут существовать 4 вида seats, на которые вы сможете посадить людей в вашем пространстве:
1. Design seat — просмотр и редактирование файлов Figma, FigJam, Figma Slides; а также возможность использовать Dev Mode. Такой формат подойдёт дизайнерам.
2. Dev seat — просмотр и редактирование файлов FigJam, Figma Slides; а конечно же возможность использовать Dev Mode. Такой формат подойдёт разработчикам.
3. Collab seat — просмотр и редактирование файлов FigJam, Figma Slides, без доступа к Dev Mode. Такой формат подойдёт продактам и всем коллегам кто хочет строить схемы и делать презентации.
4. View seat — просмотр всех видов файлов, без доступа к Dev Mode.

Для контекста, сейчас в Figma совсем другая архитектура, которая привязывается к возможностям редактирования или просмотра разных видов файлов (Figma или FigJam). А Dev Mode seat вообще был только для планов Organization или Enterprise. Figma Slides сейчас пока еще бесплатные, поэтому ни к каким ролям не привязываются. Starter plan как был бесплатным, так и остаётся таковым.


2️⃣ Повышение цен для всех планов (показываю изменения для плана Professional)

1. Design seat будет стоить 20$/мес или 192$/год (16$ в месяц). Раньше было 15$/мес и 144$/год (12$ в месяц)
2. Dev seat будет стоить 15$/мес или 144$/год (12$ в месяц)
3. Collab seat будет стоить 5$/мес или 36$/год (3$ в месяц)
4. View seat остаётся бесплатным.

Новый прайсинг для планов Organization и Enterprise можно посмотреть в официальном пресс релизе фигмы.


3️⃣ Отмена автоапрегрейда

Нас услышали и теперь любой платный seat по дефолту нужно будет вручную апрувить админам.


😎 Моё 100% субъективно-экспертно-авторитетное мнение

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

Прежде всего, если это изменение как-то вас касается, рекомендую почитать мой гайд о текущей модели оплаты в Figma, где я как раз описывала все её особенности и тёмные паттерны. Пересмотр архитектуры 100% отличное и давно ожидаемое решение. Текущая модель переусложнена и не для всех планов честна. Например, чтобы разработчик мог пользоваться Dev Mode в маленькой команде на плане Professional, ему бы пришлось дать полноценный Design seat. Мы все понимаем, что во-первых, место разработчика не может стоить столько же сколько место дизайнера ради одного Dev Mode, который нельзя было купить отдельно от Design seat. А во-вторых, наверняка никто бы не хотел, чтобы его разраб случайно что-то в макетах подвигал?

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


🤔 А вы что думаете о планирующемся обновлении?
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥51👍1
Важное дополнение к предыдущему посту ❗️❗️❗️

Сейчас в компаниях идёт этап согласования бюджетов на 2025 год (ну или по крайней мере есть еще какая-то возможность повлиять).
ЗАЛОЖИТЕ НА ФИГМУ БОЛЬШЕ ДЕНЕГ ПОКА НЕ ПОЗДНО
Please open Telegram to view this post
VIEW IN TELEGRAM
3
Возвращение в Вышку, но уже в качестве преподавателя.

Буду учить UX/UI дизайну студентов направления «Запуск и управление медиастартапом» в свободное время от основной работы и БГ3 🧚
517🔥8👏5
Media is too big
VIEW IN TELEGRAM
📹 Делюсь маленьким фрагментиком видео об иконках в интерфейсах, которое делала для Skillbox

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

Хочется и ютубчик когда-нибудь начать вести, но думаю, что перед этим пройду курс по ораторскому мастерству, чтобы речь звучала лучше.
11👍4🔥3
Пол 🍋 на рабочее место

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

Я долго не могла определиться со стилем, расположением мебели, не говоря уже о поиске отдельных деталей, которые будут создавать уют в интерьере. Без преувеличения, на итоговый сетап всего того, что вы видите на картинке у меня ушёл длинный и полный сомнений год. Понятное дело, что я не думала об интерьере ежедневно, но тем страшнее было каждый день заходить в комнату, надеясь снова не услышать голос внутреннего перфекциониста, который никогда не постесняется сказать «хуита, всё ещё не как в пинтересте». Но сегодня кажется настал тот день, когда меня всё устраивает и я готова похвастаться. Пусть пока и без Apple Studio Display….

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

Ну и, конечно же, делитесь фотографиями своих рабочих мест! Совершенно случайно оказавшиеся в кадре котики не возбраняются 🐈
26🔥9😍4
👩‍🏫 Мои первые полтора месяца в качестве преподавателя

Не буду врать, что эти полтора месяца я провожу в регулярном стрессе от наличия новой и неожиданной сайд-активности. Моя довольно плотная неделя, состоявшая из основной работы, 5 часов менторств и качалки со скрипом вместила в себя еще 4 пары преподавания. Естественно, пока ни о каком work-life balance и речи идти не может, но постепенно я всё таки вхожу в режим рутины, где в какой-то момент всё таки появится место для полноценного отдыха.

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

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

👌Что, как мне кажется, у меня получается хорошо:

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

2. Создание примеров, на которых правила и даже самые абстрактные понятия будут понятны

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

4. Упорядоченность материала, от простого к сложному, постепенно и комфортно

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

👎 Что пока не идеально и с чем я хочу поработать:

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

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

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

4. Готовиться к парам чуть более заранее и нормально балансировать с работой

5. Я не знаю человека или курс, кто бы идеально преподавал UX/UI дизайн, поэтому я регулярно задаюсь вопросом о качестве своего преподавания. Результат, к сожалению, я увижу только постфактум на защите проектов

Ну и самое главное. Надо наконец запомнить всех ребят… Знали бы вы как у меня плохо с памятью на лица и имена 🫡
316👍3🔥2
Media is too big
VIEW IN TELEGRAM
Уникальная возможность! Нам в Дзен нужны аж 2 продуктовых дизайнера 👨‍🎨👨‍🎨

Почитать подробнее о вакансии и откликнуться можно здесь - https://team.vk.company/vacancy/40974/
1
Media is too big
VIEW IN TELEGRAM
Вебфлоу вынудил меня оплатить аккаунт на год и я подумала, а чё бы не сделать себе на сайте страницу про своё менторство, раз уж такое дело. Пара плотных вечерочков, 1 видео гайд по тому как сделать аккордеоны и вы великолепны 💫

Интересно, можно ли себя уже считать вебфлоу разработчиком 🤔

Посмотреть почитать тут
🔥18🤝1
Почему дизайнеры не могут найти работу

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

В 90% вакансий продуктовых дизайнеров на сегодняшний день стоит пунктик про опыт проведения или участия в UX исследованиях. На любом собесе, даже с HR, это будет один из первых вопросов. И это обычно как раз то, что отсутствует у большинства дизайнеров, что сейчас находятся в поиске, так как в их предыдущих компаниях этим не занимались. Причины разные: не было ресурсов, не видели смысла, доверяли экспертизе команды; но сам факт отсутствия этого этапа достаточно быстро заставляет компанию потерять интерес к кандидату. Порочный круг получается. Если хочешь попасть в крутую компанию и получить опыт с UX исследованиями, нужно показать опыт работы c UX исследованиями. Если у тебя этого опыта нет — ты все еще можешь найти работу, но придётся идти в продуктовую команду, где на это будет всё равно, но так ты остаёшься отрезанным от половины рынка вакансий. А бывает ещё и такое, что в тех компаниях, которые ищут человека с таким опытом, не факт, что UX исследования вообще будут.

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

Но на самом деле довольно часто дизайнеры могут проводить на продукте глубинные интервью, юзабилити тестирования и даже выездные сессии, но они просто не заявляют об этом как об «UX исследованиях», а просто называют это «пообщаться с пользователями». У них нет артефактов этой работы, но есть инсайты, которые они использовали в дизайне. Собственно так и я 5 лет назад думала, что ничего об этом не знаю и ничего такого в продукте не делала, и это была основная причина почему я когда-то завалила собес с Google.

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

Поэтому уже сегодня, на своём текущем месте работы, даже если пока не думаете о смене работы:
1. Собираем артефакты UX исследований, даже если это просто «ну я там в коридоре прототипчик показал»
2. После каждого релиза узнаём результаты и сохраняем их себе где-нибудь
130👍1