Переймаємо досвід топових експертів і вас запрошуємо 🙌

Щоб історій успішних українок та українців ставало більше, покликали Бена Мітчела, директора UX-дизайну в Google поділитися порадами з неперервного навчання та кар’єрного зростання.

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

Участь — безоплатна.

Долучайтеся!

Зареєструватися.

5 поширених UX помилок навігації по домашній сторінці та категоріях

Згідно з дослідженням Baymard Institute у цьому розрізі 76% сайтів мають посередній або поганий перформанс.

Як не опинитися в їхніх рядах?

🔹91% сайтів використовують продукти зі спільними рисами як окремі категорії.

Наприклад, в American Eagle «Квіткові сукні» — це підкатегорія «Суконь». Тобто користувач не може переглянути «Всі сукні» або, наприклад, список з «Квітковими сукнями» та «Мінісукнями».

🔹70% сайтів неправильно застосовують фільтр «Знижка»

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

🔹63% сайтів не розміщують пряме посилання на продукти, зображені на «надихаючих зображеннях»

Юзер відкриває сайт, бачить гарні лайфстайл зображення, помічає конкретні класні товари, натискає… І не потрапляє нікуди або переходить на загальний каталог товарів. Це викликає фрустрацію у користувачів, яким сподобався товар з цього зображення. Деякі сайти вирішують це, формуючи каталоги з усіх товарів на віжуалі або посилаючи на 1 з зображених товарів.

🔹61% сайтів не мають або мають малозрозумілі іконки підкатегорій

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

Під час тестування учасникам було набагато легше користуватися сайтами, де категорії мають як назви, так і іконки.

🔹91% сайтів не підсвічують поточне місцезнаходження користувача в головному меню

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

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

• Більше знань і практичних UX навичок — на курсі UX Design Medium.

Афірмація тижня: боремося з токсичними звичками, насичуємося правилами екологічного спілкування та не морочимо голову користувачам 🤞

Як розробити кращий АІ досвід?
Як і де АІ може вписатися в існуючий проєкт?
Які обмеження та унікальні можливості АІ інтерфейсів?

На новому воркшопі Віталія Фрідмана ми зануримося у нові дизайн патерни, UX гайдлайни і сотні прикладів реальних AI інтерфейсів.

Розберемося:

• як допомогти користувачам точніше визначати свої наміри й отримати все від згенерованого результату;
• як підтримувати юзера в процесі уточнення: daemons, style presets, temperature knobs;
• як встановлювати структуровані шаблони та частково заповнювати їх з AI.

Віталій Фрідман — UX lead з 19-річним досвідом, co-founder, creative lead у Smashing Media. Працював з Європарламентом, Marc O'Polo, OTTO, Zalando, Axel Springer SE, REWE Digital.

🔹3 дні живих вебінарів
🔹нон-стоп фідбек Віталія
🔹практика у FigJam & Figma

Старт — 16 жовтня
Мова — англійська

Розгорнуту програму дивіться на сайті. Реєструйтеся там же 💙

Добірка дизайн патернів для АІ інтерфейсів від Віталія Фрідмана.

AI інтерфейси — набагато більше за текcтові промпти. Думайте outside of the box і підтримуйте юзерів завдяки новим патернам: зручним, таким що роблять взаємодію зі штучним інтелектом розумнішою, точнішою і кориснішою.

🔹Дизайн патерни

AI Interaction Design Patterns
Emily Campbell

AI Design Patterns Catalogue
Maggie Appleton

Language Model Sketchbook
Maggie Appleton

Style Lenses For AI Generation
Amelia Wattenberger

AI Search Experience Design Patterns
Daley Wilhelm

Accordion Editing and Apple Picking Patterns For AI
Sarah Gibbons, Tarun Mugunthan, Jakob Nielsen

UX For AI
Greg Nudelman

🔹Корисні ресурси

Why Chatbots Are Not the Future
Amelia Wattenberger

The Rise Of The AI Model Designer
Paz Perez

Usability Problem With Prompt-Driven AI
Tom Cleary

AI Prompt Framing
Raluca Budiu, Feifei Liu, Amy Zhang, Emma Cionca

Designing For AI Library
Luke Wroblewski

AI Design Patterns and UX Toolkits
Truly yours Vitaly Friedman

• Застосовувати ці правила на практиці та будувати реально зручні АІ інтерфейси приходьте на 4-денний воркшоп Віталія Фрідмана Design Patterns For AI Interfaces.