BEREST UX/UI
09.05.202511:22
#закони_ux
14/29 Перевантаження вибором (Choice Overload) - це психологічний феномен і UX-закон, який говорить про те, що надто велика кількість опцій може ускладнити прийняття рішення, викликати тривогу, відкладання дій або повну відмову від вибору.
У відомому експерименті Шини Айенгар користувачам пропонували скуштувати 24 види джему — дегустацію відвідали багато людей, але лише 3% щось купили. Коли ж кількість зменшили до 6 видів, покупок стало 30%.
Приклади:
E-commerce: Перевантажені фільтри
❌ Проблема: Сторінка товарів має 30+ чекбоксів для фільтрації (бренд, ціна, колір, матеріал, доставка тощо).
🧠 Наслідок: Користувач не знає, з чого почати → закриває сторінку.
✅ Рішення: Показати лише популярні 3–5 фільтри з опцією «Показати більше» або «Smart Filters».
Мобільний додаток із занадто складним онбордингом
❌ Проблема: Під час реєстрації користувач повинен одразу обрати з 20 інтересів або налаштувань.
✅ Рішення: Запропонувати лише кілька варіантів для старту (або “пропустити”), а детальніше дозапитати після адаптації.
Конструктор вебсайтів із 300+ шаблонами
❌ Проблема: Користувач не може обрати стартовий шаблон із сотень категорій.
✅ Рішення: Додати вкладку “Найпопулярніші”, “Почати з пустого шаблону” або “Рекомендовано для вас”.
Додаток доставки їжі
❌ Проблема: У категорії “Піца” відображаються 100+ варіантів без сортування.
✅ Рішення: Додати фільтри “Найпопулярніше”, “Швидка доставка”, “Промо”, щоб звузити вибір.
Додаток із 50+ варіантами налаштувань (наприклад, геймерський UI)
❌ Проблема: Новачок відкриває екран налаштувань і не знає, що змінювати.
✅ Рішення: Зробити “Базові” й “Просунуті” налаштування або надати “Рекомендовані пресети”.
Тож
1. Показуйте менше, але краще – фокус на релевантному.
2. Використовуйте сортування за популярністю, рейтингом, рекомендаціями.
3. Групуйте варіанти (наприклад, фільтри за категоріями).
4. Надавайте підказки або пресети: “Рекомендуємо вам”, “Найчастіше обирають”.
5. Дозвольте змінити вибір пізніше, щоб знизити тривогу перед вибором.
🇬🇧 Джерело
@berestux
14/29 Перевантаження вибором (Choice Overload) - це психологічний феномен і UX-закон, який говорить про те, що надто велика кількість опцій може ускладнити прийняття рішення, викликати тривогу, відкладання дій або повну відмову від вибору.
У відомому експерименті Шини Айенгар користувачам пропонували скуштувати 24 види джему — дегустацію відвідали багато людей, але лише 3% щось купили. Коли ж кількість зменшили до 6 видів, покупок стало 30%.
Приклади:
E-commerce: Перевантажені фільтри
❌ Проблема: Сторінка товарів має 30+ чекбоксів для фільтрації (бренд, ціна, колір, матеріал, доставка тощо).
🧠 Наслідок: Користувач не знає, з чого почати → закриває сторінку.
✅ Рішення: Показати лише популярні 3–5 фільтри з опцією «Показати більше» або «Smart Filters».
Мобільний додаток із занадто складним онбордингом
❌ Проблема: Під час реєстрації користувач повинен одразу обрати з 20 інтересів або налаштувань.
✅ Рішення: Запропонувати лише кілька варіантів для старту (або “пропустити”), а детальніше дозапитати після адаптації.
Конструктор вебсайтів із 300+ шаблонами
❌ Проблема: Користувач не може обрати стартовий шаблон із сотень категорій.
✅ Рішення: Додати вкладку “Найпопулярніші”, “Почати з пустого шаблону” або “Рекомендовано для вас”.
Додаток доставки їжі
❌ Проблема: У категорії “Піца” відображаються 100+ варіантів без сортування.
✅ Рішення: Додати фільтри “Найпопулярніше”, “Швидка доставка”, “Промо”, щоб звузити вибір.
Додаток із 50+ варіантами налаштувань (наприклад, геймерський UI)
❌ Проблема: Новачок відкриває екран налаштувань і не знає, що змінювати.
✅ Рішення: Зробити “Базові” й “Просунуті” налаштування або надати “Рекомендовані пресети”.
Тож
1. Показуйте менше, але краще – фокус на релевантному.
2. Використовуйте сортування за популярністю, рейтингом, рекомендаціями.
3. Групуйте варіанти (наприклад, фільтри за категоріями).
4. Надавайте підказки або пресети: “Рекомендуємо вам”, “Найчастіше обирають”.
5. Дозвольте змінити вибір пізніше, щоб знизити тривогу перед вибором.
🇬🇧 Джерело
@berestux
07.05.202518:26
Figma Make - нова AI фіча.
Отже тепер сам дизайн — це промпт. AI розуміє макет, підказує, добудовує й навіть додає функціональність.
Без запитів і зайвого тексту — просто показуєш, і Make вгадує сам.
Виглядає як революція, але поки рано про це казати. Думаю в наступні дні ми ще дуже багато про це побачимо!
@berestux
Отже тепер сам дизайн — це промпт. AI розуміє макет, підказує, добудовує й навіть додає функціональність.
Без запитів і зайвого тексту — просто показуєш, і Make вгадує сам.
Виглядає як революція, але поки рано про це казати. Думаю в наступні дні ми ще дуже багато про це побачимо!
@berestux
06.05.202507:25
Envato представили InspoGen — новий стильний інструмент для пошуку дизайнерського натхнення.
Це інтерактивна мапа з ефектом паралаксу, яка працює як візуальна пригода: натискаєш на ідею — і відкриваєш нові, схожі роботи. Потрібно побачити оригінал? Клік правою кнопкою — і готово.
Без нескінченних стрічок, алгоритмів і банальних рішень. Тільки справжній візуальний досвід.
@berestux
Це інтерактивна мапа з ефектом паралаксу, яка працює як візуальна пригода: натискаєш на ідею — і відкриваєш нові, схожі роботи. Потрібно побачити оригінал? Клік правою кнопкою — і готово.
Без нескінченних стрічок, алгоритмів і банальних рішень. Тільки справжній візуальний досвід.
@berestux
01.05.202510:27
Так і живем
@berestux
@berestux
24.04.202511:05
Вже цієї суботи мій колега Віталій Дячук проведе практичний воркшоп з дизайну e-commerce сайтів
E-commerce — одна з найперспективніших ніш в UX/UI-дизайні, адже такі сайти допомагають клієнтам продавати.
👉 На події ви зможете навчитіся впливати дизайном на конверсії та покупки, розробляти сторінки з тригерами та працювати з метриками.
По завершенню — отримаєте новий кейс в портфоліо та досвід, на який є величезний попит на ринку.
Встигніть зареєструватися, поки ще є вільні місця. Це буде крута зона росту в UX/UI-дизайні 💪
🔥 Доречі за промокодом BEREST20 - знижка 20%
E-commerce — одна з найперспективніших ніш в UX/UI-дизайні, адже такі сайти допомагають клієнтам продавати.
👉 На події ви зможете навчитіся впливати дизайном на конверсії та покупки, розробляти сторінки з тригерами та працювати з метриками.
По завершенню — отримаєте новий кейс в портфоліо та досвід, на який є величезний попит на ринку.
Встигніть зареєструватися, поки ще є вільні місця. Це буде крута зона росту в UX/UI-дизайні 💪
🔥 Доречі за промокодом BEREST20 - знижка 20%
19.04.202515:35
iOS Interactive UI Kit — інтерактивний UI Kit для iOS 18, призначений для презентацій клієнтам або членам команди.
Відкрити в Community
@berestux
Відкрити в Community
@berestux
08.05.202506:03
R.I.P.
@berestux
@berestux
07.05.202518:15
Почекайте, почекайте. Це ще не все!
Зустрічайте — Figma Draw.
Функціонал, який наближає Figma до Illustrator: пензлі, нові заливки, ефекти та більше ручного контролю.
@berestux
Зустрічайте — Figma Draw.
Функціонал, який наближає Figma до Illustrator: пензлі, нові заливки, ефекти та більше ручного контролю.
@berestux
05.05.202509:49
Якщо не хочете зламати собі психіку, ніколи не оживляйте свої дитячі малюнки за допомогою нейромереж
@berestux
@berestux
30.04.202509:26
🔥 Найкращі книги з UI у 2025 році для UX/UI та продуктових дизайнерів
Досліджуйте ключові аспекти візуального дизайну та покращуйте свої навички UI-дизайну.
1. Practical UI
2. Refactoring UI
3. UI Design Principles
4. Ultimate Guide to Web Design
5. Master UI Design Elements
@berestux
Досліджуйте ключові аспекти візуального дизайну та покращуйте свої навички UI-дизайну.
1. Practical UI
2. Refactoring UI
3. UI Design Principles
4. Ultimate Guide to Web Design
5. Master UI Design Elements
@berestux
23.04.202509:31
Симулятор клієнта для UX/UI дизайнера на базі ChatGPT
Інструмент для тренування: генерує задачі, брифи, коментарі до дизайну українською.
Працює як клієнт — з вимогами, уточненнями й фідбеком. Ідеально, щоб напрацювати досвід, зібрати кейси й краще зрозуміти процеси.
Рекомендасьйон!
@berestux
Інструмент для тренування: генерує задачі, брифи, коментарі до дизайну українською.
Працює як клієнт — з вимогами, уточненнями й фідбеком. Ідеально, щоб напрацювати досвід, зібрати кейси й краще зрозуміти процеси.
Рекомендасьйон!
@berestux
17.04.202507:00
Нейромережа SFXengine, точно генерує будь-які звуки за описом: від природи до техніки. Наприклад, можна створити звук крапель у порожній кімнаті, а також налаштовувати довжину та початок звуку. А усі права на аудіо залишаються за вами.
Дуже корисна штука у випадку коли треба підкріпити якийсь інтерекшн в застосунку унікальним звуком, щоб додати емоційності наприклад.
Є безкоштовна версія — спробуйте.
@berestux
Дуже корисна штука у випадку коли треба підкріпити якийсь інтерекшн в застосунку унікальним звуком, щоб додати емоційності наприклад.
Є безкоштовна версія — спробуйте.
@berestux
07.05.202518:58
Ну то й з основного це все. Ось вам лінка на запис конференції, якшо випадково пропустили.
Оновлення мають по троху почати прилітати вже найближчим часом
@berestux
Оновлення мають по троху почати прилітати вже найближчим часом
@berestux
07.05.202518:11
🔥Ще одна новинка — Figma Buzz.
Інструмент, що автоматизує створення брендованих матеріалів — ідеально для соцмереж і рекламних кампаній.
Більше не треба вручну збирати кожен банер чи пост. Buzz генерує варіації контенту швидко й зручно: пости, макети, ассети.
@berestux
Інструмент, що автоматизує створення брендованих матеріалів — ідеально для соцмереж і рекламних кампаній.
Більше не треба вручну збирати кожен банер чи пост. Buzz генерує варіації контенту швидко й зручно: пости, макети, ассети.
@berestux
04.05.202510:16
Приклад ШІ-інтерфейсу через ноди. Виглядає набагато зручніше за звичне чатове вікно.
https://www.florafauna.ai
@berestux
https://www.florafauna.ai
@berestux
29.04.202516:45
Народ, а є тут ті, хто шукає роботу або хоче понетворкати з дизайнерами з інших країн?
Цей пост — ваш квиток на таку подію. Вже чули про KRUPA?
Це найбільша в Європі віртуальна конференція для інтерфейсників та UX дизайнерів. На ній ви зможете поспілкуватися з топовими дизайнерами світу, такими як Дон Норман та Рупа Чатурведі, законектитися з європейськими дизайн-ком‘юніті та зловити кар’єрні можливості, яких немає у відкритому доступі.
Додавайте в календар, щоб не забути:
◽ 23 травня
◽ Безоплатно
◽ Онлайн в метавсесвіті
Деталі та реєстрація за посиланням: https://krupa.prjctr.com/ua
Цей пост — ваш квиток на таку подію. Вже чули про KRUPA?
Це найбільша в Європі віртуальна конференція для інтерфейсників та UX дизайнерів. На ній ви зможете поспілкуватися з топовими дизайнерами світу, такими як Дон Норман та Рупа Чатурведі, законектитися з європейськими дизайн-ком‘юніті та зловити кар’єрні можливості, яких немає у відкритому доступі.
Додавайте в календар, щоб не забути:
◽ 23 травня
◽ Безоплатно
◽ Онлайн в метавсесвіті
Деталі та реєстрація за посиланням: https://krupa.prjctr.com/ua
20.04.202512:11
Зустрічайте lystivochka.com — великодній сервіс від Hotburo та omanaLabs, де можна створити листівку з власним фото й відправити одразу в Viber. А також пройти тест «Яка ти листівка?».
Це нам треба!
@berestux
Це нам треба!
@berestux
16.04.202510:31
Як зробити так, щоб назва вашої посади звучала на 300% важливіше в LinkedIn
@berestux
@berestux
07.05.202518:34
Ну і куди ж без Auto Layout?
Тепер можна поєднувати кілька автолейаутів, міксувати напрямки, гнучко керувати відступами й адаптивністю.
Тепер в ваших дизайнах буде ще трохи менше костилів😅
@berestux
Тепер можна поєднувати кілька автолейаутів, міксувати напрямки, гнучко керувати відступами й адаптивністю.
Тепер в ваших дизайнах буде ще трохи менше костилів😅
@berestux
07.05.202517:48
А от і перша бомба з стартувавшої сьогодні Config 2025 — зустрічайте Figma Sites! 🔥
Тепер можна запускати сайти прямо з дизайну, не виходячи з Figma і не торкаючись коду.
А скоро ще й AI під’їде з автогенерацією.
Неймовірно!
@berestux
Тепер можна запускати сайти прямо з дизайну, не виходячи з Figma і не торкаючись коду.
А скоро ще й AI під’їде з автогенерацією.
Неймовірно!
@berestux
03.05.202513:11
Не дозволяйте нікому загубити ваш заклик до дії😅
@berestux
@berestux
28.04.202509:00
📱 Figma запускає нові ШІ-інструменти
Тепер у Figma доступні функції редагування зображень за текстовими підказками, генерація з вибором моделі (gpt-image-1, Gemini Imagen 3, Titan V2) та інші ШІ-інструменти. Усі функції знаходяться в бета-режимі й уже доступні для тарифів Pro, Org і Enterprise.
Це насправді дуже прикольно!
@berestux
Тепер у Figma доступні функції редагування зображень за текстовими підказками, генерація з вибором моделі (gpt-image-1, Gemini Imagen 3, Titan V2) та інші ШІ-інструменти. Усі функції знаходяться в бета-режимі й уже доступні для тарифів Pro, Org і Enterprise.
Це насправді дуже прикольно!
@berestux
20.04.202511:56
Христос Воскрес!
15.04.202514:35
😱 Lottielab презентувала Magic Animator — штучний інтелект, що миттєво оживляє макети з Figma.
Скоро офіційний реліз. Слідкуємо за оновленнями.
@berestux
Скоро офіційний реліз. Слідкуємо за оновленнями.
@berestux
दिखाया गया 1 - 24 का 109
अधिक कार्यक्षमता अनलॉक करने के लिए लॉगिन करें।