Nettisivujen suunnittelun perusteet

09.05.2024 11:00:55

Puhutaan herosta, sisällöstä, footerista ja CTAsta. Hirmu selkeää eikös?

Hero-osio:

  • Usein navigaatio ja joku kuva mukana
  • Kertoo käyttäjälle missä mennään
  • Kertoo käyttäjälle onko hän oikeassa paikassa
  • Herättää tunteita

Sisältö:

  • Se pihvi missä se itse tavara on
  • Voi olla erilainen eri sivulla riippuen kontekstista

Footer:

  • Auttaa käyttäjää eteenpäin
  • Yleensä yhteystiedot tai keino ottaa yhteyttä
  • Mahdollisesti tiivistää koko sivuston viestiä

CTA:

  • Call to action - Se jokerikortti joka erottaa muista
  • Ohjaa ottamaan usein yhteyttä
  • Ohjaa lisäresursseihin
  • Kannustaa pysymään sivustolla

Yhtenäinen suunnittelu ilme

  • Napit näyttää napeilta
  • Pyritään kertomaan selvästi jos vaikka linkki vie jonnekkin muualle

 

00:00 Intro
00:38 Mistä tänään puhutaan
01:39 Hero-osio
03:38 Sisältö
05:29 Footer
06:48 CTA = Call To Action
09:40 Yhtenäinen ilme
12:04 Yhteenveto

Muita blogeja tältä tyypiltä

Vihreä koodi ei ole rakettitiedettä

Kaikilla ei ole kuitenkaan paukkuja ajallisesti tai rahallisesti lähteä tekemään suuria tekoja ekologisuuden, vihreämmän koodaamisen tai hiilineutraaliuden kanssa. Tai siltä se voi ainakin tuntua! Se vihreä koodi on kuitenkin yllättävän suoraviivainen asia.

Lukaseppa

Bro kulttuuri ei skaalaudu! [Case: LTT]

Linus Tech Tips oli draaman keskellä virheistä videoidensa faktoissa ja tiedon välittämisessä niin kumppaneille kuin oman organisaation sisällä.

Lukaseppa

Matka laatikon ulkopuolelle

Yleensä parhaat ratkaisut löytyvät laatikon ulkopuolelta. Sieltä liian harva hoksaa lähteä sitä parasta juttua etsimäänkään.

Lukaseppa