Creative Practice | Корисності з дизайну
5.75K subscribers
2.69K photos
446 videos
1.41K links
Добірки з корисними ресурсами та інструментами, що стануть у пригоді для саморозвитку та побудови кар'єри.

🙋‍♀️Долучайтесь до спільноти Креативної Практики й опановуйте нові навички: https://bit.ly/3KhcSz0
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
У зручних застосунків є одна спільна риса — вони ґрунтуються на перевірених UX-патернах. Саме вони роблять взаємодію інтуїтивною та знайомою для користувачів.

Ось кілька базових рішень, які варто брати до уваги:
→ Tab Bar (нижня навігація) — швидкий доступ до основних розділів.
→ Floating Action Button — одна головна дія на екрані.
→ Карточки (Cards) — зручна та компактна подача контенту.
→ Pull to Refresh — просте оновлення свайпом вниз.
→ Empty States — підказки чи заклики до дії замість порожнього екрана.

👉 А вже 30 серпня на воркшопі «Як проєктувати зручні мобільні застосунки» з Тетяною Березюк поговоримо, як ці та інші патерни поєднувати в єдиний досвід користувача.

Реєструйтесь зараз і отримайте 10% знижки за промокодом COMMUNITY.

Навчання | Події | Instagram
10🤩2👍1
❤️‍🩹🫂

Тримаймося, піклуймося про тих, хто поруч, і підтримуймо перевірені збори.
37
Хороші застосунки мають спільну рису — вони базуються на перевірених рішеннях. Бібліотеки UI-патернів допомагають швидко знаходити такі рішення й надихатися прикладами з кращих продуктів.

Ось кілька корисних ресурсів:
Mobbin — база з тисячами екранів і сценаріїв із найпопулярніших застосунків.
Pttrns — велика добірка мобільних інтерфейсів, від першого запуску до кошика.
UI Sources — бібліотека мобільних застосунків із сотнями відеоприкладів взаємодії та тисячами знімків, впорядкованих за шаблонами.

А вже 30 серпня на воркшопі навчимось, як ці та інші патерни перетворювати на цілісний користувацький досвід. Разом із Тетяною Березюк, ведучою інтерфейсною дизайнеркою в League Design Agency, розглянемо шлях від дослідження потреб до дизайн-архітектури.

👉 Реєструйтесь зараз і скористайтесь знижкою 10% за промокодом COMMUNITY.

Навчання | Події | Instagram
6🤩4👍1
Ви вже знаєте про підхід Jobs-to-be-Done у дизайні? 🤔

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

Формула проста: Job → Outcome → Constraints

👉 «Коли [ситуація], я хочу [зробити — job], щоб [отримати результат — outcome] без [перешкод — constraints]».

Наприклад:
1. Коли створюю екран привітання, я хочу одразу показати, з чого почати — щоб користувачі зорієнтувалися без плутанини.
2. Коли додаю кнопку «Купити», я хочу зробити її помітною й зрозумілою — щоб відвідувачі охочіше натискали без зайвих експериментів із дизайном.
3. Коли адаптую сторінку під різні пристрої, я хочу організувати блоки так, щоб вони автоматично підлаштовувалися під екран — і користувачам не доводилося змінювати масштаб.

🎓 На курсі «UX/UI та продуктовий дизайн» ми практикуємо Jobs-to-be-Done, щоб дивитися на інтерфейси очима користувачів і створювати продукти, що розв'язують їхні справжні потреби.

👉 Розпочинаємо вже 1 вересня. Це останній набір цього року, встигніть зареєструватися.

Навчання | Події | Instagram
9🤩2👍1
📊 У проєктах завжди багато голосів — замовники, користувачі, команда, партнери. Почути всіх однаково неможливо, але втратити баланс теж небезпечно.

Тут допомагає карта стейкхолдерів:
→ показує, кого варто залучати постійно, а кого — лише час від часу
→ допомагає розставити пріоритети й уникати хаосу в комунікаціях

Основний інструмент — діаграма «вплив / інтерес».
→ по осі X — інтерес до проєкту
→ по осі Y — вплив на результат

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

Це простий спосіб захищати дизайн-рішення та не губитися в потоці вимог.

🎓 З 1 вересня на курсі «UX/UI та продуктовий дизайн» ви навчитеся створювати карти стейкхолдерів і налагоджувати комунікацію так, щоб працювати впевнено й системно.

Це останній набір у 2025 році встигніть приєднатися!

Навчання | Події | Instagram
3👀2🔥1
👤 У UX важливо розрізняти архетипи та персони. Вони схожі, але виконують різні завдання.

→ Архетип — узагальнений образ користувача за мотивами й поведінкою. Без імен, віку чи фото. Допомагає бачити стратегічні патерни.
→ Персона — конкретизований користувач з іменем, історією й фото. Створена, щоб викликати емпатію та «оживити» дані для команди.

Обидва інструменти спираються на дослідження, та служать різним цілям: архетип — для стратегії, персона — для емпатії й комунікації.

🎓 На курсі «UX/UI та продуктовий дизайн» ви навчитеся працювати з обома інструментами, щоб уникати плутанини й будувати дизайн на глибокому розумінні користувачів.

Стартуємо вже 1 вересня. Це останній набір у 2025 році — встигніть зареєструватися!

Навчання | Події | Instagram
5👀2👍1
✍️ Мікрокопі — це маленькі тексти в інтерфейсі, які сильно впливають на досвід користувача. Вони підказують, мотивують і роблять UX більш зрозумілим.

Приклади:
→ Поля форм: «Введіть email», «Придумайте пароль»
→ Підказки: «Пароль має містити хоча б 8 символів»
→ Помилки: «Ця адреса вже використовується»
→ Успіх: «Ваш акаунт створено!»
→ CTA: «Зареєструватися», «Продовжити»

Чіткі тексти економлять кліки, зменшують фрустрацію й допомагають швидше досягати результату.

🎓 На курсі «UX/UI та продуктовий дизайн» ви відпрацюєте практики, які допомагають робити інтерфейси зрозумілими та зручними для користувача.

Старт вже 1 вересня. Це фінальний набір у 2025 році — приєднуйтесь!

Навчання | Події | Instagram
8👀2👍1
🧭 Навігація в інтерфейсі може вести користувача легко й природно, або ж плутати його нескінченними підменю. Вирішує все — логіка, структура та увага до деталей.

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

🎓 А вже на курсі «UX/UI та продуктовий дизайн» ви зможете зануритися в тему глибше й відпрацювати ці знання на реальних проєктах.

Старт 1 вересня — фінальний набір року!

Навчання | Події | Instagram
12🔥2👍1
🔍 Інтерв’ю з користувачами легко звести до формальності. Хочеться почути «так, круто» — але для дизайну важливі не компліменти, а правда. Саме для цього існує методика Mom Test. Вона допомагає ставити правильні запитання й отримувати чесні інсайти.

Приклади:
«Вам подобається ця ідея?» → «Як ви зараз розв'язуєте цю проблему?»
«Ви б купили це?» → «Які труднощі ви зустрічаєте при цьому?»
«Це класно, правда?» → «Чи був у вас досвід із подібним продуктом? Як він пройшов?»

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

🎓 З 1 вересня на курсі «UX/UI та продуктовий дизайн» ви відпрацюєте Mom Test на практиці, навчитеся збирати інсайти й будувати продукти на основі реальних потреб.

Це фінальний набір року — приєднуйтесь!

Навчання | Події | Instagram
11🤩2👍1
🍂 У вересні на вас чекає насичена програма Креативної Практики: від стильової цілісності та дизайн-систем Google до ефективної роботи з клієнтами й турботи про себе.

Зберігайте розклад 👇

→ 6 вересня — воркшоп «Підготовка макетів до друку»
→ 9 вересня — вебінар «З UX/UI-дизайну в АІ-інжинирінг: від основ до дорожньої карти»
→ 13 вересня — воркшоп «Як підтримувати стильову цілісність в дизайні»
→ 16 вересня — вебінар «Продуктивність без вигорання: основи піклування про себе»
→ 20 вересня — воркшоп «Material Design: основи дизайн-системи Google»
→ 23 вересня — вебінар «Як ставити правильні запитання клієнтам та колегам»
→ 30 вересня — вебінар «Основи інклюзивності у дизайні»

Долучайтесь до подій Креативної Практики, щоб вчитись і надихатись 💛

Навчання | Події | Instagram
18🤩7👍2
Ділимось новим інструментом — Same.

Це платформа, яка дозволяє проєктувати, створювати й запускати full-stack вебзастосунки майже без коду. Інтерфейс нагадує ChatGPT: вводите промпт — і система сама формує фронтенд і бекенд.

Чим це цікаво? Same автоматизує весь цикл створення продукту за допомогою ШІ. Це означає, що можна швидко втілювати ідеї без рутинної роботи. А ще — це показує тренд: ШІ вже не просто підказує, як писати код, а стає повноцінним інструментом для запуску продуктів.

👀 Якщо хочете краще розуміти, як працюють створені інструментом рішення і вміти їх гнучко налаштовувати, реєструйтесь на курс «Основи фронтенду. HTML та CSS».

Навчання | Події | Instagram
🔥104👍1😱1
📂 Public Work — безоплатне джерело натхнення для дизайнерів, студентів і викладачів.

Це онлайн-платформа з понад 100 000 зображень із публічного домену. Колекції зібрані з архівів The MET, New York Public Library, Art Institute of Chicago та багатьох інших. Усі матеріали вільні від авторських обмежень і доступні для використання.

Тут можна знайти живопис, ілюстрації, карти, наукові діаграми та інші візуальні матеріали. Пошук працює завдяки ШІ-тегам, а нескінченна прокрутка дозволяє легко занурюватися в архіви.

Це ще одне нагадування, що натхнення часто вже чекає на нас у відкритих колекціях — потрібно лише вміти його побачити.

Навчання | Події | Instagram
20🤩3👍2
ШІ змінює дизайн і відкриває нові можливості для фахівців. Кодування поступово стає звичною навичкою, а програмування — доступним без глибоких технічних знань.

9 вересня о 19:00 відбудеться вебінар «З UX/UI-дизайну в АІ-інжиніринг: від основ до дорожньої карти» з Володимиром Мерленком. Ви дізнаєтесь, як застосувати дизайнерський досвід у роботі з ШІ, автоматизувати рутину та створювати MVP-продукти власноруч.

Вебінар допоможе:
→ зрозуміти, як ШІ трансформує продуктовий дизайн і роль дизайнера;
→ отримати добірку інструментів і рекомендацій для розвитку;
→ побачити нові шляхи використання Figma-макетів і UX/UI-навичок у ШІ-проєктах.

👨‍💻 Подія стане у пригоді продуктовим і вебдизайнерам, менеджерам та всім, хто прагне залишатися актуальним у світі, де дизайн і ШІ працюють разом.

👉 Участь входить у передплату Креативної Практики або доступна окремо за 370 грн.

Зареєструйтесь заздалегідь — і запис залишиться у вашому кабінеті.

Навчання | Події | Instagram
6🤩4❤‍🔥1👍1
🎬 Helvetica (2007) — документальний фільм, присвячений найвідомішому шрифту світу та його впливу на візуальну культуру.

Стрічка вийшла до 50-річчя появи шрифту Helvetica й стала початком «дизайн-трилогії» Ґері Гаствіта. Вона показує, як цей шрифт увійшов у наше повсякденне життя: від вивісок і транспорту до айдентик світових брендів.

У фільмі дизайнери діляться думками про те, чому Helvetica стала символом модернізму та глобальної візуальної мови. Хтось вважає її універсальною ідеальною формою, а хтось — надто «стерильною».

Ця стрічка допомагає по-новому побачити міста, бренди й навіть власні дизайнерські проєкти.

🏊‍♂️ Якщо хочете глибше розібратися в основах типографії та навчитися працювати зі шрифтами впевнено, радимо курс «Типографія в графічному дизайні».

Навчання | Події | Instagram
16🔥6🤩2
🔥 Стильова цілісність — те, що робить дизайн професійним і впізнаваним. Саме про це піде мова на воркшопі з Вадимом Гайдаєм 13 вересня.

За 4 години ви розберете ключові принципи єдиного стилю, навчитеся працювати з дизайн-системами у Figma, отримаєте набір готових змінних і компонентів та зрозумієте, як уникати стилістичних «розривів» у проєктах.

🎟 При реєстрації використайте промокод COMMUNITY та отримайте 10% знижки.

Навчання | Події | Instagram
5🤩3👍1