Добірка must-have плагінів для Figma, яка проситься до вас у Saved Messages
• A11y – Color Contrast Checker
Переконайтеся, що ваш текст читабельний за стандартами WCAG (Web Content Accessibility Guidelines).
• Autoflow
Створюйте user flow швидко, автоматично малюючи стрілки.
• Table Creator
Робіть кастомні таблиці, які можна легко змінюють розмір, редагуються та автоматично підлаштовуються під вміст.
• Beautiful Shadows
Створюйте красиві тіні, регулюючи «джерело світла».
• Jitter
Дозволяє надзвичайно легко анімувати будь-який дизайн Figma за допомогою анімаційний пресетів.
• Breakpoints
Огляньте responsive layout у Figma та поділіться анімованим прототипом.
• ARC — Bend your type!
Легко вигинайте ваш текст: вгору, вниз або по колу.
• Glow
Плавне красиве сяйво для елементів.
Чим користувалися? Які плюси, мінуси, підводні камені?
• A11y – Color Contrast Checker
Переконайтеся, що ваш текст читабельний за стандартами WCAG (Web Content Accessibility Guidelines).
• Autoflow
Створюйте user flow швидко, автоматично малюючи стрілки.
• Table Creator
Робіть кастомні таблиці, які можна легко змінюють розмір, редагуються та автоматично підлаштовуються під вміст.
• Beautiful Shadows
Створюйте красиві тіні, регулюючи «джерело світла».
• Jitter
Дозволяє надзвичайно легко анімувати будь-який дизайн Figma за допомогою анімаційний пресетів.
• Breakpoints
Огляньте responsive layout у Figma та поділіться анімованим прототипом.
• ARC — Bend your type!
Легко вигинайте ваш текст: вгору, вниз або по колу.
• Glow
Плавне красиве сяйво для елементів.
Чим користувалися? Які плюси, мінуси, підводні камені?
❤51🔥14👍3
Дамблдор казав: «Щастя можна знайти навіть у темні часи, якщо не забувати звертатися до світла».
А ми кажемо вам приборкати бажання почати передивлятися Гаррі Поттера, коли ще сніг не лежить.
Альтернативний спосіб звернутися до світла — влаштувати професійну рефлексію.
Якраз маємо потрібний ресурс під рукою: випуск подкасту «Дизайн під час блекауту» від Михайла Самоварова — «Чому дизайнери вигорають».
🔹 YouTube 🔹 Spotify 🔹 Apple 🔹 Megogo
#подкаст_рекомендація
А ми кажемо вам приборкати бажання почати передивлятися Гаррі Поттера, коли ще сніг не лежить.
Альтернативний спосіб звернутися до світла — влаштувати професійну рефлексію.
Якраз маємо потрібний ресурс під рукою: випуск подкасту «Дизайн під час блекауту» від Михайла Самоварова — «Чому дизайнери вигорають».
🔹 YouTube 🔹 Spotify 🔹 Apple 🔹 Megogo
#подкаст_рекомендація
❤27👍4🔥3
Під час модерованого юзабіліті-тестування нового функціоналу користувачі не можуть завершити сценарій тестування. Проте їм складно чітко пояснити, що саме створює труднощі.
Питання: Як би ви з’ясували, в чому саме проблема? Які методи та інструменти дослідження ви використаєте, щоб виявити причини і спростити взаємодію для користувачів?
Кейс від Яна Гладченка — куратора курсу UX Design Beginning, дизайнера продукту в Raiffeisen Bank Ukraine.
Питання: Як би ви з’ясували, в чому саме проблема? Які методи та інструменти дослідження ви використаєте, щоб виявити причини і спростити взаємодію для користувачів?
Кейс від Яна Гладченка — куратора курсу UX Design Beginning, дизайнера продукту в Raiffeisen Bank Ukraine.
👍14❤5🔥3
Чому користувачам може бути важко завершити сценарій тестування?
Я б спробував кілька підходів.
1. Придивитися до невербальних підказок
Під час тестування зверніть увагу на мову тіла користувача: де він/вона зупиняється, можливо, зітхає або виглядає розгублено. Такі моменти можуть показати, де саме виникає непорозуміння або дискомфорт.
2. Застосувати метод «Думати вголос»
Пройдіть сценарій разом із користувачем, попросивши його/її думати вголос. Часто в процесі цього люди несвідомо озвучують свої очікування, страхи чи здогадки про елементи інтерфейсу. Так можна почути цінні деталі, які вказують на проблему.
3. Зрозуміти рівень когнітивного навантаження
Перевірте, чи завдання не перевантажує користувача інформацією або складними інструкціями. Можливо, труднощі з’являються через надлишок деталей або нелогічну структуру. Іноді достатньо спростити або краще організувати інформацію, щоб полегшити сприйняття.
Ці підходи дозволять відчути, де саме користувач «губиться» або переживає труднощі. Ви зможете адаптувати інтерфейс так, щоб користуватися ним було легше та приємніше.
Кейс від Яна Гладченка — куратора курсу UX Design Beginning, дизайнера продукту в Raiffeisen Bank Ukraine.
Я б спробував кілька підходів.
1. Придивитися до невербальних підказок
Під час тестування зверніть увагу на мову тіла користувача: де він/вона зупиняється, можливо, зітхає або виглядає розгублено. Такі моменти можуть показати, де саме виникає непорозуміння або дискомфорт.
2. Застосувати метод «Думати вголос»
Пройдіть сценарій разом із користувачем, попросивши його/її думати вголос. Часто в процесі цього люди несвідомо озвучують свої очікування, страхи чи здогадки про елементи інтерфейсу. Так можна почути цінні деталі, які вказують на проблему.
3. Зрозуміти рівень когнітивного навантаження
Перевірте, чи завдання не перевантажує користувача інформацією або складними інструкціями. Можливо, труднощі з’являються через надлишок деталей або нелогічну структуру. Іноді достатньо спростити або краще організувати інформацію, щоб полегшити сприйняття.
Ці підходи дозволять відчути, де саме користувач «губиться» або переживає труднощі. Ви зможете адаптувати інтерфейс так, щоб користуватися ним було легше та приємніше.
Кейс від Яна Гладченка — куратора курсу UX Design Beginning, дизайнера продукту в Raiffeisen Bank Ukraine.
❤20👍4🔥3
І раз у нас вже сьогодні день Яна на каналі — заангажована #подкаст_рекомендація.
Випуск «Інтерфейсного», де обидва спікери — наші куратори.
Хост подкасту Ян Гладченко говорив із Дімою Шведуном: дизайнером із унікальним досвідом роботи в Apple і Meta.
У випуску: як Діма почав кар’єру і до чого тут Саша Трегуб, як на старті потрапив у Apple і вирішити звільнитися, як з третього разу пройшов у Meta, яких дизайнерів шукають tier 1 компанії, яка критикують у різних культурах і чим відрізняється життя у США та Англії. Де з цих країн комфортніше — дізнайтеся вже під час прослуховування.
🔹 YouTube 🔹 Apple 🔹 Spotify
Якщо захочете більше чути хлопців — з Яном можете зустрітися на курсі UX Design Beginning, з Дімою — на Mobile Interfaces Advanced.
Випуск «Інтерфейсного», де обидва спікери — наші куратори.
Хост подкасту Ян Гладченко говорив із Дімою Шведуном: дизайнером із унікальним досвідом роботи в Apple і Meta.
У випуску: як Діма почав кар’єру і до чого тут Саша Трегуб, як на старті потрапив у Apple і вирішити звільнитися, як з третього разу пройшов у Meta, яких дизайнерів шукають tier 1 компанії, яка критикують у різних культурах і чим відрізняється життя у США та Англії. Де з цих країн комфортніше — дізнайтеся вже під час прослуховування.
🔹 YouTube 🔹 Apple 🔹 Spotify
Якщо захочете більше чути хлопців — з Яном можете зустрітися на курсі UX Design Beginning, з Дімою — на Mobile Interfaces Advanced.
🔥9❤3👍2🌚2
І знову інновації починаються з Дії
The Browser Company, відома своїм браузером Arc, анонсувала новий продукт — Dia.
Якщо коротко — це AI браузер, де AI у всьому завжди і водночас.
CEO компанії, Джош Міллер, показав кілька функцій:
• Перетворення контенту в реальному часі. Уявіть, що ви читаєте довгу статтю, але не маєте часу. Dia за допомогою AI може миттєво створити короткий огляд ключових пунктів, залишивши лише найважливіше.
• Організація завдань через браузер. Браузер дозволяє структурувати інформацію, створювати списки завдань чи нотатки прямо під час перегляду вебсторінок. Це допомагає зберігати контекст і швидше виконувати робочі проєкти.
• Інтелектуальний пошук. Dia може знаходити потрібну інформацію навіть у складних запитах, пропонуючи не тільки точні результати, але й відповідний контекст для їх розуміння.
• Розширення креативних можливостей. Якщо ви працюєте над проєктом, Dia може допомогти із генерацією ідей або навіть зі створенням тексту на основі ваших нотаток чи запитів.
• Розумна взаємодія з PDF. Джош Міллер продемонстрував, як Dia дозволяє працювати з PDF-документами, зокрема виділяти важливе або конспектувати текст за допомогою AI.
• Персоналізовані рекомендації. Dia обіцяє запам'ятовувати ваші уподобання, допомагати організовувати проєкти й навіть пропонувати релевантні рішення на основі вашого стилю роботи.
Ну і кажуть про інноваційний дизайн. Як і в попередніх проєктах The Browser Company, Dia фокусується на інтуїтивному інтерфейсі та сучасному вигляді.
Запуск заплановано на початок 2025 року.
Джерело — TechCrunch.
Відео від CEO компанії — тут.
The Browser Company, відома своїм браузером Arc, анонсувала новий продукт — Dia.
Якщо коротко — це AI браузер, де AI у всьому завжди і водночас.
CEO компанії, Джош Міллер, показав кілька функцій:
• Перетворення контенту в реальному часі. Уявіть, що ви читаєте довгу статтю, але не маєте часу. Dia за допомогою AI може миттєво створити короткий огляд ключових пунктів, залишивши лише найважливіше.
• Організація завдань через браузер. Браузер дозволяє структурувати інформацію, створювати списки завдань чи нотатки прямо під час перегляду вебсторінок. Це допомагає зберігати контекст і швидше виконувати робочі проєкти.
• Інтелектуальний пошук. Dia може знаходити потрібну інформацію навіть у складних запитах, пропонуючи не тільки точні результати, але й відповідний контекст для їх розуміння.
• Розширення креативних можливостей. Якщо ви працюєте над проєктом, Dia може допомогти із генерацією ідей або навіть зі створенням тексту на основі ваших нотаток чи запитів.
• Розумна взаємодія з PDF. Джош Міллер продемонстрував, як Dia дозволяє працювати з PDF-документами, зокрема виділяти важливе або конспектувати текст за допомогою AI.
• Персоналізовані рекомендації. Dia обіцяє запам'ятовувати ваші уподобання, допомагати організовувати проєкти й навіть пропонувати релевантні рішення на основі вашого стилю роботи.
Ну і кажуть про інноваційний дизайн. Як і в попередніх проєктах The Browser Company, Dia фокусується на інтуїтивному інтерфейсі та сучасному вигляді.
Запуск заплановано на початок 2025 року.
Джерело — TechCrunch.
Відео від CEO компанії — тут.
👍16❤4🔥3
Ситуація: клієнт з Америки, бумер, має біль — велика родина з 50+ кузенів, у якій треба тримати всіх на зв’язку. Молодше покоління зайняте соцмережами й не зацікавлене в спілкуванні.
Він пропонує AI застосунок, який через квізи та опитування об’єднуватиме родину.
Ви вважаєте, що така апка у запропонованому вигляді не матиме комерційного успіху.
Ваші дії?
Кейс від Анни Дем’яненко — кураторки курсів UX Design Medium і UX Design Beginning, Lead Product Designer у Lazarev.
Він пропонує AI застосунок, який через квізи та опитування об’єднуватиме родину.
Ви вважаєте, що така апка у запропонованому вигляді не матиме комерційного успіху.
Ваші дії?
Кейс від Анни Дем’яненко — кураторки курсів UX Design Medium і UX Design Beginning, Lead Product Designer у Lazarev.
👍7❤5💅3
Що робити, якщо стейкхолдер або клієнт приходить з ідеєю, яка не відповідає потребам користувачів чи ринку?
Це питання з підступом, бо перший крок — перевірити власні упередження.
1. Спочатку проведіть швидкий рисьорч: чи є подібні застосунки, як вони вирішують проблему, і чи проблема взагалі існує.
2. Далі сегментуйте аудиторію, оцініть розмір ринку та цифрову грамотність цільової групи: наприклад, бумерів.
Якщо ідея не має відгуку на ринку, робіть брейншторм із клієнтом:
• Можна переорієнтувати ідею на інші аудиторії (наприклад, друзів, організації).
• Або залишити фокус на сім’ї, але знайти нові можливості для покращення її життя.
Головне — адаптувати рішення під реальні потреби і ринок.
Кейс від Анни Дем’яненко — кураторки курсів UX Design Medium і UX Design Beginning, Lead Product Designer у Lazarev.
Це питання з підступом, бо перший крок — перевірити власні упередження.
1. Спочатку проведіть швидкий рисьорч: чи є подібні застосунки, як вони вирішують проблему, і чи проблема взагалі існує.
2. Далі сегментуйте аудиторію, оцініть розмір ринку та цифрову грамотність цільової групи: наприклад, бумерів.
Якщо ідея не має відгуку на ринку, робіть брейншторм із клієнтом:
• Можна переорієнтувати ідею на інші аудиторії (наприклад, друзів, організації).
• Або залишити фокус на сім’ї, але знайти нові можливості для покращення її життя.
Головне — адаптувати рішення під реальні потреби і ринок.
Кейс від Анни Дем’яненко — кураторки курсів UX Design Medium і UX Design Beginning, Lead Product Designer у Lazarev.
❤18👍5🤷♀3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Уявіть світ, де всі найкращі практики UX під рукою у процесі дизайну. Круто?
Уцілому, він вже тут — Baymard Institute викотили Figma плагін, який додає до вашого робочого простору понад 180 карток з UX порадами.
Рекомендації засновані на 150 000 годинах масштабних досліджень і покривають, зокрема, Homepage UX, Navigation UX, Search UX, List and Filtering UX, Product Page UX, Cart and Checkout UX, Account UX.
Що корисного?
1. Майте базу під рукою.
2. Уникайте поширених помилок і отримуйте буст впевненості у власних UX рішеннях.
3. Полегшуйте комунікацію з командою: аргументуйте свої рішення за допомогою карток.
• Пробувати за посиланням
Уцілому, він вже тут — Baymard Institute викотили Figma плагін, який додає до вашого робочого простору понад 180 карток з UX порадами.
Рекомендації засновані на 150 000 годинах масштабних досліджень і покривають, зокрема, Homepage UX, Navigation UX, Search UX, List and Filtering UX, Product Page UX, Cart and Checkout UX, Account UX.
Що корисного?
1. Майте базу під рукою.
2. Уникайте поширених помилок і отримуйте буст впевненості у власних UX рішеннях.
3. Полегшуйте комунікацію з командою: аргументуйте свої рішення за допомогою карток.
• Пробувати за посиланням
👍33❤24😁4🤝3🔥1
Увага, загадка!
З чого має починатися створення будь-якого дизайн рішення?
Підказку шукайте на картинці, а свої відповіді не пишіть в коментарі, а лишайте в формі.
Від Проджа — інституту вільної освіти 💙
З чого має починатися створення будь-якого дизайн рішення?
Підказку шукайте на картинці, а свої відповіді не пишіть в коментарі, а лишайте в формі.
Від Проджа — інституту вільної освіти 💙
😁11❤3🤝2