Щось дизайнер написав...

Зі святом, дизайнерки! 🌷 Вітаю вас з днем сили, краси та натхнення. Нехай у вашому житті завжди буде місце для сміливих ідей, великих мрій і людей, які щиро вас підтримують. Привітальну листівку, оберіть собі самі 😄 😍 Щось дизайнер написав...

Щойно зловив себе на цікавій думці про AI ⚡️ Раніше я сприймав АІ просто як інструмент, який оптимізує процеси: забирає рутину, допомагає швидше працювати, економить час. Але зʼявився ще один кейс, про який я навіть не думав. Тепер серіали, які я завжди вмикав “на фоні”, раптом почали… запам’ятовуватись. Бо поки AI обробляє промпт, генерує код, дизайн чи щось рахує - з’являються маленькі паузи. Ті самі 2–3 хвилини, коли нічого не треба робити 😅 Мрія для ліньтюха І замість того, щоб одразу брати наступну задачу, можна просто: - подивитись у другий екран - зробити кави - на хвилину перемкнути мозок І це, по суті, мікровідпочинок прямо під час роботи. Ну хіба це не магія? ✨ Цікаво послухати вас: Якими AI-інструментами користуєтесь? Що вже реально делегували AI? Які задачі він у вас закриває повністю? І ще одне питання (можна пропустити, якщо у вас це під NDA): Чи впровадила ваша компанія AI у процеси? Якщо так - у яких саме речах він уже допомагає? Дуже цікаво почитати ваш досвід 👀 Давайте обговоримо у нас в чаті ✍️ Чат — Pixel Syndicate 😍 Щось дизайнер написав...

Про рис: Він же RICE, він же спосіб пріоритизації проєктів 🔼 Ласкаво просимо на той етап, коли в UX з’явилися формули (хоча, звісно, задумка більше для технічних команд, але нам усе корисно, що потрапляє в беклог).

RICE = (Reach × Impact × Confidence) ÷ Effort

Reach — охоплення. Цю фічу, для якої потрібні дизайни, побачать 100% користувачів чи тільки преміум-аудиторія з умовного Львова та області? Діапазон — від 1 до 10. Impact — вплив. Ця фіча допоможе нам звільнити 30 годин на тиждень роботи підтримки, чи ми просто давно збиралися її написати, але руки не доходили? Діапазон — від 1 до 10. Confidence — упевненість. Наскільки добре ми розуміємо, що робити і як це робити? Малюємо фічу уперше в житті чи це вже тисячний раз? Упевненість допомагає збалансувати ризик під час ухвалення рішень. Діапазон — у % від 1 до 100. Effort — трудовитрати. Цей параметр враховує трудовитрати команди і дає змогу співвіднести їх з очікуваними результатами. Зусилля вимірюється в людино-годинах, днях або інших одиницях часу. Перші три значення перемножуєте, ділите на четверте — і отримуєте певний пріоритет задачі або проєкту. Наприклад у нас на продукті придумали фічу, після чого ми: — Оцінили, скільки користувачів використовуватиме кожну з функцій. Даємо умовно в межах одного міста. — Оцінили вплив кожної функції на користувацький досвід. — Оцінили впевненість у своїх оцінках на основі проведених досліджень. — Оцінили кількість людино-годин, необхідних для розробки кожної функції. Вуаля, тепер зрозуміло, що саме ми не встигатимемо в першу чергу 😀😆 😍 Щось дизайнер написав...

Коли натискаєш "click to follow" у файлі 🖌 Figma 😍 Щось дизайнер написав...

Мій процес роботи над проєктами UX/UI Design та Web Design ⚡️ У нашому ком’юніті-чаті був запит на мій процес роботи. А саме: «Було б цікаво почитати про етапи роботи дизайнера». Тому коротко розповідаю про свій процес. Я завжди використовую шаблон управління проєктами, щоб мої проєкти працювали як годинник — від початку до кінця. Чому? Тому що запуск проєкту без плану то цілковитий bullshit 💩 Більшість проблем у UX/UI та web-проєктах — не через дизайн. А через відсутність процесу. Тому я працюю так 👇 1. Онбординг Проєкт починається не з макетів, а з питань. Бізнес-цілі, поточний стан продукту, болі, негативний досвід. Без цього дизайн — це тикати пальцем у небо. Ось тут можете забрати мою форму для цього процесу: https://t.me/designer_wrote/154 2. Структура перед візуалом Спочатку карта сайту та супер простий wireframes. Максимально прості, без зайвого візуалу — щоб фокус був на логіці, а не «подобається / не подобається». 3. Дизайн без хаосу в правках Рішення пояснюються, фідбек має рамки. Жодних безкінечних змін і розмитих коментарів. 4. Запуск — це етап, а не кнопка Чеклисти, адаптиви, дрібні деталі, які всі люблять ігнорувати. Саме тут з’являється різниця між «зробили» і «працює». 5. Офбординг Після релізу клієнт не залишається сам. Гайди, пояснення, підтримка — частина мого процесу. На цю тему можна говорити дуже багато, тому я попросив ChatGPT допомогти мені з цим постом, щоб коротко й структуровано передати зміст статті, над якою я працював усю ніч і в якій значно глибше розкрив цю тему. У цьому лонгріді я проведу вас через весь свій процес дизайну крок за кроком: онбординг, дизайн і розробка, запуск та офбординг — чотири ключові етапи, які допомагають доводити проєкти до релізу. Стаття за цим посиланням: ЧИТАТИ ПРО ПРОЦЕС ТУТ Доречі це моя перша стаття, підтримайте лайком та коментарем. #design #tips 😍 Щось дизайнер написав...

Що таке Double Diamond 💎 Це простий фреймворк, який допомагає не стрибати одразу в дизайн, а спочатку розібратися, що насправді потрібно вирішити. Він будує процес так, щоб не плутати симптоми з реальною проблемою. Спочатку ти розширюєш фокус: досліджуєш контекст, користувачів, болі й хаос. Потім навпаки — звужуєшся до чітко сформульованої проблеми. Лише після цього переходиш до ідей, прототипів і тестування, знову спочатку широко, а потім точно. Суть проста: Double Diamond — це про мислення, а не етапи. Про те, як не робити «красиво, але мимо», а доходити до рішень, які реально працюють для користувача і бізнесу. Якщо хочеш глибше зрозуміти, як мислити дизайном, а не просто малювати екрани, дуже раджу прочитати цю статтю. 😍 Щось дизайнер написав...

Пупупууу 😃 Поки я збирав матеріали про те, хто такі Product Design та UX/UI Design, щоб детально пояснити цю тему з моєї точки зору та думки спільноти. На каналі 🤝 Zamedianskyi Design Talks вийшов відеоподкаст де Віталій та Ліля Бардіна розібрали ключову різницю між Product Designer та UI/UX Designer на реальному прикладі продуктової компанії. Це не реклама, а просто по братскі раджу подивитись одним глазком та поставити крапку в дискусіях: ПОСИЛАННЯ НА ВІДЕО 😍 Щось дизайнер написав... 😍Product Design * Motion in App

Новий апдейт 🖌 Figma: — Ефект скла тепер можна застосовувати до будь-чого: об’єктів, форм або тексту — не лише до фреймів; — Дизайнерське скло з нерівними кутами та точним заокругленням кожного радіуса; — Властивість Splay дозволяє керувати тим, як світло заломлюється навколо країв об’єкта; — Змінні для Glass — застосовуйте їх до властивостей скла, щоб легко інтегрувати ефект у вашу дизайн-систему. 😍 Щось дизайнер написав...

"Ми" та "Ви" Невеликий лайфхак із копірайтингу для власників агентських і персональних сайтів. Змістіть акцент із «ми» на «ви» (клієнт). Люди хочуть знати, як саме ви їм допоможете. Перевірте, скільки разів на вашому сайті вживаються слова «ми» і «ви», а потім скоригуйте свою риторику. Клієнт заходить на сайт не для того, щоб читати про вас, а щоб знайти відповідь на запитання: «Що я отримаю і як це вирішить мою проблему?» У кейсах ви вже можете розповісти й про себе — які ви молодці. Але крізь призму того, як саме ви допомогли клієнту: так, так і ось так. Не тягніть усю ковдру на себе — дайте клієнту трішки погрітися. 😍 Щось дизайнер написав...

Навчальні кейси в портфоліо: «Норм чи стрьом?» Існує думка, що:

Якщо у дизайнера в портфоліо є навчальний кейс або вигаданий проєкт — то він лох і роботи йому не бачити.

Певною мірою це правда, але лише інколи. У більшості випадків навчальні проєкти можна і треба показувати — головне робити це з розумом. Портфоліо потрібне, щоб показати ваші навички. Але іноді не всі навички вдається застосувати «в бою». Класичний приклад — візуал. Звідки йому взятися, якщо всі ваші проєкти - це набір різного трешу зробленого під час перегляду навчального відео на Youtube? І тут на допомогу приходять навчальні проєкти, ще зараз модно робити "pet project". Зробіть кейс, у якому буде видно сильну роботу з композицією, типографікою та кольором. Він стане чудовим доповненням до основного кейсу з реального проєкту. Не обов’язково обвішувати його ярликами «STUDY» — кому потрібно, і так зрозуміють. Зазвичай це й так видно. Що нормально виносити в навчальний кейс: — UX-дослідження — Естетичний візуал — Веб-проєкти в стилі Awwwards З чим реально складніше ситуація: Мобільні застосунки — роботу з мобілками можна показувати в навчальному кейсі, але часто вирішальним є досвід узгодження з мобільною розробкою та дизайн-рев’ю на реальних пристроях Робота з метриками — у навчальному кейсі можна припустити, на які метрики має вплинути рішення, можна навіть вигадати продуктову гіпотезу. Але відсутність реальних результатів може бути критичною. Уся ця історія працює лише до рівня Middle. У Senior має бути бойовий досвід у ключових компетенціях. Якщо у вас 0 бойових проєктів, то в кращому випадку ви можете претендувати на джуна, а швидше — на стажера. У вас вийде зібрати те портфоліо. Я у вас вірю💪🏻 Всім гарного та продуктивного тижня 💡 Доречі своїми кейсами ви можете ділитись у чаті 🥳Pixel Syndicate 😍 Щось дизайнер написав...

Ну хто такі ті Product Design та UX/UI Design? 🤔 Писав невеликий матеріал на замовлення, де потрібно було провести опитування, і в процесі сплив цікавий інсайт: з’ясувалося, що уявлення про Product Design та UX/UI Design у багатьох досі дуже розмиті. Причому плутанина є навіть серед тих, хто називає себе дизайнерами. Тому хочу почути вашу думку. Як ви особисто трактуєте Product Design та UX/UI Design? У чому їхня суть і де, на вашу думку, проходить межа між цими та іншими дизайнерськими спеціалізаціями? Пропоную заповнити коротку форму: ПОСИЛАННЯ НА ФОРМУ А щоб було цікавіше замислюватися над тим, хто такі Product Design та UX/UI Design, я зібрав для вас плейлист Human-Centered Design для глибокої концентрації. 32 треки та 1 година 43 хвилини добірного звучання: ПЛЕЙЛИСТ ТУТОЧКИ Вибачте що турбую вас у вихідний🙏🏻 😍 Щось дизайнер написав...

Якщо ти досі шукаєш матеріали по всьому інтернету — мені тебе шкода! Бо нормальні дизайнери давно сидять у 👍 Складі з Пікселями і просто беруть те, що їм потрібно 😎 Не витрачай життя на хаос із закладок. Зайди на 👍 Склад — візьми готове) #partner

🖼️ Figma Update. Показуй, а не розповідай. Тепер ви можете вбудовувати прототипи Figma Make в Figma Design, Figma Slides і FigJam. Впровадження відбудеться цього тижня. 😍 Щось дизайнер написав...

Якщо хочете перевірити, чи поміщається текст у рядок, використовуйте німецьку мову 🇩🇪 Ніщо так швидко не показує слабкі місця в дизайні, як одне акуратне «Datenschutz-grundverordnung». Для німецької мови правила ніби скасовуються — навіть власні iOS-застосунки перекриваються в таббарі. Наприклад, вважається, що одне з найдовших реально існуючих слів — Rindfleischetikettierungsüberwachungsaufgabenübertragungsgesetz (так-так, закон про передачу обов’язків з нагляду за маркуванням яловичини). І це існуюче слово, не жарт. А тепер для контрасту — мови з ієрогліфами. Один символ — ціле слово. Одна крихітна акуратна 「画」 замість «картинка». Чи мали ви досвід проєктування інтерфейсів для німецького ринку? 😍 Щось дизайнер написав...

А я до вас із добіркою крутих плагінів для Figma 👇 Text Drawing Ninja — малюєте лінію й розміщуєте по ній текст. Є опції зміни шрифту та кернінгу, а також можливість налаштовувати градієнти. Blobs — «генератор» клякс. Можна налаштувати «складність» і «унікальність», а також увімкнути фантазію, щоб перетворити цей простий плагін на щось справді унікальне. Progressive Blur — генерує вертикальний стек прямокутників із поступово зростаючим блюром. Можна налаштувати пошарове та фонове розмиття. Fractal Glass Effect — плагін з ефектом скла. Easometric — перетворює вибраний об’єкт в ізометричну проєкцію. Дозволяє швидко повернути фігуру на одну зі сторін куба: ліворуч, праворуч або під кутом зверху. Зручно для створення 3D-ілюзій та ізометричних іконок. 📎 Зберігайте, щоб не загубити 😍 Щось дизайнер написав...

Знайшов неймовірно атмосферну добірку логотипів відомих брендів у ламповому ретро-стилі. Автор — Rafael Serra 😍 Щось дизайнер написав...

А ви пам’ятаєте цих перших, справжніх ШІ-асистентів? 😅 😍 Щось дизайнер написав...

Знайшов цікаву статтю де дизайнери Google розповіли про проектування візуальної мови Gemini 🤖 — Як подолати концептуальні прогалини щодо ШІ, особливо в тому, як Gemini спрощує інформацію та розширює ідеї? — Як спонукати користувачів до дослідження, гри та пошуку, щоб вони могли набути впевненості у використанні інструменту, що постійно змінюється? Ці питання були продиктовані основним набором цілей: зробити Gemini інтуїтивно зрозумілим, захоплюючим, доступним, надихаючим — і, перш за все, таким, що заслуговує на довіру. Прочитайте статтю в блозі Gooogle Design 🕸 😍 Щось дизайнер написав...

Секретна інформація 🤫 Чому одні клієнти працюють роками, а інші зливаються після першого проєкту? 1. Перша точка контакту (вирішує більше, ніж здається) Швидка й зрозуміла відповідь - без ігнору на добу. Одразу показуєш професіоналізм: гіпотези, варіанти, план, аргументи, чому це може спрацювати, а не «мені так подобається». 2. Чіткий процес і дедлайни. Сказав «завтра» - значить завтра. Якщо щось зсувається - попередив заздалегідь, а не в день здачі. Клієнт не повинен бігати за тобою: ти сам пишеш по етапах - старт / погодження / далі. У підсумку клієнту дуже комфортно і він не париться. 3. Зрозуміти, чого клієнт насправді очікує від роботи (ще до оплати). Що саме і навіщо робимо. Є маркетолог або воронка - не «робити як хочемо», а вирішуємо задачу. Немає бачення - пояснюємо, чому твоє рішення краще і що клієнт отримає у фіналі, чому це вплине на результат. Потрібно або зрозуміти бажання клієнта, або зрозуміло пояснити, що вийде на виході й чому це найкращий варіант. 4. Результат має працювати / клієнт має отримати те, що очікував, або більше Дизайн може не подобатися на 100% особисто тобі чи клієнту, але якщо ціль - «продає краще», значить тестуємо і робимо те, що реально продає краще, навіть якщо тобі це не подбається. Якщо ти обіцяв результат або підігрівав до того, що метрики зростуть, а вони навпаки впали - краще одразу запропонувати альтернативу, якщо знаєш, що можна виправити і чому. Так можна повернути лояльність, перевірено. 5. Спецумови = вищий LTV. Невеликі бонуси й унікальні умови для великих постійних клієнтів. Бути в контексті проєкту: цікавитися результатами. Пропонувати покращення як у дизайні, так і загалом (можна навіть додаткові послуги - головне, щоб вони були реально важливі клієнту й давали користь). Залишатися людиною: не зникати, вітати, бути адекватним. 6. Найголовніше - поставте себе на місце клієнта З ким би ви реально хотіли працювати на постійній основі? Вмикайте емпатію — це дозволить вам завжди коригувати свої недоліки.

Клієнт залишається не з «дизайнером», а з людиною, з якою спокійно, передбачувано і в результаті зростають показники.

Якщо відгукнулося - ставте 🔥 😍 Щось дизайнер написав...

З Новим роком, дизайнери! 🎉 Нехай наступний рік буде з чіткими рішеннями, чистими інтерфейсами й проєктами, якими хочеться хизуватись у портфоліо. Менше хаосу — більше сенсу, впливу та квантового росту ✨ 😍 Щось дизайнер написав...