“Дизайн може змінити світ”

Дизайнери:

@berestux

Прихований скарб UX/UI №1

Pull-to-refresh — це жест у користувацькому інтерфейсі, коли користувач проводить пальцем вниз, щоб вручну оновити вміст екрану, наприклад, завантажити нові дані. Якщо до цього додається тягуча анімація, процес стає більш веселим та інтерактивним: елемент розтягується або взаємодіє з екраном, додаючи елемент фану і покращуючи користувацький досвід.

Приклад

#прихований_скарб_uxui

@berestux

Клуб на Кирилівській відзначає п'яту річницю.

Але справа не в тому, зацініть який класний промо 3D motion зробив Alex Haro

@berestux

Прихований скарб UX/UI №2

Інтерактивні ілюстрації
Ілюстрації, що реагують на дії користувача, можуть підвищити залученість і зробити користувацький досвід більш незабутнім. Наприклад, анімація, яка активується при наведенні чи кліку, додає елемент взаємодії.

#прихований_скарб_uxui

@berestux

dev.ua написали статтю по мотивам мого посту Важливі навички для джунів UX/UI-дизайнерів 😎

@berestux

👉 Які навички дійсно важливі для junior UX/UI-дизайнерів. Перелік від тім-ліда

Олександр Берест, UX/UI Designer та Team Lead, склав список навичок, які він вважає дійсно значущими для початківців у UX/UI-дизайні. Ось, що він пропонує.

@devukraine

Upscale — дуже корисний плагін котрий покращує будь яке зображення в Figma, підвищуючи його роздільну здатність

Встановити плагін

@berestux

🤔 Продуктовий лід vs артдиректор: у чому різниця

Не секрет, що в нашій сфері часто плутають посади, рівні та зони відповідальності. Особливо мене дивує хаос між артдиректорами та лід-дизайнерами. Наприклад, можна зустріти лід-дизайнера, який є єдиним членом команди, або артдиректора в команді продуктових дизайнерів.

Якщо звернутися до базової логіки та визначень з Кембриджського словника, то отримуємо:
• Lead — це той, хто керує групою людей, організацією чи ситуацією; або той, хто показує, що і як робити.
• Director — це той, хто керує або контролює певний відділ чи напрям діяльності в організації.

Здавалося б, це одне й те саме, але є нюанси через приставки Product та Art. Відповідно до визначень зі словника:
• Product Lead Designer — це той, хто керує продуктовими дизайнерами і показує їм, як працювати. Якщо ж ти у команді один, то кого ти ведеш? Хіба що продукт у безодню? 🤡
• Art Director — це той, хто керує або контролює “художній” відділ. Але в інтерфейсному дизайні далеко не всі завдання можна назвати художніми.

Що я бачу на практиці та у вакансіях:
• 🥼 Продуктовий лід — це керівник напряму проектування інтерфейсів.
Він — “граючий тренер”, який працює зі стратегією та завданнями команди проектувальників і час від часу сам відкриває Figma (на відміну від дизайн-менеджера).
• 🎨 Артдиректор — це керівник художнього напряму.
Він займається стратегією стилю, бренду, позиціонування і працює з завданнями команди креативних комунікацій. Його зона відповідальності — ключові віжуали та креативи, які виходять за рамки UI.

Це абсолютно різні посади з різним фокусом, які працюють у різних командах і приносять користь продукту з різних боків. Чому артдиректори називають себе продуктовими лідами і навпаки, я не знаю. Можливо, просто подобається, як це звучить😈

@berestux

Вийшов безкоштовний аналог фотошопу з нейромережами, який перетворює фотографії та зображення зі скетчів. Він сам розуміє, що ви хочете додати, після чого пропонує варіант.

Можна самостійно контролювати нові об’єкти: їхню форму, колір, розмір тощо.

Працює прямо в браузері – посилання

Також можна встановити на комп’ютер – посилання

@berestux

Tech Lead, Design Lead and Product Manager

@berestux

Прихований скарб UX/UI №3

На Airbnb при додаванні гостей, вони візуалізуються як 3D модельки. Це сприяє більшому емоційному залученню, і максимально зрозумілому стану системи.

#прихований_скарб_uxui

@berestux

Physics animation - дуже кльовий і легкий в використанні плагін який створює анімації з реалістичною фізикою із звичайних шарів.

Маст хев для ваших дизайнів!

Встановити

@berestux

РИТМ

Канал котрий агрегує в собі думки української дизайн спільноти, і постійно поповнюється новими джерелами

https://t.me/ukraine_design_community

Як додавати NDA-проєкти до портфоліо

NDA (Non-disclosure agreement), або угода про нерозголошення, — це юридичний документ, за порушення якого вас можуть серйозно притягнути до відповідальності. Наслідки залежать від суворості роботодавця: від звільнення до реального тюремного строку.

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

Отже, за замовчуванням припускаємо, що не можна нічого. Але портфоліо все ж потрібно. Що робити?

Варіанти дій:

1. Запитати у роботодавця: уточнить, чи можна публікувати матеріали про проєкт і в якому вигляді. Найімовірніше, вас перенаправлять до юридичного відділу. У деяких випадках дозволяють приховати логотипи, інколи висувають інші умови, а буває, що категорично забороняють.

2. Робити акцент на процесі: у кейсі описуйте робочий процес, додавайте допоміжні матеріали (артефакти), а самі макети розмивайте, зазначивши, що “інформація під NDA”. Однак пам’ятайте, що це ускладнює оцінювання ваших візуальних навичок. Тому обов’язково додайте до портфоліо навчальні або волонтерські проєкти з акцентом на UI.

3. Створити закритий доступ: використовуйте захищені посилання (наприклад, паролем у Figma чи закритий розділ у Notion). У супровідному листі зазначайте, що можете надати доступ на запит на обмежений період.

4. Позначати проєкти як NDA: повністю приховуйте кейси, залишаючи лише опис вашої ролі, основних викликів і результатів. У супровідному листі запропонуйте продемонструвати проєкт у режимі показу екрану під час співбесіди (без запису).

Що варто пам’ятати:

• Усі ці варіанти не гарантують захисту, якщо ваш колишній роботодавець вирішить перевірити, чи ви дотримувалися NDA.

• Вони також можуть ускладнити потенційному роботодавцю оцінювання вашого рівня.

Тому завжди варто працювати над волонтерськими, навчальними або конкурсними проєктами, які допоможуть показати ваші навички без ризиків.

@berestux

Коли надав клієнту доступ до Figma

@berestux

Junior Product Designer проходить плавний онбординг у продукт під керівництвом Senior Product Designer

@berestux