Ви цікавитесь кар’єрою в UX чи мрієте стати дизайнером? Не впевнені, чи маєте необхідні особисті якості та навички чи готові таки починати, але не знаєте, з чого і де? Спокійно! За декілька хвилин ми розберемося з вашим кар’єрним маршрутом і жодник питань у вас не залишиться.
Якщо ви подумаєте про своє дитинство, то, ймовірно, згадаєте дорослих, які неодноразово ставили одне й те саме запитання: «Ким ти хочеш стати, коли виростеш?». Особисто мені його ставили не часто, але, незважаючи на це, варіантів у мене було декілька і обрати було складно.
Та ви і я вже дорослі і починаємо всерйоз задумуватися над відповіддю, адже емоційна – «балериною» чи «поліцейським» – хорошою заробітною платнею не майорить.
Можливо, ви сказали собі, що хочете працювати над тим, щоб стати UX/UI дизайнером? Той факт, що ви зараз читаєте це, означає, що ви зробили впевнений перший крок на шляху до нової кар’єри. Якщо ж ви згодом зміните кар’єрні вподобання – нічого страшного. Ми тут для того, щоб просто систематизувати інформацію щодо вашої (можливої) нової кар’єри в UX/UI дизайні.
В чому різниця між UI UX дизайнами?
Що таке UX дизайн?
UX Design (дизайн досвіду користувача) – це дизайн користувацького досвіду! Важливо ось що: будь-який «досвід» користування, для якого дизайнер створює розробку, вже існує для користувача. Тому завдання UX дизайну – зробити існуючий досвід (з продуктом або послугою) ще кращим. Дизайнер вдосконалює взаємодію користувачів з, скажімо, продуктом, беручи до уваги звички та поведінку цих юзерів; він/вона аналізує патерни їхньої поведінки, щоб врешті зробити їхній досвід користування продуктом максимально зручним.
Що таке UI дизайн?
Коли мова йде про дизайн інтерфейсу користувача (UI Design), ми говоримо про те, де користувачі фактично взаємодіятимуть із дизайном. Зовсім не важливо, про який інтерфейс йдеться: чи це візуальний інтерфейс (наприклад, мобільний, настільний), інтерфейс із голосовим керуванням (наприклад, штучний інтелект в дії: Siri та Alexa) чи керований жестами (наприклад, віртуальна реальність). Дизайн інтерфейсу користувача – це створення інтерфейсів на основі дизайну. Можна сказати, що дизайн інтерфейсу користувача – це те найперше, з чим знайомиться користувач, коли починає використовувати певний продукт. Погодьтесь, цьому дизайнеру потрібно справити хороше перше враження!
Як взаємодіють UX та UI дизайни?
Простіше кажучи, UI дизайн (дизайн інтерфейсу) підпорядковується UX дизайну. Це пояснюється тим, що користувацький досвід (UX) стосується всього шляху взаємодії з продуктом або послугою від початку до кінця. З іншого боку, інтерфейс користувача (UI) стосується взаємодії між користувачем і макетом (тобто елементами та підказками) продукту чи послуги. Тому дизайн інтерфейсу користувача є «підмножиною» дизайну UX і вони часто поєднуються разом. Принаймні я окремо вакансії для UI чи UX дизайнера не зустрічала: це завжди UX/UI дизайнер.
Перегляньте доступних менторів з UX/UI дизайну тут.
Як би там не було, незалежно від того, чи ви вирішите стати UX дизайнером, дизайнером інтерфейсу користувача (UI) або UX/UI дизайнером, ви не будете працювати в ізоляції від інших фахівців.
Насправді UX/UI дизайнери торкаються багатьох процесів розробки продукту, адже всі ці процеси мають спільну мету: догодити кінцевому користувачеві. Тож у будь-який день такий спеціаліст тісно співпрацює з продакт менеджером (PM), розробниками (Developers), інженерами із забезпечення якості (QA Engineer) тощо. UX/UI дизайнер часом працює з копірайтерами; навіть мікрокопі на кнопках і заклики до дії впливають на якість взаємодії користувача з продуктом! Саме командна робота робить його успішним!
Знаєте, який ще спеціаліст повинен впевнитися, що кінцевий споживач задоволений і максимально швидко отримує продукт у користування? Правильно, це DevOps!
Курси програмування тут!
Дизайн інтерфейсу: які інструменти та навички потрібні UI/UX дизайнеру?
Ось у чому заковика: інструменти постійно змінюються. Ми живемо в епоху, коли кількість технологій та інструментів тільки збільшується у будь-якій сфері. Коли ж справа доходить до інструментів дизайну або будь-якого іншого інструменту в сфері інформаційних технологій – можна з певністю сказати: вчитися доведеться багато і постійно. Такі вже реалії світу IT.
Щоб зробити ваше навчання ефективним, і ви могли впевнено шукати першу роботу – прогляньте кваліфікованих менторів з UI/UX дизайну тут.
Важко назвати «обов’язкові інструменти», якими користуються дизайнери UX, оскільки цей напрямок, прирордно, безперервно розвивається, і те, що було популярним рік тому, може застаріти за місяць.
Наприклад, Figma використовується більшістю дизайнерів, тоді як InVision майже «мертвий», незважаючи на свій успіх лише кілька років тому. Висновок: дизайнеру потрібно бути готовим до швидких змін та ефективного навчання, щоб не випасти з професії. Для цього потрібно постійно читати профільні сайти та аналізувати втілені рішення на сайтах та у застосунках, якими ви користуєтесь. Адже, як я вже казала раніше, будь-яка взаємодія з продуктом у телефоні, комп’ютері чи планшеті – це результат роботи в тому числі і UI/UX дизайнера.
Питайте себе постійно: «мені тут зручно?»
Що ще буде помічним? Робіть ескізи! Вам не обов’язково бути природженим художником, щоб помістити ідею дизайну на папір. Це потрібно робити для того, щоб зафіксувати ідеї, адже їх так легко загубити: однієї миті в голові чітка картинка і алгоритм дій, а вже наступної – вакуум. Дизайнеру потрібно вміти робити ескізи на ходу.
Програмування Львів для всіх бажаючих!
Прикладні навички UX дизайнера
Дослідження
Щоб ефективно виконувати свою роботу, UX дизайнери повинні розуміти, чого хоче конкретна аудиторія конкретного продукту та як вона дивиться на світ. Це означає, що дизайнеру потрібно вміти планувати та проводити дослідження, використовуючи різні методики таких досліджень, а згодом – аналізувати отримані результати. Здатність до тестуваня користувачів та до аналітичного оцінювання досліджень особливо корисна.
Інформаційна архітектура
Інформаційна архітектура передбачає організацію інформації у зрозумілий спосіб: це про те, як інформація утворюється, викладається та персоналізується. Інформаційна архітектура застосовується у створенні веб-сайтів, застосунків, програмного забезпечення, друкованих матеріалів і навіть фізичних просторів; вона може включати такі системи, як маркування, навігація та функції пошуку.
Вайрфрейм (каркас)
Вайрфрейм – це схема для кожного екрана інтерфейсу. Його основна мета – показати, як щось працює, а не як це виглядає. Вайрфрейм визначає елементи, які повинні бути присутніми від сторінки до сторінки. Він включає в себе всі компоненти інтерфейсу, необхідні для всіх можливих взаємодій, і, як правило, розроблений у сірих тонах із використанням прямокутників і ліній.
Вайрфрейми – в деталях показують, яка інформація, контент і елементи управління повинні виводитися на кожній сторінці інтерфейсу будь-якої системи. Також у вайрфреймах вже розставлені акценти щодо різних елементів інтерфейсу: кнопок, зображень, заголовків, текстів тощо.
Прототипування
Прототипи дозволяють дизайнерам перевірити функціональність. Вони допомагають розробникам забезпечити відповідність між системою та її користувачами перед початком створення кінцевого продукту. Прототипи дозволяють дизайнерам тестувати як функціональність сторінки, так і загальну навігацію. У міру виявлення проблем, UX дизайнер може пройти кілька ітерацій, перш ніж досягти дизайну, який відповідає цілям бізнесу та користувача. UX дизайнери повинні мати можливість швидко та ефективно створювати прототипи.
Програмування онлайн для дітей легко тут!
Візуальна комунікація
Оскільки за своєю природою дизайн дуже графічний, UX/UI дизайнери повинні володіти мовою візуальної комунікації. Навички візуальної комунікації включають розуміння таких понять, як:
- макет;
- колір;
- типографія;
- іконки;
- зображення;
- теорія дизайну.
Дизайн інтерфейсу користувача є формою графічного дизайну – сфери, де працює графічний дизайнер. UI дизайн працює в рамках принципів графічного дизайну з точки зору сітки, техніки композиції, кольору, типографії тощо.
Дизайн інтерфейсу користувача – це не лише зовнішній вигляд продукту та його естетика, це також його характер та емоція.
Як вивчити UX/UI дизайн самостійно?
Деякі дизайнери вирішують приєднатися до курсу дизайну UI/UX дизайну в якійсь з IT шкіл, які існують в Україні у шаленій кількості. Ви ж можете схилятися до самостійного навчання, адже знаєте, що хороший старт можна взяти і самому, принаймні на початку. Отже, як же вам навчитися створювати красиві цифрові продукти? Дізнавайтесь та використовуйте!
Вивчайте фундаментальні засади UX дизайну
Не лякайтеся науковості заголовку, все дуже просто: розуміння того, чому користувачі виконують певні дії та що змушує їх продовжувати використовувати сайт (або залишати цей сайт), є ключовим для створення цифрового продукту, який відповідає потребам користувачів, а також визначеним бізнес-цілям. Ось що значить «фундаментальні засади». До слова, ознайомтеся з темою «психологія користувача» – це теж сюди.
На щастя, у вашому розпорядженні є багато доступних (і безкоштовних) підручників, курсів і ресурсів, а також безліч книг про UX (просто трохи погугліть). Добре буде розпочати з книги «Don’t Make Me Think» (Не змушуй мене думати) Стіва Круга. Саме цей хлопець вважається хрещеним батьком UX дизайну. Мінус – ця книга англійською.
Хороша англійська – це must have для будь- якого напрямку в IT
Тренуйте око
Наступного разу, коли ви потрапите на вебсайт, який вам подобається, приділіть кілька хвилин, щоб проаналізувати, що на ньому так добре працює та приваблює вас. Це палітра кольорів? Дизайн взаємодії? Можливо, типографія?
Подивіться на кожну частину дизайну: відстань між елементами, сітку, на якій розроблено сайт, візуальну ієрархію сайту та навіть використані зображення та значки. Запитайте себе, що працює та апелює, а що ні?
Інвестуйте в правильні інструменти
Я вже згадувала про надпопулярний сьогодні Figma, але не цим інструментом єдиним, як то кажуть. Та все ж, давайте почнемо саме з цього інструменту.
Отже, Figma – це інструмент для спільного проєктування та створення прототипів для цифрових проєктів. Це найновіший софт для UI/UX дизайну на ринку (не даремно я казала про надпопулярний), який швидко став улюбленим інструментом для багатьох дизайнерів.
Наступним буде Sketch – це програма для цифрового дизайну для macOS. Дизайнери, які використовують Sketch, люблять його за можливості плагінів та інтуїтивно зрозумілий інтерфейс.
І нарешті – Adobe XD. Його було створено спеціально для дизайнерів інтерфейсу користувача. Найкраща частина полягає в тому, що Adobe XD є абсолютно безкоштовним і дозволяє з легкістю проєктувати та прототипувати.
Підсумок полягає в тому, що для UI/UX дизайнерів немає єдиного правильного інструменту. Насправді вам вирішувати, яке програмне забезпечення буде найбільш інтуїтивно зрозумілим і зручним.
Починайте будувати портфоліо
Якщо ви починаєте з нуля, я раджу завантажити кілька безкоштовних наборів інтерфейсу користувача (UI kit), які допоможуть розпочати роботу над вашими розробками. Набір інтерфейсу користувача – це набір готових компонентів дизайну, що містить основні візуальні елементи для конкретного UI дизайну (кнопки, піктограми, шрифти, меню тощо).
Для початку використовуйте UI kit, щоб створити власний веб-сайт або мобільний додаток. Але також подумайте про редизайни існуючих сайтів. Виберіть деякі з ваших улюблених веб-айтів і дослідіть, як ви можете змінити їхній дизайн, щоб вони виглядали та функціонували ще краще.
Якщо тренувати око і напрацьовувати естетичне сприйняття дизайнів точно можна самостійно, то розбиратися в дизайнерському софті, дослідженнях аудиторії користувачів і так далі буде складно. Для того, щоб стати UX/UI дизайнером і бути затребуваним на ринку праці вам точно потрібен ментор, репетитор, якщо бажаєте. Робота з досвідченим фахівцем, який має досвід у цій сфері та ще й вміє класно пояснити – це саме те, що вам потрібно.
Не відкладайте на завтра! Знайдіть свого провідника у світ топового UX/UI дизайну просто зараз. МИ про все подбали і всіх знайшли. Тицяйте сюди.
Вам сподобалась ця стаття? Оцініть її!
Loading...
