Про те, як потрапити у професію, про різницю між абревіатурами UX та UI,
а також про важливість якісного дизайну для бізнесу «Відеоматиці» розказала Аліна Петровська, UX/UI-дизайнерка зі Львова.

UX/UI дизайнер – спеціаліст, без експертизи якого наразі не створиш гарний та зручний для користувача сайт, програму або мобільний додаток. Круті UX/UI дизайнери заробляють від 1000 доларів на місяць, і це – далеко не межа. Про те, як потрапити у професію, про різницю між абревіатурами UX та UI, а також про важливість якісного дизайну для бізнесу «Відеоматиці» розказала Аліна Петровська, UX/UI-дизайнерка зі Львова.

Від Motion Design до UI/UX

Своє занурення у світ дизайну Аліна почала зі створення ілюстрацій. Згодом з’явилось бажання «оживляти» свої малюнки. Тому, самостійно вивчивши за уроками з Youtube програму Adobe After Effects, Аліна почала займатись Motion Design. Так пройшли два роки на біржі фрілансу UpWork:

«Це був цікавий з точки зору отримання досвіду, але досить стресовий період. Постійно була потрібна англійська, а на початку вона в мене була не найкраща. Але за два роки мені лише один раз попався російськомовний клієнт, тому довелось навчитись добре читати англійською. В результаті я її суттєво прокачала».

Потім Аліну запросили моушн — дизайнером до IT-компанії. Тут відбувся її перший великий проект — мультик на тему: «Чому ви маєте замовити в нас сайт». Саме працюючи над мультиком, вона вперше зацікавилась UX/UI-дизайном:

«Поки писала сценарій, вивчила дуже багато інформації про сайти та їх дизайн. А ще постійно піддивлялась в монітори колег - UX/UI-дизайнерів. Все більше я розуміла, що цей напрямок мені дуже цікавий».

Вже 1,5 роки Аліна займається саме розробкою інтерфейсів сайтів та мобільних додатків: «Я йду в ногу з проектом, починаючи від технічного завдання, дослідження конкурентів та потенційних користувачів, та закінчуючи передачею макетів в верстку. Іноді беру участь в верстці».

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

Різниця між UX та UI

За словами Аліни, не тільки новачки, але й люди, досить довго працюючі в IT-сфері, можуть плутати, що є UX-дизайн, а що – UI.

Якщо пояснювати на прикладі сайту, то UI (User Interface) – це його зовнішній вигляд, оформлення, «замануха» для очей користувача. А UX (User Experience) – його зручність, логіка та функціональність:

«Більшість починаючих дизайнерів в цій сфері думають, що їх робота буде полягати тільки в малюванні гарних картинок та грою зі шрифтами та кнопочками. Так і буде, якщо ви будете лише UI-дизайнером. Але IT-компанії сьогодні шукають «універсальних солдатів» - UX/UI-дизайнерів в одній особі».

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

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


UX/UI дизайн для бізнесу

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

«Вся суть користі UX-дизайну для бізнесу полягає в тому, що якщо сайт є зручним для клієнта, то буде досягнута бізнес-ціль, наприклад, буде оформлене замовлення в інтернет-магазині. Грубо кажучи, чим більше кліків по потрібній кнопці на сайті, тим більша конверсія та, відповідно, прибуток. А ще, поганий дизайн змусить користувача піти на сайт конкурента».

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

Темні патерни

Рано чи пізно UX/UI-дизайнер зіштовхується з рішеннями, які корисні для
короткострокових цілей бізнесу, але погані для користувачів. Це так звані «темні патерни», які використовують людські слабкості, щоб досягнути бізнес-цілей. Як приклад, це може бути «confirmshaming»: користувача намагаються змусити прийняти пропозицію від компанії, але все формулюється так, щоб у разі відмови він відчув провину або сором:

«Темні патерни – своєрідний пульт керування в руках дизайнерів. Керувати
користувачами треба відповідально. Задача дизайнера вчасно зупинити команду, не дати перейти межу етичного ставлення до користувача та запропонувати альтернативу. Якщо вам вдасться залишитись вірним своїй етиці та допомогти бізнесу зрости – ви будете неоціненним спеціалістом».

Hard skills дизайнера

Без базових навичок (hard skills), а саме знань спеціалізованого софту, буде неможливо потрапити на роботу в жодну IT-компанію. Серед необхідного – пакет програм від Adobe (Photoshop, Illustrator, After Effects, XD), Figma або Sketch, софт для прототипування (Protopie, Marvel, Principle).

Для більшого розуміння, які з ідей можна реалізувати, а які – ні, бажано знати мову гіпертекстової розмітки HTML:
«Взагалі, дизайнеру не обов'язково вміти верстати, але це буде дуже великим плюсом. І скоріше на роботу візьмуть того, хто вміє. Знання HTML дає розуміння, які є технічні можливості для втілення ідей. Також дизайнеру буде легше спілкуватися з програмістами».

Не менш важливий скіл – вміння будувати Customer Journey Map – карту руху користувача по майбутньому сайту:

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

Щоб продемонструвати клієнту, як буде виглядати його сайт, важливо вміти робити клікабельні прототипи:

«При їх створенні вам будуть не зайві знання з моушн — дизайну. Тоді ви зможете зробити макет інтерактивним, показати, як працюють кнопки або відбувається перехід між сторінками».

Ще одна корисна навичка – вміння проводити Usability-тестування. Це коли дизайнер тестує макети на реальних людях, отримує фідбеки та править свої проекти.

Soft skills дизайнера

Soft skills – це особисті якості кожного окремого дизайнера. Це як «плюшки», які отримує від спеціаліста його роботодавець.

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

Дизайнер має бути емпатом. Тобто він має «відчувати» користувача та ставити себе на його місце при розробці функціоналу.

Не менш важлива якість — пунктуальність, тобто треба встигати завершити роботу до дедлайну. А ще справжній біль програмістів – відсутність акуратності в макетах дизайнерів:

«Підписуйте шари і здавайте акуратні макети. Довго розбираючись з вашими
непідписаними шарами, програміст витратить більше часу на верстку та програмування. Тим самим, затримається здача всього проекту. І в цьому потім звинуватять вас».

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

Тренди в UX/UI дизайні

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

«Сайт — візітка може бути односторінковим. Але корпоративний сайт великої компанії – ні. Він буде довгий, адже є дуже великий масив інформації, який треба розмістити. Мені особисто подобається скропити довгі сайти, це як певна медитація».

Що стосується дизайну користувацького інтерфейсу, то останні роки в тренді був flat- дизайн. Це коли в елементів відсутні зайві ефекти, нема об’єму та глибини. Зараз же прогнозується поява неоморфізму – дизайну, що використовує розмиття, кути та інтенсивність тіні об'єкта для його виділення:

«Вже був такий період наприкінці 2000-х років, коли елементи інтерфейсу були більш об’ємні, реалістичні, їх хотілося потрогати. Тоді це називалось «скевоморфізм». Говорять, що мода циклічна, то, дуже ймовірно, об’ємність повернеться. До того ж люди втомились від flat - дизайна, бо все пласке та однакове».

Поради новачкам:

— Щоб прокачувати дизайнерський смак, кожного дня, хоча б по 20 хвилин, листайте такі сайти, як Behance, Dribbble, Pinterest, читайте статті на Medium та інших ресурсах, що спеціалізуються на дизайні та IT-тематиці. Збирайте свій багаж ідей, які можуть «вистрілити» в будь-який момент

— Не тягніть зі створенням проектів для портфоліо – це те, що хвилює керівництво IT- компаній, а також – must have на співбесіді

— Розвивайтесь всебічно, не зациклюйтесь на одній сфері, вивчайте моушн — дизайн, верстку, ілюстрацію – ви не знаєте, чим саме ви захочете займатись завтра.

Ще більше цікавих порад та цінної інформації за темою «Як стати UX/UI дизайнером» ви знайдете в інтерв’ю з Аліною на нашому каналі за посиланням
https://www.youtube.com/watch?v=u1n4JdI_Fvk

Список литературы про дизайн:
1) Алан Купер «Психбольница в руках пациентов»
2) Дональд Норман «Дизайн привычных вещей»
3) Джеф Раскин «Интерфейс: новые направления в проектировании компьютерных систем»
4) Илья Бирман «Пользовательский интерфейс»
5) Алан Купер «Об интерфейсе»
6) Виктор Папанек «Дизайн для реального мира»
7) Александра Королькова «Живая типографика»
8) Иоханнес Иттен «Искусство цвета», «Искусство формы»
9) Ян В. Уайт «Редактируем дизайном»
10) Аарон Уолтер «Эмоциональный дизайн»
11) Дэн Сидерхолм «CSS3 для веб-дизайнеров»
12) Итан Маркотт «Отзывчивый веб-дизайн»
13) Кит Джереми «HTML5 для веб-дизайнеров»
14) Люк Вроблевски «Сначала мобильные»
15) Майк Монтейро «Дизайн – это работа»
16) Стив Круг «Веб-дизайн»
17) Голден Кришна «Хороший интерфейс – невидимый интерфейс»

Анастасія Шевченко

Made on
Tilda