BEREST UX/UI
3.53K subscribers
373 photos
291 videos
1 file
184 links
Вітаю, я Берест Олександр - Senior Product Designer в Fintech, ex. Team Lead в League Design Agency, працюю в сфері з 2018 і веду тг канал про дизайн і всяке цікаве.

▫️Telegram: @berestx
▫️Instagram: berestx
▫️LinkedIn: linkedin.com/in/berestalex
Download Telegram
Apple анонсувала цифровий паспорт для громадян США, який можна додати до Wallet і використовувати як підтвердження особи в сервісах, офлайн і навіть в аеропортах на внутрішніх рейсах.


Пфф, тіки?)😅

Але прикольно буде коли Дія дасть можливість додавати права чи айдішку в Wallet

@berestux
35😁17👍7🔥2🦄1
Media is too big
VIEW IN TELEGRAM
Figma анонсувала масштабні оновлення для дизайн-систем!

▫️Extended Collections — тепер можна створювати мультибрендові дизайн-системи. Ти випускаєш базову версію системи, а команди різних продуктів розширюють її власними темами. Розширення автоматично успадковують оновлення з батьківської системи, зберігаючи свої кастомні налаштування.

▫️Slots — революція для компонентів! Тепер можна додавати власні шари прямо в інстанси (раніше доводилося детачити або ховати елементи). Наприклад, у дропдауни тепер легко додати нові елементи, не втрачаючи зв’язок із компонентом.

▫️Check Designs — AI-лінтер для перевірки відповідності дизайн-системі. Позначаєш макет як готовий до розробки, і система автоматично перевіряє, чи використовуєш ти правильні змінні та токени. Модель сама запропонує потрібну змінну за контекстом.

▫️Продуктивність — оновлення змінних і перемикання режимів тепер на 30–60% швидші.

▫️Code Connect UI — тепер можна підключати GitHub-репозиторії безпосередньо у Figma без кодування. AI автоматично знайде потрібні файли для мапінгу з компонентами. Це значно спрощує зв’язок між дизайном і кодом.

▫️Make kits — інтеграція дизайн-систем із Figma Make. Можна генерувати React-компоненти та CSS із бібліотек Figma або імпортувати готові компоненти через npm (як публічні, так і приватні пакети).

▫️Імпорт/експорт змінних — нарешті нативна підтримка! Figma дочекалася релізу специфікації DTCG 1.0, щоб забезпечити єдиний стандарт для всієї екосистеми.

▫️Ліміти — кількість режимів змінних тепер 10 для Professional і 20 для Organization (раніше було лише 4)

Більшість функцій виходять у листопаді, деякі вже мають бути доступні.
Extended Collections, Slots і Make kits потребують заявки на early access.
Figma MCP server (для AI-кодингу) вийшов із бети та доступний усім користувачам.

@berestux
55🔥23👍5🦄2
This media is not supported in your browser
VIEW IN TELEGRAM
Як наприклад на Гелловін пожвавити ваш інтерфейс

@berestux
🔥4211🎃7😁6👍31🦄1
Дуже життєві персонажі!

Джерело

@berestux
😁62💯421🤣1🦄1
Цікаво що у арабомовних користувачів інколи трапляється ситуація: одна зірка в рейтингу, але позитивний відгук.
Але це не тролінг, а особливість сприйняття.

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

У підсумку позитивні відгуки можуть знижувати рейтинг продукту.

Тож інтерфейси повинні враховувати культурні відмінності, тому що навіть Star Rating System може працювати неочевидно.

@berestux
👍57🔥153🤯32🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Дизайнер і клієнт. Класика

@berestux
😁55🤣19💯3😭32😨2🦄1💊1
This media is not supported in your browser
VIEW IN TELEGRAM
Покажіть своєму розробнику цей прогрес бар і тікайте

@berestux
😁90🤣39❤‍🔥10🦄21
6 швидких способів підняти конверсію до Black Friday ⚡️
[ на основі досліджень Baymard, NN/g, CXL ]

Хороший UX — це не тільки про “гарно”, а про відсутність бар’єрів для покупки. Перед розпродажами зробіть ці речі 👇

1️⃣ Персоналізований hero-банер

Перший екран — це момент, коли користувач вирішує: залишитись чи піти. CXL показує, що персоналізація підвищує CTR і утримання, бо користувач бачить релевантний контент.

2️⃣ Комунікуйте про доставку

Baymard виявив: 18% користувачів залишають кошик, якщо не бачать чітких термінів доставки. Люди не хочуть здогадуватись, “коли воно прийде”. Додайте дату доставки поруч із ціною — це створює довіру та знижує “purchase anxiety”.

3️⃣ Прозора політика повернення

41% користувачів не купують онлайн, якщо немає гарантії повернення (Shopify). Baymard і NN/g підтверджують: чітка, видима політика повернень зменшує тривогу перед покупкою та підвищує довіру до бренду.
Розміщуйте її прямо на сторінці продукту — не ховайте в футері.

4️⃣ Gamified trigger

За даними CXL, 82% користувачів закривають попапи, навіть не читаючи. Замість нав’язливих вікон використовуйте інтерактивні тригери — маленьку іконку подарунка або кнопку з анімацією, яку користувач натискає сам. Це створює емоційне залучення й підвищує конверсію без роздратування.

5️⃣ Auto-applied discount

Автоматична або додаткова знижка, що застосовується у кошику, підвищує конверсію на +8–12%. Baymard пояснює: коли користувачу не потрібно вводити промокод, він не відчуває, що “втратив вигоду”, і легше завершує покупку.

6️⃣ E-mail маркетинг і лояльність

Утримання клієнта коштує у 5–7 разів дешевше, ніж залучення нового (CXL). Сегментуйте базу, надсилайте релевантні листи з персоналізованими пропозиціями — це підвищує LTV і середній чек.

💡 Для дизайнерів — зараз ідеальний момент запропонувати клієнтам CRO-покращення перед розпродажами.

#CRO #Baymard #CXL #NNgroup
233🔥5❤‍🔥22👍1🦄1
Apple показали як знімали нове інтро для Apple TV, без спецефектів і ШІ.

Тож в Apple усе ще не ладиться з ШІ🥲

@berestux
47😁18🔥4🦄2😢1