Kasutajaliides ja prototüüpimine

Kõik Maa- ja Ruumiameti uued arendused alates aastast 2025 kasutavad TerveEesti DIsainisüsteemi (TEDI).

• E-ehituse digiteenuste loomisel tuleb järgida kindlasti E-ehituse keskkonna mittefunktsionaalseid nõudeid ja 

• kõikide MaRu digiteenuste arendustes üldistest KEMIT-i mittefunktsionaalsetest nõuetest.

Varasemalt teenustes juba välja töötatud visuaalseid valikuid tuleb kasutada kõikide järgnevate teenuste puhul, kui ei ole tellitud nende valikute ümbertegemist.

Juhul kui alusmaterjalis esineb erinevate dokumentide vahel vasturääkivusi, tuleb konsulteerida Maa- ja Ruumiameti digiteenistuse teenusedisaini juhiga, kuid üldjuhul tuleb lähtuda rangemast nõudest.

Kindlasti tuleb arvestada disaini, komponentide ja ärireeglite kohta käivat lisainfot arendustööde lähteülesannetes.

TEDI dokumentatsioon ja stiilijuhised: https://www.tedi.ee 

GIT: https://github.com/TEDI-Design-System 

Storybook: https://storybook.tedi.ee/ 

VEERA disainisüsteemi UX nõuetes: kasutajakogemuse mittefunktsionaalsed üldnõuded, sh 

• vormide koostamise loogika, kasutajale tagasiside andmine edu- ja veaolukordade puhul

• tekstide kirjutamise nõuded

• vormi täitmisel eksimiste vältimise viisid, kohustuslike vormide tähistamine

• klaviatuuri kasutamise võimaldamine

• ligipääsetavuse üldised nõuded

TEDI UI/UX nõuetes: komponentide kasutamine, sh

• ekraanivaate ülesehitus

• komponentide õiged kasutuskohad

• komponentide õige seadistusloogika

• ligipääsetavuse tagamise nõuded komponendi kaupa

Kõik Maa- ja Ruumiameti tellitud digiteenused tuleb prototüüpida riigiüleses TEDI Figmas Maa- ja Ruumiameti digiteenistuse Figma tiimis, sest selles keskkonnas on Figma projektides kasutuseks publitseeritud TEDI komponentide raamatukogud. Projektides on kohustuslik kasutada seda publitseeritud raamatukogu, mis projekti alguses on viimasena publitseeritud. 

Erandjuhtudel võib olla tellijaga kokku lepitud varasema raamatukogu kasutamine. Näiteks, kui täiendatakse varem valmis ehitatud rakendust ja töö skoobis ei ole ette nähtud kasutajaliidese komponentide täielikku üleviimist uuele versioonile. See kehtib nt e-ehituse vana disainisüsteemiga arenduste kohta. Need prototüübitakse ka MaRu siseses Figmas.

Prototüüpimisel tuleb järgida komponentide Figmas kasutamise reegleid, mis on kirjeldatud TEDI Figma failis komponentide juures. Näiteks, millised komponendid on mõeldud lammutamiseks, millised mitte.

TEDI Figma tööriistad on väga hästi välja arendatud ja seetõttu on oluline, et komponente kasutatakse korrektselt, mallid on nn autolayoutil ning prototüüpija vastutab selle eest, et ta on vilunud Figma tööriista kasutaja.

Prototüübi koostaja hoiab end kursis Figma uuenduste ja kasutamisjuhenditega https://help.figma.com/hc/en-us/categories/360002051613-Get-started 

TEDI projekti ligipääs, kui oled juba sellesse ligipääsu saanud.

AI Figmas:

• AI tööriistade valik Figmas 

• AI tööstiistade võimalused Figmas

TEDI põhikomponendid

• https://www.figma.com/design/jWiRIXhHRxwVdMSimKX2FF/TEDI-READY

• Olemas ka Figma kommunis alla laadimiseks: https://www.figma.com/@tedigov 

• Ametlik TEDI baaskomponendistik

• Koopiana publitseeritud MaRu Figmas kasutamiseks

TEDI kaardikomponendi komponendid

• https://www.figma.com/design/3DIVbgDcC0R4qgqWhZMfvw/Map-Design-System 

• Olemas ka Figma kommunis alla laadimiseks: https://www.figma.com/@tedigov 

• TEDI reeglitele vastav maakaartide rakenduste komponendistik. Ametlik TEDI osa

• Koopiana publitseeritud MaRu Figmas kasutamiseks

• Vaata ka näidiseid rakenduse FE teostamisviisidest: https://tedikaart.maaruum.ee/ 

TEDI ikoonid

• https://www.figma.com/design/zSakDgXB2nHAtkPXiWms5s/TEDI-Icons 

• Olemas ka Figma kommunis alla laadimiseks: https://www.figma.com/@tedigov 

• TEDI-s kasutusel olevate ikoonide nimistu

TEDI Community komponendid

• https://www.figma.com/design/aw4UVf6HRaZEv0rQmED2cf/Community--TEHIK-Design-System- 

• Komponendid, mis ei ole ametlikud TEDI komponendid, kuid on tehtud TEDI nõudeid järgides mõne eraldi projekti raames

• Nendest võib kujuneda kunagi mõni päris ametlik komponent, kuid ei pruugi.

Vaata: https://www.tedi.ee/1ee8444b7/p/687faf-layout 

Kasutajaliides peab olema testitud ja töötama kõigi enamlevinud lehitsejatega (Chrome, Edge, Firefox, Safari) nii arvuti, tahvli kui ka mobiilivaates.

Eestis on kasutusel veel disainisüsteeme, millega võib juhtuda, et tuleb arvestada Maa- ja ruumiameti teenuste loomisel:

• Eesti brändi disainisüsteem rahvusvahelise tutvustuse jaoks: https://brand.estonia.ee 

• Riigiasutuste visuaalse identiteedi stiilijuhis: https://www.riigikantselei.ee/valitsuslogo 

  • sh näiteks asutuste logode jms materjali allikas

  • valitsusportaali disainisüsteem: http://159.89.9.11/ (Näiteks kasutusel lehel https://maaruum.ee/)

Välisrahastusega seotud projektide toetustest informeerimise nõuded:

• Määrus "Taaste- ja vastupidavuskava elluviimise korraldus ja toetuse andmise üldtingimused"

• Logo juhised: https://www.rtk.ee/toetused-taotlemine/taaste-ja-vastupidavusrahastu-rrf/rrf-teavitusreeglid 

• https://www.rtk.ee/toetused-taotlemine/kiirelt-katte/logod-ja-sumboolika