Курс Проектування інтерфейсів. UX-дизайн

Що ви зможете після курсу

• Проводити дослідження аудиторії: від інтерв’ю та юзабіліті-тестів до включеного спостереження — і вибирати метод під задачу
• Будувати персони та користувацькі сценарії, формулюючи цінність продукту через історію персонажа
• Проєктувати інформаційну архітектуру та карту шляху користувача, зводячи їх у навігаційну структуру продукту
• Збирати інтерактивні прототипи в Axure: динамічні панелі, майстер-об’єкти, мега-меню, паралакс
• Верстати адаптивні прототипи на Bootstrap із готових блоків із правкою коду під свою задачу
• Вибирати метод проєктування під задачу та вести команду гнучкою методологією з виділенням MVP

Кому підійде курс

Не підійде тим, кому потрібна лише відмальовка фінальних макетів: уроки — про логіку, структуру та прототипи, візуальний дизайн екранів окремою темою не розібраний

Як проходить навчання

• Командний проєкт упродовж усього курсу — Усі етапи проходяться на одному проєкті — від пітчингу ідеї до захисту дипломної роботи, а не на розрізнених вправах
• Воркшопи з розбором робіт — Персони, карти шляху та структури продуктів розбираються наживо — помилки видно до диплома, а не після
• Майстер-класи з прототипування — Прийоми Axure і Bootstrap показуються в дії: від клікабельного скріншота до адаптивного макета, невідмінного від застосунку
• Гнучкі методології в практиці UX — Планування покером і канбан-дошка вбудовуються у проєктування — робота команди стає передбачуваною
• Регламент захисту дипломної роботи — Передзахисна консультація розбирає інтерфейси та прототипи команд і готує до короткої розповіді про проєкт

Що знадобиться

• Axure для інтерактивних прототипів і графічний редактор для підготовки екранів
• RealtimeBoard і Trello для командної роботи над проєктом
• Локальний сервер і редактор коду для збірки адаптивного прототипа на Bootstrap

Чому самотужки зазвичай не виходить

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

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

Що зміниться

Як улаштований шлях

1. Дослідження Якісні та кількісні методи, сегментація аудиторії та перші персони за опитувальником — фундамент проєктних рішень
2. Стратегія Цілі, цінність і вимоги: сценарії персон, трасування вимог, розподіл можливостей за релізами з виділенням MVP
3. Структура і прототип Інформаційна архітектура, карти шляху користувача та інтерактивні прототипи в Axure і на Bootstrap
4. Інтерфейс і захист Принципи побудови інтерфейсів, передзахисна консультація та регламент захисту дипломної роботи

Програма курсу

19 уроків · 6 модулів · 39 годин 59 хвилин відео · Від вступу в предметну область до захисту дипломного проєкта: лекції, воркшопи та майстер-класи йдуть у порядку реального шляху проєктування

• Мова інтерфейсів: із чого починається проєктування 4 уроки

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

  • Введение у предметну область2:09:44

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

  • Абетка користувацького інтерфейсу1:53:25

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

  • Психофізіологія сприйняття інтерфейсів1:55:13

    Лекція пояснює сприйняття інтерфейсів через закономірності роботи мозку: економію енергії, обмежену пам’ять, групування, контраст і рух. На них будуються керування фокусом, анімація та читабельність тексту.

  • Абетка користувацького інтерфейсу1:53:25

    Потреба породжує гіпотезу, експеримент дає результат — цей ланцюжок утворює користувацький досвід. Інтерфейс подається як мова спілкування з продуктом, а евристики зручності — як рецепти зрозумілості.

• Дослідження аудиторії: від інтерв’ю до персон 4 уроки

  Методи якісних досліджень і вибір методу під задачу, аналітика на кількісних даних, методика персон і користувацькі сценарії, перший воркшоп із сегментації аудиторії.

  • Якісні дослідження користувачів: методи та підготовка3:03:46

    Огляд методів якісних досліджень аудиторії: від юзабіліті-тестування до включеного спостереження. Розглядаються вибір методу під задачу, рекрутинг респондентів і побудова питань із гіпотез.

  • UX-аналітика продукту2:57:40

    UX-аналітика як поєднання кількісних і якісних даних: воронки, сегменти та метрики показують, де продукт втрачає користувачів, а інтерв’ю й тести пояснюють причини. Інтерфейсні рішення перевіряються експериментами.

  • Методика персон і користувацькі сценарії2:26:27

    Образ рішення викладається користувацьким сценарієм — оповіддю про персонажа від першого контакту із сервісом до користі та рекомендації. Розглядаються модель потоку цінностей, воронка продажів, бар’єри та драйвери.

  • Воркшоп персони2:04:31

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

• Продуктова стратегія: від цілей до релізів 2 уроки

  Гнучкі методології Scrum і Kanban в UX-процесі та воркшоп, на якому можливості продукту розподіляються за релізами з виділенням MVP.

  • Методології командної роботи (Kanban, Scrum)2:28:28

    Лекція про гнучкі методології: передумови та цінності маніфесту Agile, устрій Scrum і Kanban — ролі, артефакти, зустрічі та дошки. На практиці пробуються планування покером і збірка канбан-дошки для UX-процесу.

  • Воркшоп UX Strategy1:53:38

    Воркшоп про виведення можливостей продукту з цілей, задач і вимог персон через трасування вимог. Учасники розподіляють можливості за релізами, виділяючи MVP, і знайомляться з каскадною та гнучкою методиками розробки.

• Структура продукту: архітектура і карти шляху 4 уроки

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

  • Інформаційна архітектура2:03:15

    Інформаційна архітектура як проєктування користувацького досвіду: шлях від бізнес-аудиту та концепції до схеми. Розглядаються способи класифікації контенту і формати подання — ієрархія, сценарій, матриця, база даних.

  • Customer Journey Mapping (CJM)1:43:16

    Лекція про картування шляху клієнта: визначення карти, ролі та персони, канали й точки дотику, відмінності від опису бізнес-процесів. Окремо роз’яснюється різниця між потребою та метою.

  • Multi touch point experience1:56:03

    Лекція про спроби перенести користувацький досвід із комп’ютерів і смартфонів на телевізори, годинники, автомобілі, окуляри та колонки — і про те, чому більшість цих платформ лишилася нішовою.

  • Воркшоп UX Design1:39:51

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

• Прототипи: Axure і Bootstrap у дії 2 уроки

  Два майстер-класи з прототипування: клікабельні екрани, динамічні панелі та мега-меню в Axure, адаптивна збірка з готових блоків Bootstrap із правкою коду.

  • Інтерактивні прототипи в Axure і Bootstrap2:13:32

    Майстер-клас показує мислення в інструментах прототипування: інтерактивні прототипи в Axure — від клікабельних екранів до мега-меню та паралаксу — і адаптивний прототип на Bootstrap.

  • Клікабельні прототипи та адаптивний сайт на Bootstrap1:59:10

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

• Інтерфейси і захист диплома 3 уроки

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

  • Принципи побудови інтерфейсів1:54:21

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

  • Універсальна методика проєктування2:11:15

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

  • Консультація із захисту дипломної роботи1:31:48

    Передзахисна консультація: розбір інтерфейсів і прототипів команд, правила зв’язного лендінгу та регламент захисту — коротка розповідь, у якій центральне місце посідають інтерфейси, а не монетизація.

Часті запитання

Про цей курс

• Чи підійде курс, якщо я ніколи не проєктував інтерфейси?

  Так. Курс починається зі вступу в предметну область й абетки інтерфейсів: пояснюється, як народжується розуміння екрана та які закономірності сприйняття за ним стоять. Команди формуються на старті, а воркшопи розбирають роботи покроково.

• Які інструменти знадобляться?

  Інтерактивні прототипи збираються в Axure, адаптивні — на Bootstrap; командна робота йде в RealtimeBoard і Trello, для підготовки екранів стане в пригоді графічний редактор. Інструменти перелічені в кожному занятті програми.

• Що я отримаю в підсумку?

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

• Курс про UX чи про UI?

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

• Як проходить навчання?

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

• Що робити, якщо інструмент із курсу мені незнайомий?

  Майстер-класи показують образ мислення в інструментах, а не завчання кнопок: інтерфейси в інструментів схожі, і навичка роботи з одним переноситься на інші. В Axure і Bootstrap низький поріг входу та великі спільноти з готовими прикладами.

Доступ і матеріали

• Коли і як я отримаю доступ до курсу?

  Одразу після оплати, тієї ж секунди й автоматично. Чекати на підтвердження не потрібно. Доступ надходить двома шляхами водночас. Перший: на пошту, вказану при оформленні замовлення, приходить лист із посиланням на матеріали. Другий: те саме посилання з’являється у вашому акаунті на сайті, у розділі «Завантаження», і залишається там назавжди.

• Де зберігаються матеріали курсу?

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

• Чи можна завантажити матеріали, чи тільки дивитися онлайн?

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

• Як довго діє доступ?

  Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на info@siluette.com.ua, ми його відновимо.

• Лист із доступом не надійшов — що робити?

  Насамперед: доступ у вас є в будь-якому разі. Увійдіть на сайт і відкрийте розділ «Завантаження» — посилання на курс уже там, незалежно від того, дійшов лист чи ні. Найчастіше лист губиться через одруківку в адресі під час оформлення замовлення. Ще варто заглянути до теки «Спам». Не виходить розібратися — не витрачайте час: напишіть на info@siluette.com.ua або в чат у правому нижньому куті сайту, ми допоможемо.

• На яких пристроях дивитися курс?

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

Оплата та повернення

• Якими способами можна оплатити?

  Банківською карткою Visa, MasterCard або «Простір», через Google Pay, Apple Pay, Masterpass, Visa Checkout, платіжний QR-код, Botpay у Telegram чи Privat24. Є й оплата частинами: Монобанк (3 або 4 платежі), А-Банк (2, 3 або 4 платежі та розстрочка), Банк Глобус (8 платежів), «Скибочка» від OTP Bank (3 платежі), миттєва розстрочка та оплата частинами від ПриватБанку.

• Чи приймається картка, випущена не в Україні?

  Так. Платіжна система приймає картки з Євросоюзу та будь-яких інших країн. Одна деталь, про яку часто забувають: банк може попросити підтвердити платіж — у мобільному застосунку або кодом із СМС. Якщо оплата не проходить, перевірте застосунок банку та повідомлення.

• Як працює знижка 20% при купівлі кількох курсів?

  Додайте до кошика два курси або більше — знижка застосується автоматично до всіх товарів у кошику. Два курси: мінус 20% на обидва. П’ять курсів: мінус 20% на всі п’ять. Знижка поєднується з будь-якими акційними цінами й діє на весь каталог без винятків.

• Чи можна повернути курс або гроші?

  Цифрові товари поверненню та обміну не підлягають. Це загальне правило для всіх електронних товарів в Україні — постанова Кабінету Міністрів № 172 від 19 березня 1994 року. При цьому ми завжди на зв’язку. Якщо доступ не відкривається, посилання перестало працювати або файли пошкоджені — напишіть на info@siluette.com.ua, вкажіть дату та номер замовлення. Відновимо. Якщо щось незрозуміло в самому курсі, теж пишіть — підкажемо.

• Чи можна оплатити від організації за рахунком?

  Поки що ні. Ми працюємо лише з приватними покупцями — безготівкової оплати за рахунком від юридичних осіб зараз немає.

Як проходить навчання

• Чи є зворотний зв’язок із викладачем і перевірка завдань?

  Ні. Усі курси — це записи уроків для самостійного вивчення: викладач не відповідає на запитання і не перевіряє домашні завдання. Саме тому курси коштують значно дешевше за навчання з куратором. Ви отримуєте той самий матеріал, але займаєтеся самі та у своєму темпі.

• Чи видається сертифікат?

  Так, цифровий сертифікат — на запит і безкоштовно. Напишіть на info@siluette.com.ua, вкажіть ім’я та прізвище саме в тому вигляді, в якому хочете бачити їх у сертифікаті, і ми надішлемо його протягом доби.

• Чи потрібен досвід, щоб почати?

  Для більшості курсів — ні. Вони розраховані на початковий рівень і пояснюють з азів. Якщо курс потребує підготовки, це сказано в його описі.

• Чи є терміни проходження курсу?

  Ні. Ані дедлайнів, ані розкладу, ані доступу, що згорає. Завантажили — дивіться коли зручно, з будь-якими перервами.

• Чи можна поділитися курсом з іншою людиною?

  Курс купується для особистого використання, і ми просимо ставитися до цього по-людськи: за кожним уроком стоїть робота, а ціна й так суттєво знижена.

Підтримка

• Куди писати, якщо щось не працює?

  Найкраще на info@siluette.com.ua. Є й чат у правому нижньому куті сайту, але пошта надійніша: там можна все описати докладно та додати знімки екрана. Прохання: опишіть, що саме ви робили і що пішло не так, та додайте знімок екрана з помилкою. Так ми вирішимо питання одразу, а не з’ясовуватимемо півдня, що сталося.

• Як швидко відповідає підтримка?

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