Хендофф: макетте жоқ, бірақ онсыз экран жиналмайтын алты нәрсе

Әзірлеуші макетті ашып, бір кадрды көреді: түйме, өріс, үш жолдан тұратын тізім. Өмірде сол экран бос та болады, әлі жүктеліп те тұрады, желі қатесімен де, қырық таңбалы есіммен де, екі жүз позициялық тізіммен де кездеседі. Мұның бәрін біреу ойлап табуы керек — не дизайнер алдын ала, не әзірлеуші релизге дейінгі соңғы күні, өз білгенінше.

Неге бұл жалдау кезінде сұралады

25 қыркүйекте бізде 57 компаниядан UX/UI дизайнердің 61 бос орны ашық. Рөлдің өзін мамандық беті қысқа сипаттайды: веб пен мобильді қосымшалардың интерфейсі, прототиптер, әзірлеумен жұмыс. Соңғысы тізімнен түсіп қалмайды.

Портфолио талаптарынан бұл тікелей көрінеді. 61 бос орынның 37-сінде талаптарды талдау мүмкін болды, солардың ішінде қарауға ашық Figma бастапқы файлдарын 76% жағдайда күтеді, компоненттік жүйе немесе токендер туралы кейсті — 62%, статикалық экрандардың орнына интерактивті прототипті — 35%.

Толығымен осы туралы рөл де бар: Design System дизайнер, 25 қыркүйекте 23 бос орын. Онда талаптар жиырма үшінің бәрінде талданған, және токендер мен құжаттамасы бар компоненттік кітапхана әрқайсысында тұр.

Ал қолжетімділік — контраст, пернетақта, скринридерге арналған белгілеу — ең жиі сұралатындар тізімінде соңғы: UX/UI-да 7%, Design System дизайнерде 17%. Сирек сұрайды, бірақ прод ортада жиі бұзылады.

Макетте көрінбейтін алты нәрсе

1. Күйлер. Алғашқы деректерге дейінгі бос экран, жүктелу, қате, сәтті аяқталу, «ештеңе табылмады». Бір кадрдың орнына бесеу — сұрақтардың жартысы сізге тіпті жетпейді.
2. Шеткі жағдайлар. Ең ұзын есім, ең ұзын баға, нөл элемент, екі жүз элемент. Біздің нарықта бұған екінші тілдік нұсқа қосылады: қазақ сөзі орыс сөзінен ұзын, бұрын бәрі сыйып тұрған түймеге енді сыймай қалады — бұл туралы бөлек жаздық.
3. Мінез-құлық. Не басылады, қайда апарады, қайта басқанда не болады, байланыс үзілгенде не болады. Сызбадағы бір көрсеткі бір сағаттық хат алысудан арзан.
4. Бейімделу ережелері. Не созылады, не келесі жолға көшеді, тар экранда не жасырылады. «Телефондағыдай» үш макет емес, кез келген аралық ені жиналатын ереже.
5. Атаулар. Макеттегі түс кодтағы айнымалымен бірдей аталса, әзірлеушіге сәйкестік кестесін есте сақтаудың қажеті жоқ. Figma стильдерді кодтағы токендерге қарай атауды тікелей ұсынады — бұл олардың әзірлеуге беру бойынша кеңесі.
6. Релиз шекаралары. Осы файлдан қазір не жасалады, не болашаққа салынған. Осы жол болмаса, жұмысқа бәрі қатарынан кетеді.

Мұны немен ресімдеу керек

• Аннотациялар мен өлшемдер тікелей қабатқа қойылады. Figma аннотация қасиеттері макетпен бірге жаңарып отыратынын жазады: шегіністі өзгерттіңіз — жазу өзі өзгерді. Оларды толық лицензиясы және файлды өңдеу құқығы бары қоса алады.
• «Әзірлеуге дайын» белгісі секцияда, фреймде немесе компонентте. Dev Mode-та белгіленгеннің бәрі күй бойынша сүзгісі бар бір тізімге жиналады, әзірлеушіге керек кадрды кенептен іздеудің қажеті жоқ. Күйді толық және dev лицензиясы барлар өзгерте алады.
• Компонент сипаттамасы бар фрейм дизайн-жүйе файлының ішінде: қалай аталады, не үшін керек, қандай нұсқалары, қандай күйлері бар. Бұл да Figma-ның макетті әзірлеуге беру бойынша кеңестерінен.

Мұнымен не істеу керек

Соңғы жобаңызды алып, оған бір бөлім қосыңыз: әзірлеуге нақты нені бердіңіз. Бес күй, екі шеткі жағдай, бейімделу ережесі, релиз шекаралары. Дәл осы — он бос орынның алтауында күтілетін компоненттер туралы кейс, әрі сұхбаттағы кейс талдауына дайын жауап.

Кейс толығымен қалай құрылады — анықтамалықта. Хендофф, токендер, дизайн-ревью нені білдіреді — сөздікте. Қазір кім жалдап жатыр — UX/UI және Design System беттерінде.