Kasutajaliides ja prototüüpimine

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

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 üldnõuded

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

• ekraanivaate ülesehitus

• komponentide õiged kasutuskohad

• komponentide õige seadistusloogika

• ligipääsetavuse tagamise nõuded komponendi kaupa

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

vt ka ligipääsetavuse suuniseid: https://accessibility.twn.ee/ 

https://www.tehik.ee/uudis/tedi-uudiskiri-i-kvartal-2025 

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 nn e-ehituse vana disainisüsteemiga arenduste kohta. Need prototüübitakse ka endiselt 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.

Lisaks on tuleb prototüübi koostajal hoida end kursis Figma uuenduste ja kasutamisjuhenditega https://help.figma.com/hc/en-us/categories/360002051613-Get-started 

TEDI projekti ligipääs, kui oled seal juba sees.

AI Figmas:

• AI tööriistade valik Figmas 

• AI tööstiistade võimalused Figmas

Naljaviluks Eesti ipsum: https://brand.estonia.ee/juhendid/trukk/eesti-ipsum/?paras=5&type=Eesti-ipsum-and-filler&start-with-lorem=1 

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:

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

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

• Riigiasutuste visuaalse identiteedi stiilijuhis: https://www.riigikantselei.ee/valitsuslogo (Näiteks asutuste logode jms materjali allikas)