Как да стана UX/UI дизайнер и да подредя портфолио от нулата

Как да стана UX/UI дизайнер започва с един факт от пазара: в списъка на DEV.BG за UX/UI и графични дизайнери има 27 обяви, а единствената младша позиция във видимата част е „Junior UI/UX Designer (with experience)“ (DEV.BG). Същата обява се повтаря пет пъти, за Пловдив, София, Варна, Бургас и работа от разстояние. Уговорката „with experience“ е причината портфолиото да е главният документ на начинаещия. Това е наш извод от обявата.

UX и UI дизайнер, две задачи в една позиция

UX (user experience, потребителско изживяване) описва как хората работят с продукт, например уебсайт или приложение. Добрият UX е функционален, лесен за употреба, бърз и достъпен за всички (Advance Academy). UI (user interface, потребителски интерфейс) е визуалната част на същия продукт.

На практика двете роли често се събират в една обява. В списъка на DEV.BG се срещат заглавия като „UX/UI Designer“, „UX Designer“ и „Product Designer“ (DEV.BG). Затова начинаещият трябва да може да обясни и защо екранът е устроен така, и как изглежда.

Разликата между двете е добре обяснена в статията UX и UI: защо доволният потребител е в основата на успешния сайт.

Работата върви по ред. Агенция описва пълния си процес като уъркшопи със заинтересованите страни, анализ на конкуренцията, потребителски интервюта и потребителски пътеки. След това идват дизайн система, схематични чертежи на екраните (wireframes), подробни дизайни и интерактивни прототипи (Студио Кипо). За учене това значи, че проучването е преди рисуването.

Как да стана UX/UI дизайнер, обем на ученето и срокове

Източниците не дават един общ срок за „професията“. Те дават обем на отделни неща, а те се подреждат в таблица.

Източник: Студио Кипо (Студио Кипо); SoftUni Creative (SoftUni Creative); Interaction Design Foundation (Interaction Design Foundation (IxDF)); Nielsen Norman Group (Nielsen Norman Group).

Часовете могат да се превърнат в календар. По наша сметка по данни на SoftUni Creative, 220 часа при 10 часа седмично са 22 седмици, или около пет месеца (SoftUni Creative). При 6 часа седмично те са, по наша сметка по данни на SoftUni Creative, около 37 седмици, т.е. около осем и половина месеца. Това е мащабът на водено обучение, не гаранция за работа.

Програмата включва изграждане на портфолио в рамките на тези часове (SoftUni Creative). Ако учите сами, добавете време за собствени проекти.

Figma и другите инструменти, които се срещат в работата

Агенциите назовават Figma като среда за дизайн системи. Във Figma се подреждат design tokens (запазени стойности за цветове, шрифтове и размери), библиотека от повторно използваеми компоненти и насоки за екипа (Студио Кипо). Същата агенция работи по модела Atomic Design, при който интерфейсът се сглобява от малки части към по-големи.

Българска програма дели ученето на отделни курсове по Figma, по проучване на потребителите (UX Discovery) и по дизайн системи (SoftUni Creative). Това е удобен ред и за самостоятелно учене. Първо се учи инструментът, после проучването, накрая системата.

Втори набор умения е достъпността. Проверката по WCAG (насоки за достъпност на уеб съдържание) е част от одита, който агенцията предлага (Студио Кипо). Учебно издание я включва сред основните теми за UX и твърди, че първата проверка се прави за минути (Advance Academy). Nielsen Norman Group пък предлага курс, в който дизайнерът прави прототипи в кодови инструменти (Nielsen Norman Group). Кодът не е задължителен за входа, но улеснява разговора с разработчиците.

Проекти за портфолио, които показват процес

Агенциите описват работата си като поредица от интервюта, пътеки и тестове (Студио Кипо). Затова най-убедителният проект на начинаещия показва целия път, а не само финалния екран. Така стига и до въпроса, който друго обучително издание поставя: красивите страници ли правят портфолиото силно, или историята зад тях (Advance Academy).

Първият проект е одит на съществуващ малък сайт. За модел може да послужи одитът, който агенцията предлага и в който влиза проверка по WCAG (Студио Кипо). Агенцията описва резултата от такъв одит като доклад с визуални примери и приоритизирани препоръки. Начинаещият може да изработи същото и без клиент.

Вторият проект тръгва от нулата. Взима се дребна идея, например приложение за общинска услуга, и се минава през интервюта, потребителски пътеки, схеми на екраните и интерактивен прототип (Студио Кипо). Към него се добавя малка дизайн система с компоненти и документация. Всяка стъпка се показва с бележка какво е научено и какво е променено след теста.

За подредбата на готовите проекти вижте портфолио за IT начинаещи. За прехода от хоби към първи клиенти има и разказ за дизайна като професия.

Какво показват обявите за младши позиции

Във видимата част на списъка на DEV.BG има 20 реда, от които 4 със „Senior“ в заглавието и 5 повторения на една и съща младша позиция, пресметнато по данни на DEV.BG (DEV.BG). Част от обявите изобщо не са за UX. Те са за игрови артисти, графични дизайнери и motion дизайнери. Вижда се и че 14 от 27 обяви са нови, тоест списъкът се обновява често.

Платформата дава филтри за начинаещи графични дизайнери и за UI/UX стажанти, както и филтър само за обяви със заплата (DEV.BG). Тези филтри са по-реалистичният вход от директна кандидатура за позиция „Senior“. Старши роли се заемат обикновено след години работа, а портфолиото за тях е друго. Какво изисква пътят от младши нагоре, обяснява материалът за стъпките от младши до водещ дизайнер.

Безплатни ресурси и тенденциите, които да следите

Interaction Design Foundation пази библиотека, която описва като безплатен ресурс по UX/UI, а организацията е основана през 2002 г. (Interaction Design Foundation (IxDF)). Nielsen Norman Group публикува статии и видеа, а изследванията ѝ са натрупани за над 28 години (Nielsen Norman Group). Платените програми са друга категория. Членството на NN/G е 249 щатски долара годишно за над 30 курса по собствено темпо. Цените се сверяват на самите страници, защото се сменят.

Най-видимата тенденция в двата източника е изкуственият интелект. Статия на NN/G твърди, че AI разширява UX отвъд хората към агенти, които действат от тяхно име (Nielsen Norman Group). Друга статия на същото издание гласи, че в екипите с AI-базирана разработка UX трябва да открива потребителските нужди и да оценява продукта преди и след пускането. IxDF има курс „AI for Designers“ с 57 урока (Interaction Design Foundation (IxDF)). NN/G предлага и курс по UX писане с помощта на AI.

Според нашия извод, въз основа на тези страници, основата не се сменя. Проучването, тестването и достъпността остават, а AI променя инструментите около тях (Nielsen Norman Group, Студио Кипо).

Заплати и точни срокове за младши UX/UI дизайнери, какво липсва

Проверените страници не дават заплати за младши UX/UI дизайнери. DEV.BG предлага филтър само за обяви със заплата (DEV.BG), но той не е обобщена статистика за професията. Данни на НСИ или доклад на БАСКОМ за професията не сме проверявали, затова не посочваме сума. Не сме проверявали и официалната документация на Figma, затова не твърдим какви са цените и новите функции на инструмента.

Срокът до първата работа също не личи от тези източници. Известни са само часовете на структурирано обучение (SoftUni Creative) и сроковете на агенционните проекти (Студио Кипо). Колко време е нужно на един човек, зависи от предишния му опит, времето му и качеството на портфолиото.