Design Patterns For Complex Web Forms
опановуємо практики для створення зручних, доступних та ефективних інтерфейсів, що підвищують конверсії та бізнесові KPI
досвід
навички рівня junior+ у дизайні інтерфейсів
старт
22 січня 2025
група
50 місць
Тривалість
4 дні інтенсиву — навчання з 22 по 24 січня +1 день для Q&A session
Рівень англійської
Intermediate і вище
досвід
навички рівня junior+ у дизайні інтерфейсів
старт
22 січня 2025
група
50 місць
Тривалість
4 дні інтенсиву — навчання з 22 по 24 січня +1 день для Q&A session
Рівень англійської
Intermediate і вище
якщо ви:
- 01
UX/UI дизайнер і хочете орієнтуватися у будь-яких багатоступеневих процесах, включаючи складні корпоративні форми
- 02
UX Writer і хочете знати все про поведінку користувача, щоб створювати ефективні тексти
...тоді це метч!
Дуже часто вебформи недоступні та складні у використанні, з незручними live валідаторами та сумнозвісними повідомленнями про помилки.
На воркшопі ми розглянемо типові проблеми й розберемося, як їх вирішити і створити інтерфейс, що відмінно справляється зі збором інформації від клієнта в дружній, доступній та зрозумілій формі.
Куратор продемонструє сотні ретельно відібраних прикладів — усі вони взяті з досліджень користувачів та досліджень юзабіліті реальних проєктів — перевірених на практиці.
Ви зрозумієте:
— як люди сприймають і використовують вебформи, з типовими проблемами юзабіліті та типовою поведінкою користувачів;
— як вимірювати ефективність та якість форми;
— як створювати макет, дизайн і тексти для обов'язкових та необов'язкових полів введення, ярликів і полів для заповнення, включаючи плаваючі мітки (floating labels);
— коли і як використовувати перемикачі та чекбокси, щоб уникнути непорозумінь і прискорити процес для клієнтів;
— як працювати з <select> меню, випадаючими списками, overlay меню та їх альтернативами;
— як працювати з відключеними кнопками та керувати ними, щоб уникнути високих показників покинутих форм;
— у яких ситуаціях степпери, кнопки та даталісти працюють краще, і як їх використовувати для прискорення використання форми;
— що робить UX автозаповнення чудовим у різних налаштуваннях;
— коли віджети пошуку адреси мають сенс, а коли вони шкодять конверсії;
— як дизайнити інтерфейс та проєктувати взаємодію для введення кредитної картки;
— як валідувати помилки, де показувати помилки для зменшення кількості покинутих форм;
— як правильно організувати введення email та пароля, особливо з точки зору дизайну взаємодії та часу;
— як працюють патерни автентифікації з UX патернами CAPTCHA та двофакторною автентифікацією.
навички,
які опануємо
hard skills
- організація та проєктування складних потоків вебформ
- дизайнерські міркування щодо дизайну взаємодії, доступності, макетування
- розробка кращих компонентів користувацького інтерфейсу форми
- вибір оптимальної дизайну форми
soft skills
- оперативне виправлення помилок
- виявлення типових проблем
програма інтенсиву
від required полів до складних форм та інклюзії
вебінари
11:00-14:00 кожного дня (3 години)
- 01.day 1: state of forms UX
- how people perceive input and type in data
- how to use question protocol and input profiling when designing forms
- how to deal with names and addresses
- how to deal with sensitive data
- how to choose the right form components, from input boxes and drop-downs to radio buttons and <select>-menus
- placeholder UX
- required vs. optional fields
- responsive considerations for mobile and desktop
- 02.day 2: interaction design and form layout
- modals and overlays
- inline validation and error recovery
- disabled buttons
- text hints vs. tooltips
- designing date/time input and phone input
- date and time pickers
- how to design and place buttons — from Back button to primary buttons to CTA
- conditional reveal
- cancel UX and OK cancel vs. cancel OK
- undo vs. confirm + confirm to delete
- 03.day 3: complex challenges
- nested filtering and grouping
- autocomplete UX, filters, sorting, search
- complex forms and journeys
- error messages UX
- task list pattern
- accessibility and inclusive design
- progress bar and branches
- permissions and roles
- multi-lingual forms
- authentication UX design patterns
- 04.day 4: Q&A session
- зустріч з Віталієм Фрідманом по завершенню навчання. рефлексія
куратор.
він буде поруч
Віталій Фрідман
Co-founder, Creative Lead, Front-end / UI / UX Consultant у Smashing Magazine.
Віталій — експерт у галузі UX, який обожнює працювати зі складними викликами та процесами й мати справу з не менш складними стейкхолдерами. Протягом 15 років він працював із Європарламентом, компаніями OTTO, Zalando, Marc O'Polo, Axel Springer SE, REWE Digital та іншими малими й великим організаціями.
що на вас чекає
- 4 дні інтенсивного навчання
- софт — Figjam, Figma
- сертифікат за активну участь у воркшопі та виконання практичних завдань
- мова викладання — англійська
вартість інтенсиву
10 000 грн
оплачуйте самостійно
або через роботодавця
визначилися?
ось як потрапити на інтенсив
1зареєструватися
2розказати про себе
3оплатити інтенсив
4почати навчання
- 1
зареєструватися
- 2
розказати про себе
- 3
оплатити інтенсив
- 4
почати навчання
*Згідно з результатами дослідження Projector.
У дослідженні взяли участь 567 респондентів
серед випускників курсів 2022 року.
маєте запитання?
підготували відповіді
- у якому форматі відбуватимуться заняття?
- кому курс не підійде?
- чого очікувати від навчання?
- чи потрібні мені професійні навички?
- з яким софтом ми працюватимемо?
реєстрація.
перший крок за вами
Хочете спитати ще щось? Пишіть на hello@prjctr.com.ua або телефонуйте за номером +38 067 418-95-78.