Veebiartiklit koostama asudes
- kaardista olemasolev materjal
- vajadusel loo puuduolevad infokillud
- analüüsi külastatavuse statistikat
- võta arvesse otsingu statistikat
- lisa külastajale valdkondlikult oluline info
- struktureeri ja esita see info sisulehel
Sisukomponendid
Kaheks veeruks jaotatud sektsioon, ehk 50:50 on kõige klassikalisem sisukomponent, mis sobib praktiliselt alati. Sobiv kasutamiseks siis, kui kõrvuti veergudes on tekst ja pilt või tekst ja infokast. Sobib kasutamiseks nii esilehel kui sisulehtedel.
Sisu peab jagunema veergude vahel loogiliselt, mitte lihtsalt mehhaaniliselt pooleks.
Tekstid peavad olema enam-vähem ühekõrgused, teatud kõikumine on lubatud. Kummaski veerus võib kasutada bulleteid ehk mäluvaiu, lisainfokaste, üksikuid linke, vahepealkirju, jooniseid, pilte jne.
Sobib kasutamiseks, kui 1/3 sisukomponendist on sissejuhatus või lühem info ja selle järel 2/3 on sisu põhiosa.
Kummaski veerus võib kasutada bulleteid ehk mäluvaiu, lisainfokaste, üksikuid linke, jooniseid, pilte jne.
Sobib kasutamiseks juhul, kui ühe teema saab jagada kolmeks enam- vähem võrdseks plokiks.
Kui plokkides kasutatakse fotosid, siis peavad need asetsema alati ploki ülemises otsas pealkirja all.
Hea kasutada lisainfo linkide ja kontaktinfo esitlemiseks või sisulehe tutvustamiseks.
Sisukomponentide kombinatsioonide näited
Tagamaks kindlama sektsioonide eristatavuse, võib sisukomponentide vahel kasutada vahejoont. Kasuta vahejoont kui algab uus sektsioon/teema/mõte.
Leia võimalusi info visualiseerimiseks (graafikud, infogrammid jne) ja kompaktseks esitamiseks (tabelid, akordionlahendus). Kui sisu väljub asutuse veebilehest, siis kasuta korrektset väljaviitamise linki. Ära kunagi dubleeri riigiasutuste juba olemasolevat veebisisu. Paku külastajale alati infoga süvitsi tutvumise võimalust (täistekst dokumendid, tabelid, uuringud, analüüsid jne).
Et tagada pildi kvaliteet erinevate suurustega ekraanidel, jälgi, et pildi faili suurus oleks vähemalt 1440px lai ja 400px kõrge.
Akordion ja vahekaardid
Sisuloome komponendina on akordion ja vahekaardid samad. Tegemist on funktsionaalsusega, mis võimaldab muuta loodud sisu kuvamisviisi avalikus vaates - akordion, vertikaalsed vahekaardid ja horisontaalsed vahekaardid.
Sobib kasutamiseks juhul, kui suure tekstimahu puhul soovitakse puhtama kujunduse huvides välja näidata ainult osa sellest.
- Kinniselt on ploki kõrguseks maksimaalselt 2 rida teksti
- Paremal pool asuval noolel klikkides kast avaneb
- Avatult võib plokis kasutada ka pilti ja erinevaid mooduleid ja komponente
- Templiiti võib korrata mitu korda üksteise all
Selle komponendi kasutus on kindlasti visuaalselt atraktiivne ja tänu uuele VP-le küllaltki mugav, mistõttu võib tekkida soov sellega nö liiale minna. Kindlasti ei ole soovitav tekitada selle komponendiga sisulehele liigseid infokihte, mis muudavad selle tarbimise külastajale ebamugavaks. Artikli kihilisus võimendub eriti mobiilses seadmes.
Tabelid
Tabelis antakse edasi vaid omavahel seotud infot, see peab olema võrreldav või loogilises seoses. Teksti jälgimisel on tabel alati halb valik, sest tabelina esitatud info lugemiseks peab külastaja seosed ise looma. Seepärast kasuta tabeleid vaid siis, kui kõik muud alternatiivid on ammendatud.
- Tabelitele on võimalik lisada vahepealkirju.
- Iga vahepealkirja vahele peab jääma vähemalt üks tabeli rida.
- Tabelite ridu on võimalik lahti ja kinni vajutada (kontaktinfo tabelid).
HTML tabelite loomine tekstilõik komponendis
Dokumente ja linke failidele on võimalik esitada dokumendiplokk komponendiga. Tegemist on tabeliga, millel on võrreldes HTML tabelitega oluliselt parem kohandumisvõime erinevate suuruste seadmete ekraanidele.
Komponent võimaldab vaid ühe määranguga lisada selle päisesse otsingu.
Kontaktide jaoks loodud tabelilahendus on spetsiaalselt kontaktide esitamiseks loodud. Tabel moodustatakse automaatselt SAP kontaktinfo impordi käigus
Vormid
Vormid on hea viis info või sisendi korjeks veebikülastajalt. Vormide kasutamisel tuleks kindlasti järgi selle koostamise head tava:
- küsi ainult infot, mida vajad ja mida Sul pole.
- koosta vormi väljad, järjestuses ja grupeeri need loogiliselt. Mõtle läbi, kuidas toimuks suhtlus samal teemal silmast-silma.
- väljade sisu peab toetama andmete sisestust, näiteks telefoni numbri väli peaks mobiilis pakkuma telefoni numbri sisestamise klaviatuuri jne.
- hoia lahtrite pealkirjad lühikesed ja kasuta vajadusel abitekste külastaja juhendamiseks
- vähenda info sisestamise vajadust kasutades näiteks eelsisestatud valikuvõimalusi. Ole tähelepanelik vaikimis valikutega, sest külastaja ei pruugi neile tähelepanu pöörata ja õiget valikut teha.
Näide "Esita küsimus või ettepanek" vormi ülesehitusest:
Esmalt on vormil väljade grupp, milles pöörduja saab anda enda kohta infot.
Teisena tuleks sisestada väljade grupp teemakäsitluseks või pöördumise sisu jaoks.
Kolmandana on vormi lõppu lisatud väljade grupp, milles on külastajal võimalik jätta infot edasise suhtluskanali eelistuste osas.
NB! Ära küsi vormiga isikuandmeid, mille juurdepääsule ja hoidmisele kehtivad ranged reeglid.
Toimivate vormide näited demo lehelt
Ajajoon
Ajajoon võimaldab visuaalselt atraktiivselt infot jadas esitada
Järjestuses tuleb silma pidada, et tegemist oleks sama teema käsitlusega. Infot võib esitada horisontaalselt või vertikaalselt.
Ajajoone elemendid on kujundatavad, st element ajajoonel võib olla:
- kitsas või lai
- sinine, hall või valge
Peale ajajoone elementide kujundamist kontrolli, et see näeks korrektne välja ka avalikus vaates.
- 2021
- 2021
Soovi korral mingi jutt
SKP reaal
Soovi korral mingi jutt
SKP mõlemad
Viimati uuendatud 12.12.2023
