Mobilaus dizaino kūrybinis procesas — schemų ir eskizų aplinka

Pranešimas spaudai 2025 m. birželio 16 d. Domain

Mobilusis dizainas kaip prioritetas: kodėl ekrano dydis lemia visos sistemos architektūrą

Domain skelbia naują skaitmeninių mokymų kursą, skirtą visiems, kurie kuria produktus pradedant nuo mažiausio ekrano — ne pritaikant prie jo pabaigoje.

Kontekstas

Ekranų skaičius auga — dizaino logika keičiasi lėčiau

Lietuvoje daugiau nei aštuoni iš dešimties interneto vartotojų pirmiausia jungiasi telefonu, tačiau didžioji dalis kursų ir mokymo platformų vis dar projektuojamos stalinio kompiuterio perspektyvoje ir tik vėliau pritaikomos mažiems ekranams.

Toks metodas generuoja nuspėjamas problemas: lėtai užsikraunantys puslapiai, pernelyg maži spustelėjimo taškai, sutrumpintas tekstas ten, kur turėtų būti pilnas sakinys. Visa tai vartotojas jaučia kaip nepatogumą, nors jo priežastis glūdi projektavimo proceso pradžioje, o ne pabaigoje.

Domain parengė mokymų modulį, kuris pradeda nuo klausimo — ką žmogus mato telefone, kai pirmą kartą atidaro puslapį — ir tik tada kuria visą sistemą aplink tą atsakymą.

„Pradėjau projektuoti iš naujo, kai supratau, kad mano sąsaja veikė kaip papildomas žingsnis — o ne kaip pirma mintis. Nuo mažo ekrano viskas pasikeitė: nusprendžiau, kas svarbu, o ne tiesiog sutalpinau viską."

— Rūta Šimkevičienė, produkto dizainerė, kurso dalyvė

Kurso struktūra

Nuo vieno mygtuko — iki visos sistemos

Moduliai eina griežta tvarka: pirmiausia analizuojamas mobiliojo vartotojo elgesys ir dėmesio ekonomika, tada projektuojami komponentai — mygtukai, formos, navigacija — ir galiausiai testuojama su realiais įrenginiais.

Kiekvienas etapas turi tiesioginę praktinę užduotį. Klausytojas neperima teorijos atskirai nuo veiksmų — abu dalykai vyksta tuo pačiu metu, tame pačiame projekte.

Techninis kontrastas

Kuo skiriasi tradicinis ir mobile-first kodas

Pateikiamas pavyzdys rodo, kaip keičiasi CSS rašymo logika: tradicinis metodas pradeda nuo plataus ekrano ir naudoja max-width taisykles sutraukimui, o mobile-first — nuo mažiausio ekrano ir naudoja min-width plėtimui.

Tradicinis metodas Mobile-first metodas

.kortelė {
width: 340px;
display: flex;
}
@media
(max-width: 768px) {
.kortelė {
width: 100%;
flex-direction:
column;
}
}

.kortelė {
width: 100%;
flex-direction:
column;
}
@media
(min-width: 768px) {
.kortelė {
width: 340px;
flex-direction:
row;
}
}

Metodas

Kaip vyksta mokymas nuotoliniu būdu

Paskaitos transliuojamos tiesiogiai ir įrašomos — klausytojai gali peržiūrėti bet kuriame įrenginyje, tinkamu jiems laiku.

Grįžtamasis ryšys pateikiamas per savaitines sesijas, kur instruktorius peržiūri konkretaus dalyvio sprendimus, o ne kalba apie abstrakčius atvejus. Tai leidžia koreguoti klaidas anksčiau, nei jos įsitvirtina kaip įprotis.

Platforma prieinama iš bet kurio Lietuvos regiono. Kursas pritaikytas tiek tiems, kurie jau dirba su sąsajomis, tiek tiems, kurie tik pradeda sistemingai mokytis dizaino principų.