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

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

• Формулювати завдання у вигляді питання «як би нам…» і обирати метрики успіху
• Досліджувати користувачів: проводити інтерв’ю й опитування, дивитися аналітику, розбирати конкурентів
• Складати персони та користувацькі сценарії, формулювати гіпотези й розставляти припущення за ризикованістю
• Вибудовувати інформаційну архітектуру, малювати юзерфлоу та вайрфрейми
• Збирати прототип під завдання тесту та проводити сесію тестування з користувачем
• Описувати проєкт як кейс для портфоліо і готуватися до співбесіди дизайнера

Кому підійде

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

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

• Один наскрізний проєкт від першого уроку до портфоліо — Кожне завдання продовжує попереднє, і до кінця курсу у вас є цілісна робота, а не набір вправ
• Домашнє завдання після кожного уроку на вашому матеріалі — Тема закріплюється на практиці, а результати можна показати в портфоліо
• Пояснення UX через модель Гарретта з п’яти шарів — Видно, яке місце в роботі посідає візуальний дизайн і що розташовано навколо нього
• Конкретні прийоми: штурм питаннями, «п’ять чому», постмортем, піратські метрики, карта припущень — З’являється набір методів, які можна застосовувати в будь-якому проєкті
• Приклади з реальних продуктів і формати дизайн-критики — Зрозуміло, як теорія виглядає в роботі, і як отримувати та давати зворотний зв’язок щодо макетів

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

• Ідея власного сервісу або сайту для наскрізного проєкту
• Редактор для блок-схем і вайрфреймів на вибір: Draw.io, Balsamiq Mockups, Sketch, Illustrator чи інший
• Сервіси для опитувань і прототипів на вибір: Google Forms, InVision, Marvel, Keynote або PowerPoint; для дзвінків із користувачами — Skype або Google Hangouts

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

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

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

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

Що зміниться

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

1. Завдання та дослідження Формулюєте завдання та метрики успіху, складаєте питання й вивчаєте користувачів інтерв’ю, опитуваннями, аналітикою та конкурентним аналізом.
2. Персони та гіпотези Збираєте персони та сценарії, формулюєте гіпотези, розставляєте припущення за ризикованістю й обираєте спосіб перевірки.
3. Структура та вайрфрейми Розбиваєте контент на об’єкти, вибудовуєте інформаційну архітектуру, малюєте юзерфлоу та вайрфрейми для кожного екрана.
4. Прототип, тест і портфоліо Збираєте прототип під завдання тесту, проводите сесію з користувачем і оформлюєте проєкт як кейс для портфоліо.

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

10 уроків · 3 години 22 хвилини відео · Кожен урок продовжує завдання попереднього й завершується домашньою роботою за вашим проєктом.

• Від першої ідеї до перевіреного прототипу та портфоліо 10 уроків

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

  • Персони та користувацькі сценарії21:07

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

  • Гіпотези, припущення та MVP21:22

    Урок пояснює, як формулювати гіпотези та перевіряти їх експериментами різної вартості: аналітикою, інтерв’ю, опитуваннями, лендингом зі збором e-mail, прототипом. Розглядається відбір припущень за ризикованістю та побудова MVP як експерименту, а не виправдання низької якості.

  • Принципи інформаційної архітектури21:04

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

  • Юзабіліті та принципи інтерфейсу20:11

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

  • Портфоліо дизайнера12:14

    Урок пояснює, як відібрати проєкти для портфоліо під конкретну позицію та описати кейс як розповідь про мету, процес і результати. Розглядається устрій співбесіди: частина з HR, рев’ю портфоліо командою та формат «дизайн біля дошки».

  • Вступ до UX-дизайну21:49

    Урок розмежовує поняття UX і UI та показує модель Гарретта, у якій користувацький досвід поділяється на шари, а візуальний дизайн становить лише один із них. Розглядаються стадії проєкту, напрями оцінювання дизайнера та роль дизайн-критики.

  • Формулювання завдання проєкту19:58

    Урок вчить формулювати умови завдання та вимірюваний критерій успіху. Для пошуку запитань до завдання використовуються мозковий штурм запитаннями, метод «п’яти чому», проходження шляху користувача та постмортем.

  • Дослідження в UX-дизайні21:58

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

  • Юзерфлоу та вайрфрейми20:23

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

  • Прототипи та тестування21:51

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

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

Про цей курс

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

  Ні. Курс починається з базових понять, наприклад із різниці між UX і UI, і йде від них до перевірки прототипу з реальними користувачами.

• Який проєкт потрібно вести впродовж курсу?

  Власний: з першого уроку ви вигадуєте сервіс або сайт, що розв’язує проблему користувачів, і виконуєте на ньому всі домашні завдання. Готового шаблонного проєкту в курсі немає.

• Чи навчить курс працювати в якійсь конкретній програмі?

  Покрокового навчання конкретної програми немає. Редактори та сервіси прототипування, серед них Sketch, Balsamiq Mockups, InVision і Marvel, названо як приклади, а вибір інструмента залишається за вами.

• Чи є в курсі уроки з візуального дизайну та програмування?

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

• Що розбирається в частині про інформаційну архітектуру?

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

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

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

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

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

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

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

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

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

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

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

  Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на 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 теж буває, але час відповіді не обіцяємо.