Hero
Lähes jokaisen sivun ensimmäinen blokki, jonka tarkoitus on kertoa ytimekkäästi käyttäjälle mitä sivu käsittelee.
Käytetään otsikointiin aina H1:stä (Pääotsikko). Heron tekstin tulisi aina olla tasattuna vasemmalle.
Ei käytetä vanhaan variaatiota, jossa on teksti kuvan päällä.
Napit/Painikkeet
Oletus
- Visuaalisesti kevyempi nappi, joka ei häiritse käyttäjää sisältöä silmäiltäessä. Toimii hyvin silloin kun sivulla on paljon sisältöä tai eri osioita.
Taustaväri
- Nappia kannattaa käyttää silloin kun puhutaan tärkeästä asiasta ja halutaan, että käyttäjä varmasti huomaa painikkeen. Voidaan käyttää rinnakkain oletus napin kanssa. Huom! Rinnakkain käytettäessä taustavärillinen nappi aina ennen oletus nappia.
Teksti ja nuoli
- Vaihtoehto tekstilinkille. Käytetään osion lopussa ohjamaan käyttäjää eteenpäin muille sivulle.
Listaus
- Käytetään nimensä mukaisesti silloin, kun halutaan listata linkkejä.
Haitari 1
Haitarin päätarkoitus on tehdä sivuista helpommin silmäiltäviä. Parhaiten sisältöhaitari toimii silloin, kun sivun sisällöllisessä tarinankuljetuksessa tapahtuu jokin sivupolku. Sivulle tärkeää sisältöä EI HALUTA PIILOTTAA haitarin sisälle. Jokainen suljettuna esitetty haitari sivulla vaatii käyttäjältä aktiivista klikkaamisen vaivaa, jotta sisältöä saisi silmäiltäväkseen ja tulkittavakseen. Punnitse siis tarkoin, haluatko olla aiheuttamassa käyttäjälle tätä ylimääräistä vaivaa.
Haitari 2
Musta keskitetty haitari
Palstat
- Palstat ovat tärkeä elementti sisällöntaitossa ja niitä voidaan käyttää melko vapaasti.
- Palstan sisältö on aina hyvä otsikoida. Varsinkin jos sisältöä on enemmän. Tämä helpottaa käyttäjää löytämään häntä kiinnostavaa sisältöä.
- Pyritään pitämään palstat sisältömäärältään mahdollisimman tasapainossa. Eri pituiset palstat eivät näytä hyvältä. Vinkki! Jos vierekkäiset palstat ovat sisältömääriltään huomattavasti eri pituisia, kannattaa sisältö asetella allekkain.
3-Palstaa
- Voidaan käyttää kuvalla tai ilman.
- Yritetään pitää teksti lyhyenä ja ytimekkäänä. Kapeampi palstaleveys tekee pitkien tekstien lukemisesta raskasta.
- Soveltuu hyvin kohtiin, joissa on vähemmän tekstiä.
Palsta 1
Tämä on tavallinen 3-palstainen sisältöalue.
Palsta 2
Tämä on tavallinen 3-palstainen sisältöalue.
Palsta 3
Tämä on tavallinen 3-palstainen sisältöalue.
2-Palstaa
- Voidaan käyttää kuvalla tai ilman. Kuvaa käytettäessä, tasataan sisältö aina vasemmalle.
- Soveltuu nostoihin, joissa on enemmän tekstiä. Sydänliiton etusivulla hyödynnetään hyvin tätä blokkia.
- Soveltuu myös videoiden nostamiseen.
Otsikko
Lorem ipsum dolor sit amet consectetur. Eu est tellus senectus arcu euismod lorem. Placerat amet quam morbi a ante vulputate libero. At magna sem pellentesque quam. Tellus nulla eu donec eget. Lorem ipsum dolor sit amet consectetur. Eu est tellus senectus arcu euismod lorem. Placerat amet quam morbi a ante vulputate libero. At magna sem pellentesque quam. Tellus nulla eu donec eget.
1-Palsta
- Ei käytetä kuvan kanssa.
- Sisältö pääsääntöisesti aina keskitettynä.
Eeron sydäntarina
Lorem ipsum dolor sit amet consectetur. Eu est tellus senectus arcu euismod lorem. Placerat amet quam morbi a ante vulputate libero. At magna sem pellentesque quam. Tellus nulla eu donec eget.
Lahjoita
Lorem ipsum dolor sit amet consectetur. Eu est tellus senectus arcu euismod lorem. Placerat amet quam morbi a ante vulputate libero. At magna sem pellentesque quam.
Kuva ja teksti
- Yleinen ja tehokas tapa esittää tietoa visuaalisesti houkuttelevalla tavalla.
- Käytetään oleellisia kuvia, jotka sopivat sisältöön.
- Tekstin tulee olla aina tasattuna vasemmalle.
HUOM!
- Liikaa käytettynä tekee käyttökokemuksesta levottoman: Silmä joutuu hyppimään toistuvasti puolelta toiselle. Muista, että sisältöä voidaan esittää myös rinnakkain ja koota silmäiltäviksi kokonaisuuksiksi palstojen avulla.
- On myös hyvä kiinnittää huomiota sisällön määrään. Isommat teksti kokonaisuudet tulisi jakaa pienempiin osiin.
- Osio-blokin hyödyntäminen: Osion väriä vaihtamalla pystyy visuaalisesti erottamaan kokonaisuuksia toisistaan. Mieti kuitenkin tarkkaan onko taustavärin vaihtaminen aina tarpeellista.
Linkki
- Käytetään silloin kun halutaan kiinnittää käyttäjän huomio tärkeään linkkiin. Esim. ”Lahjoita” tai ”liity jäseneksi”
- Toimii parhaiten sivun tai isomman kokonaisuuden lopussa.
Lyhyt otsikointi
NappiListaus
- Käytetään silloin kun halutaan tehdä sivunostoja. Listauksen tarkoitus on auttaa käyttäjää eteenpäin ja löytämään häntä kiinnostavat sivut.
- Muista käyttää osion otsikointia. Kerro käyttäjälle mitä listaus pitää sisällään.
- Listausta on myös hyvä käyttää sivun lopussa niin sanottuna ”Linkki yhteenvetona”. Kerätään linkit johon käyttäjä on haluttu sivulla ohjata. Esim. Apua ja tukea -sivulla listaukseen voisi tulla kuntoutus, vertaistuki ja tule mukaan.
Apunavigaatio
- Oletus – Käytetään koontisivulla osioiden ja linkkien listaamiseen.
- Pudotusvalikko – Valikon avulla voidaan ohjata käyttäjä yläsivuille tai alasivulle. Toimii myös jos halutaan ohjata piirien ja yhdistysten sivulle. Esim. ”Tutustu alueesi kuntoutustoimintaa”
Pudotusvalikko tyyli
Alakategorialistaus
Museot ja näyttelyt
Selaa osioita
Alakatergorialistaus valitut
Ruoka ja hyvinvointi
Listaukset
Sydänmerkki listaus
- Tällä blokilla saadaan nostettua Sydänmerkki.fi sisältöä.
- Otsikoi listaus ja valitse vain syöte, josta haluat nostaa sisältöä.
Sydänmerkki.fi
Sydänmerkki listaus
Sisältöjen listaus
- Tällä blokilla saadaan nostettua eri sisältötyyppejä sivustolle.
- Otsikoi listaus sisällön mukaan.
Tapahtumalistaus
- Tällä blokilla saadaan nostettua tapahtumia.
- Valitse tapahtumakategoria ja otsikoi listaus sisällön mukaan.
Faktatlistaus
- Tällä blokilla saadaan nostettua sisältöä Faktat-sisältötyypistä.
- Voit kategorian lisäksi valita myös yksittäisiä faktoja nostettavaksi.
- Muista otsikoida sisältöä kuvaillen.
Faktalistaus
Filter posts (Medialistaus)
- Mediamaisempi tapa nostaa enemmän sisältöä eri sisältötyypeistä/Kategoriosta.
- Käytä harkiten. Ei sovellu jokaiselle sivulle. Parhaiten toimii Yläsivulla, joissa halutaan listata näyttävästi jonkun tietyn sisältötyypin/kategorian sisältöä.
- Muista otsikko ja alaotsikko.
Medialistaus
Iso nosto ja listaus (Large lift with list)
- Mediamainen tapa nostaa tietyn sisältötyypin sisältöä.
- Valitse iso nosto ja listauksen sisältötyyppi.
- Muista otsikoida listaus järjestyksen mukaan. Uusimmat vai Katsotuimmat
Uusimmat
-
EU:ssa tarvitaan rohkeita toimia alkoholihaittojen vähentämiseksi
-
SuomiAreenassa keskustellaan sydänterveydestä 26.6.
-
Liikuntapelko on yleistä sydänsairailla – monella pelko ei ole helpottanut
-
Sydänliitto jakoi 500 000 euroa tutkimusapurahoja kansanterveydellisesti merkittäviin tutkimushankkeisiin
-
Sydänrekisterin raportti: Tulokset parantuneet, mutta neljännes sydäninfarktipotilaista jää edelleen kolesteroliseurannan ulkopuolelle
Sisältöjen listaus välilehdille
- Tällä blokilla saadaan nostettua sisältöä välilehdille. Kätevä tapa nostaa sisältöä monesta eri katergoriasta.
- Muista otsikoida välilehden sisällön mukaan.
Uutislistaus
- Tätä blokkia käytetään uutisten listaukseen.
Postiarkisto
- Tätä blokkia käytetään arkisto/koontisivulla kun halutaan koota tietyn sisältötyypin tai kategorian julkaisut yhteen paikkaan.
Hakublokit
Koulutuskalenterissa on Sydänliiton järjestämät ammattilaiskoulutukset ja yhdistyskoulutukset.
Kuntoutuskalenteristamme löydät kaikki sydänyhteisön sopeutumisvalmennuskurssit.
Tapahtumakalenterista löydät sydänyhteisön mittaus- ja neuvontatilaisuudet, kerhot, virkistysretket, luennot ja muut tapahtumat.
Löydä koulutettu vertaistukihenkilö läheltä tai kaukaa. Hän on vaitiolovelvollinen tavallinen ihminen, joka auttaa samankaltaisessa elämäntilanteessa olevaa.