Kuidas sünnib veebileht.


Veebikujunduse ained.

Sissejuhatus

Veebilehe või rakenduse loomisele eelnevad erinevad protsessid, enne kui reaalne leht või rakendus arendusse läheb või valmis saab. Selles ainemoodulis tutvusin erinevate protsessidega, mis on vajalikud, et lõpptoode vastaks tellija ootustele, lähtuks UX ja UI disaini põhimõtetest ja uuringutest ning oleks kasutajasõbralik ja visuaalselt inutitiivne, andes samas edasi tellija brändi ja tegevuste olemust ja sisu.

Esimene etapp. Mõtleme loovalt ja visandame.


Visandite loomine ja stuktuurikavandid.

Kui idee on olemas, siis esimeseks sammuks on mõtted ja struktuur idee tasandilt mingisse visuaalsesse vormi saada. Selles aines harjutasin erinevaid viise ja tehnikaid, kuidas visandada ideed. Lisaks oli oluline mõista, kuidas disainiprotsess üldisemalt toimib. Selleks kavandasin erinevaid monogramme, lignatuure, stiliseerisin ning harjutasin teisi ülesandeid. Lisaks kujundusprogrammidele oli hea vaheldus ka mõned käelised ülesanded, klassikalise pliiatsi ja paberiga. Üheks mahukamaks ülesandeks kujunes logo kujundamine iluvõimlejate grupile. Minu töö ei saanud küll valituks, kuid käe-ja mõtlemisharjutusena võib selle kindlasti õnnestunuks lugeda.

Teine etapp. Visandist saab kavand.


Disaini kavandamine ja prototüüpimine

Kui idee on läbinud visandamis etapi ning mingid stuktuursed jõujooned n.ö lõuendile tõmmatud, tuleb hakata tegelema sisulise analüüsiga. Siikohal tuleb taas mängu UX disainer, kelle ülesandeks on selgitada välja, kuidas loodav disain oleks kasutaja vaatest mugav tarbida ning seda mitte visuaalses võtmes hetkel, vaid eelkõige lähtudes kasutaja vajadustest ja eesmärkidest. Et pilt oleks selgem ja vaade avaram, tutvusin Steve Krugi raamatuga Don't make me think. Raamat pakkus häid näiteid ja kujundeid, millega arvestada kasutajakeskse disaini loomisel. Tunniteemadena tulid käsitlusse ka kasutajakogemuse üldised põhitõed, millest lähtuda ja juhinduda. tutvusime põgusalt ka juurdepääsetavuse teemadega ning antud valdkond on kindlasti üks teema, millega sooviksin edaspidi pisut lähemalt tutvust teha. Tehniliste oskuste arendamise seisukohalt oli kõige olulisem Figma programmi õppimine, millele pühendasin ka oluliselt aega väljaspool kooliga seotud õppetegevust. Loodan sellega jätkata eesmärgiga õppida selle programmi võimalused maksimaalselt selgeks

Kolmas etapp. Mõtleme lehe kasutajatele.


Veebitehnoloogiad ja kujundusvahendid.

Selles aines jätkasime erinevate disaini teemadega. Eraldiseisev tema oli prototüübid, nende sarnasused ja erinevused ja disainiprotsessi erinevad etapid. Samuti süvenesin erilasesse terminiloogiasse, mis kindlasti tahab edaspidi põhjalikumat süvenemist ja tegelemist. Kokkuvõtvalt võib öelda, et kõik kirjeldatud ained olid omavahel seotud ja integreeritud, seega õppeprotsess toimus jooksvalt ning tunniülesanded ei olnud kindlas seoses õppeaine nimetusega. Põhiprobleemiks kujunes sageli vähene ajamaht ning mitmetesse huvitavatesse teemadesse ei saanud süvitsi sisse minna. Samas oli siiski teekond läbi nende kolme aine huvitav ja loominguline protsess.

Minu pilt

Juba varsti kohtume veebis.


HTML CSS ja Bootstrap.

HTML ja CSS märgendkeelt hakkasin koolis õppima täiesti nullist ja varasem kokkupuude puudus. Nagu iga uue asjaga siis ka siin oli algus üsna segadustekitav. See aine nõudis palju iseseisvat tööd ning õpetaja roll oli väiksem, kui ehk mõnes muus aines. Samas on tänapäeval iseseisev õppimine täiesti võimalik, sest veebikeskkonnad, nagu näiteks You Tube, Chat GPT ja erinevaid videojuhendeid jagavad õppeplatvormid, võimaldavad soovi korral teema suhteliselt hästi endale selgeks teha. Kuna selle porfoolio nõudeks, mida praegu loed, oli tingimus, et see valmiks HTML ja CSS koodi kasutades, siis just nimelt see asjaolu on olnud minu parimaks õpetajaks. Eelkõige seetõttu, et valikuvõimalused puuduvad. Arvan, et HTML ja CSS on hea algus neile, kes soovivad koodiga kunagi lähemalt tutvust teha ning kindlasti on ka UX/UI disainerina hea teada, mis read ja numbrid veebilehtede taga peituvad. Oma tuleviku plaanides, otsest vajadust HTML ja CSS koodikeele rakendamises ei näe, kuid samas elu võib üllatada ning mine tea, ehk mõnel hetkel olen tänulik, et teemaga põhjalikumalt tegelenud olen.

Veebikujundus