Курс UI/UX Designer з нуля

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

Важливо розуміти, що дизайнер UX/UI — дуже широке поняття. Коваль холодної зброї теж є свого роду UX/UI дизайнером, оскільки він надає зовнішній вигляд цій зброї і в той же час не забуває про зручність та ефективність її застосування: проектування гарди, яка захищатиме мечника від ворожого меча, підбір металу для кування надійного леза, розрахунок довжини рукояті, врахування балансування зброї і т. д. Який сенс від красивого меча (інтерфейс користувача — UI), якщо його незручно тримати в руці, саме лезо негостре і досить крихке (користувацький досвід — UX)?

Однак, якщо ми говоримо про веб-дизайн, то в такому разі будуть коректними наступні визначення.

UX (від англ. User Experience) перекладається як "користувацький досвід". Говорячи простими словами, це те, які враження отримуватиме користувач під час роботи з інтерфейсом (зазвичай — графічним). Досвід, який отримує користувач, залежить від різних факторів: архітектури веб-ресурсу, зручності доступу до тієї чи іншої інформації на сайті, інтуїтивності використання сайту, зрозумілості та лаконічності тексту, реакції інтерфейсу на дії користувача та інше.

UI (від англ. User Interface) перекладається як "інтерфейс користувача". Причому це поняття відноситься не тільки до графічної складової, а й до тактильної, звукової чи голосової. Однак переважна більшість UI дизайнерів працює саме з графічним інтерфейсом. Вони “наповнюють життям” ідеї UX дизайнера та працюють над тим, що бачитиме користувач сайту, використовуючи всім відомі графічні редактори.

Підіб'ємо підсумок: UX дизайнер продумує і проєктує кроки користувача до мети, тоді як UI дизайнер візуалізує цей шлях.

Поєднуючи два напрямки (UX і UI), даний спеціаліст виконує наступні дії.

• Як дизайнер UX він займається плануванням взаємодії користувача з інтерфейсом і працює з абстрактною інформацією. UX фахівець продумує логіку взаємодії користувача із кінцевим продуктом, займається аналізом, тестуванням. Він складає схеми, таблиці, графіки, проводить дослідження (або використовує опубліковані дослідження інших фахівців UX), працює з даними. Ці маніпуляції є основою, яка дозволяє розпочати проєктування максимально зрозумілого та чуйного інтерфейсу веб-сайту.
• Як UI дизайнер даний спеціаліст втілює в життя результати роботи над UX шляхом ефектного і зручного візуального представлення користувацького досвіду. Він опрацьовує усі візуальні деталі, що ведуть користувача до задуманої мети. Тут застосовуються такі відомі інструменти, як Adobe Photoshop/Illustrator/Figma та інші.

Набір UX спеціаліста:

• вміння проводити збір інформації щодо проєкту та про його аудиторію;
• вміння аналізувати користувацькі сценарії та продумувати логіку переходу зі сторінки на сторінку;
• знання того, як створювати портрети користувачів;
• вміння будувати інтелектуальні карти та володіння відповідним сервісом: XMind / FlowMapp / Майндмепінг;
• графічний редактор для створення концепту: Sketch (тільки для користувачів Mac), Lunacy (для користувачів Windows);
• програми для командної роботи над каркасами та різними прототипами, векторними зображеннями: Axure/Figma/InVision/Adobe XD;
• тестування прототипів;
• вміння складати чіткі ТЗ для UI дизайнера.

Набір UI спеціаліста:

• гарне креативне мислення та розуміння типографіки, композиції, поєднання кольорів;
• наявність комбінаторних здібностей, розвинений естетичний та художній смак;
• засоби для роботи з кольором: ColorHexa / Paletton / Flat UI Color;
• засоби для роботи зі шрифтами: Google Fonts / Typekit / Fontjoy;
• ресурси для роботи з іконками: Icons8 / Free Icon Maker / IconJar;
• гарне володіння графічним редактором: Adobe Photoshop / Figma / Illustrator.

Головна відмінність у тому, що веб-дизайн належить лише до сфери Web. При цьому саме поняття UX/UI дизайну є більш широким і його можна застосувати до багатьох галузей: бригада будівельників (команда UI дизайнерів) працює відповідно до ТЗ від архітектора (UX дизайнера); ювелір, коваль, виробник автомобілів, а також ваш улюблений кондитер солодощів — своєрідні представники дизайнерів UX/UI. UX дизайнер займається проектуванням будь-якого інтерфейсу користувача, UI дизайнер візуалізує будь-які користувацькі інтерфейси.

Тут немає точних часових проміжків, оскільки на тривалість навчання впливають різні персональні чинники:

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

Таким чином, самонавчання займе у кожного різний час, але якщо говорити про курси, то у більшості із них заявлені терміни навчання на UX/UI дизайнера — від 9 до 12 місяців.

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

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

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

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

Це залежить від досвіду роботи в даному напрямку, ваших особистих навичок, а також від набору технологій, які ви знаєте та використовуєте на практиці. Актуальну зарплату UX/UI дизайнера можна дізнатися на сайті jobs.dou.ua (розділ “Зарплати” або зарплатні опитування), djinni.co (зарплатна статистика), ua.jooble.org (Україна) або на Stack Overflow Developer Survey 2023 (усі країни).