Verkkosivusto

Teemat ja Mallit: Mukauttaminen vs Alusta Lähtevä Suunnittelu

  • 10 minuuttia lukemista
  • Hostragons-tiimi
Teemat ja Mallit: Mukauttaminen vs Alusta Lähtevä Suunnittelu

Tämä blogikirjoitus tutkii syvällisesti teemoja ja malleja, jotka ovat kriittisiä osia verkkosuunnittelussa. Se käsittelee eroja, etuja ja haittoja mukauttamisen ja alusta lähtöisen suunnittelun välillä. Kirjoituksessa yksityiskohtaisesti selitetään mukautusprosessissa seurattavia vaiheita, alusta lähtöisen suunnittelun perustarpeita ja vinkkejä. Käyttäjäkokemuksen tärkeys korostuu, ja käytännön ehdotuksia menestyksekkääseen suunnitteluun tarjotaan. Tarjotaan opastava sisältö, joka auttaa sinua päättämään, kumpi vaihtoehto (mukauttaminen vai alusta lähtöinen suunnittelu) on parempi juuri sinulle. Lisäksi kerrotaan, mihin asioihin kannattaa kiinnittää huomiota teema-valinnassa.

Teemat ja Mallit: Mitä ne ovat ja miksi ne ovat tärkeitä?

Verkossa teemat ja mallit ovat etukäteen suunniteltuja rakenteita, jotka määrittävät verkkosivustosi ulkoasun ja toiminnallisuuden. Teema hallitsee sivustosi yleistä muotoilua, värejä, fontteja ja asettelua, kun taas mallit määrittelevät tiettyjen sivujen (etusivu, blogisivu, yhteystietosivu jne.) rakennetta. Nämä työkalut helpottavat verkkosivuston luomisprosessia erityisesti käyttäjille, joilla ei ole tai on vain rajallisesti ohjelmointitaitoja.

Teemojen ja mallien suurin etu on aikansäästö. Sen sijaan, että suunnittelisit ja koodaisit verkkosivuston alusta alkaen, voit käyttää valmista teemaa tai mallia ja luoda nopeasti ammattimaisen näköisen sivuston. Lisäksi nämä työkalut tarjoavat yleensä käyttäjäystävällisiä mukautusvaihtoehtoja, jolloin voit mukauttaa niitä brändisi identiteettiin sopivaksi. Voit esimerkiksi lisätä logon, muuttaa väriteeman ja lisätä sisältöä helposti.

Teemojen ja Mallien Edut

  • Pikainen ja helppo asennus
  • Kustannustehokas ratkaisu
  • Ammattimainen suunnittelu
  • Mukautusmahdollisuudet
  • Responsiivisuus
  • Laaja tuki ja yhteisömahdollisuudet

Toinen tärkeä seikka on, että teemat ja mallit ovat usein hakukoneoptimointiin (SEO) ystävällisiä. Hyvin suunniteltu teema helpottaa hakukoneiden verkkosivustosi indeksointia ja indeksointia, mikä voi auttaa sinua nostamaan sijoitustasi hakutuloksissa. Lisäksi useimmat teemat ja mallit sisältävät sosiaalisen median integraatioita, yhteydenottolomakkeita ja muita tärkeitä toimintoja.

Teemat ja Mallit: Mitä ne ovat ja miksi ne ovat tärkeitä?
Ominaisuus Teema Malli
Laajuus Verkkosivuston yleinen ulkoasu Tiettyjen sivujen rakenne
Mukautus Laaja suunnittelumuutokset Sivukohtaiset sisältö- ja rakenneasetukset
Käyttökohde Koko verkkosivusto Yksittäiset sivut
Tärkeys Brändi-identiteetin heijastus Käyttäjäkokemuksen parantaminen

Teemat ja mallit ovat tärkeitä työkaluja, jotka nopeuttavat verkkosivuston luomisprosessia, vähentävät kustannuksia ja mahdollistavat ammattilaistasoisten tulosten saavuttamisen. Olitpa sitten pieni yrityksen omistaja tai itsenäinen bloggaaja, voit helposti luoda ja hallita verkkosivustoasi näiden työkalujen avulla.

Mukautusprosessi vaiheittain

Teemojen ja mallien mukauttaminen on tehokas tapa sovittaa verkkosivustosi tai sovelluksesi ulkonäkö ja toiminta brändisi tarpeisiin ja kohdeyleisösi odotuksiin. Tämä prosessi kuitenkin vaatii huolellista suunnittelua ja toteutusta. Menestyksellisen mukautusprosessin toteuttamiseksi on olemassa tiettyjä vaiheita, joita tulisi seurata. Oikeiden vaiheiden noudattaminen auttaa säästämään aikaa ja resursseja ja saavuttamaan halutut tulokset.

Ennen mukautusprosessin aloittamista on tärkeää tunnistaa nykyisen teeman tai mallin vahvuudet ja heikkoudet. On tärkeää ymmärtää, mitä alueita tulisi parantaa, mitä ominaisuuksia tulisi säilyttää ja mitkä muutokset heijastavat parhaiten brändisi identiteettiä. Tämä analyysi luo perustan mukautustavoitteillesi ja auttaa tekemään tietoisempia päätöksiä.

Mukautusvaiheet

  1. Tee tarpeiden analyysi: Tunnista brändisi ja kohdeyleisösi tarpeet.
  2. Aseta tavoitteet: Tarkkaile mukautuksella haluamaasi tulosta.
  3. Suunnittele resurssit: Käy läpi budjetti, aika ja tekniset taitosi.
  4. Suunnittelu ja kehitys: Suunnittele ja toteuta muutokset.
  5. Testaa: Tarkista yhteensopivuus eri laitteilla ja selaimilla.
  6. Kerää palautetta: Kerää käyttäjiltä palautetta ja tee parannuksia.
  7. Julkaise ja seuraa: Julkaise muutokset ja seuraa suorituskykyä.

Alla oleva taulukko näyttää tärkeimmät tekijät, jotka on otettava huomioon verkkosivuston teeman mukauttamisessa ja niiden tärkeysasteet. Tämä taulukko voi opastaa mukautusprosessissa, mihin alueisiin tulisi keskittyä. Esimerkiksi navigointistruktuurin optimointi käyttäjäkokemuksen parantamiseksi tai väriteeman ja typografian päivittäminen brändipersoonasi heijastamiseksi ovat tärkeitä askeleita.

Mukautusprosessi vaiheittain
Tekijä Selitys Tärkeysaste
Navigointi Mahdollistaa helpon navigoinnin verkkosivustolla. Korkea
Väriteema Heijastaa brändi-identiteettiä ja luo visuaalista harmoniaa. Korkea
Typografia Vaikuttaa luettavuuteen ja estetiikkaan. Keskitaso
Kuvat Tue sisältöä ja kiinnitä käyttäjän huomiota. Keskitaso

Mukautusprosessissa on myös erittäin tärkeää testata ja kerätä palautetta. On muodostettava mielipide muutosten scrollbarista ja näytettävä, miltä tämä näyttää eri laitteilla ja selaimilla. Lisäksi todellisilta käyttäjiltä saatava palaute auttaa ymmärtämään, kuinka tehokkaita suunnittelusi ja toiminnallisuutesi ovat, ja paljastaa parannusmahdollisuuksia.

Mukautusprosessin päätyttyä on tärkeää seurata ja analysoida verkkosivustosi tai sovelluksesi suorituskykyä säännöllisesti. Seurata käyttäjän käyttäytymisiä, konversioprosentteja ja muita tärkeitä mittareita, voit arvioida mukautustyösi menestystä ja tehdä tietoon perustuvia päätöksiä tulevaisuuden parannuksille. Muista, että mukauttaminen on jatkuva prosessi, joka on päivitettävä käyttäjätarpeiden ja teknologisten edistysten mukaan.

Alusta lähtöinen suunnittelu: tarpeet ja vinkit

Alusta lähtöinen suunnittelu tarjoaa huomattavasti enemmän alkuperäisyyttä ja hallintaa verrattuna teeman tai mallin käyttöön, erityisesti verkkosivustojen tai sovellusten yhteydessä. Tämä prosessi mahdollistaa brändisi identiteetin täydellisen heijastamisen ja ratkaisujen tuottamisen, jotka täyttävät käyttäjiesi tarpeet. Kuitenkin alusta lähtöinen suunnittelu vaatii enemmän aikaa, resursseja ja teknistä tietoa. Katsotaanpa alusta lähtöisen suunnittelun keskeisiä vaatimuksia ja tärkeitä vinkkejä.

Ensinnäkin, ennen suunnitteluprosessin aloittamista sinun on ymmärrettävä kohdeyleisösi ja heidän tarpeensa selkeästi. Käyttäjätutkimukset, kyselyt ja palautteet antavat sinulle ohjainta suunnittelupäätöksesi muotoilussa. Seuraavaksi sinun on määritettävä projektisi laajuus ja tavoitteet. Mitä ominaisuuksia sen tulisi sisältää, mitkä ongelmat sen tulisi ratkaista ja millä alustoilla sen pitäisi toimia? Näiden kysymysten vastaukset muodostavat suunnitteluprosessisi perustan.

Alusta lähtöinen suunnittelu: tarpeet ja vinkit
Vaihe Selitys Merkittävät Huomiot
Tutkimus ja Suunnittelu Kohdeyleisön ymmärtäminen, projektin tavoitteet. Käyttäjätarpeet, kilpailija-analyysi, budjetti.
Suunnittelu Käyttöliittymän suunnittelu, käyttäjäkokemuksen (UX) suunnittelu. Väriteema, typografia, visuaaliset elementit.
Kehitys Suunnittelun koodaus, toiminnallisuuden yhdistäminen. Suorituskyvyn optimointi, testaus.
Testaus ja Julkaisu Suunnittelun testaaminen eri laitteilla ja selaimilla, julkaisu. Käyttäjäpalautteet, virheiden korjaaminen.

Teknisesti katsottuna alusta lähtöisessä suunnittelussa sinun on hallittava perustavaa kehittämiskieli, kuten HTML, CSS ja JavaScript. On myös tärkeää pystyä käyttämään suunnittelutyökaluja (esimerkiksi Adobe XD, Figma) tehokkaasti. Nämä työkalut auttavat sinua luomaan käyttöliittymäsi, kehittämään prototyyppejä ja jakamaan suunnitelmasi kehitystiimisi kanssa.

Suunnittelutyökalut

Tänä päivänä on monia erilaisia suunnittelutyökaluja, joilla on omat erikoiset etunsa. Esimerkiksi Adobe XD ja Figma ovat suosittuja vaihtoehtoja käyttöliittymän (UI) ja käyttäjäkokemuksen (UX) suunnittelussa. Nämä työkalut helpottavat yhteistyötä ja nopeuttavat prototyyppien laatimista. Myös vektorisuunnitteluohjelmat kuten Sketch ovat erityisesti logoja ja ikoneita suunnitellessa hyvin käytettyjä.

Alusta lähtöisen suunnittelun prosessissa on muutamia tärkeitä periaatteita, joihin tulisi kiinnittää huomiota. Ensinnäkin, sinun tulisi omaksua käyttäjäkeskeinen suunnittelu -lähestymistapa. Suunnitteluprosessin jokaisessa vaiheessa tulee ottaa huomioon käyttäjien tarpeet ja odotukset. Lisäksi yhdistelevä periaate on tärkeä. Kaikkien käyttöliittymäsi elementtien tulisi olla keskenään yhdisteleviä, jotta käyttäjäkokemus paranee.

Vinkkejä Alusta Lähtevässä Suunnittelussa

  • Tavoittele yksinkertaista ja selkeää suunnittelua.
  • Valitse värit ja typografia huolellisesti.
  • Priorisoi mobiiliyhteensopivuutta.
  • Huomioi käyttäjäpalautteet.
  • Testaa säännöllisesti ja tee parannuksia.
  • Huomioi saavutettavuus.

Hyvä suunnittelu ei ole vain esteettistä, vaan sen tulee myös olla toimivaa ja käyttäjäystävällistä.

Suunnitteluperiaatteet

Suunnitteluperiaatteet sisältävät visuaalista hierarkiaa, tasapainoa, kontrastia, rytmiä ja suhteellisuutta. Nämä periaatteet auttavat suunnittelusi estetiikassa ja toiminnallisuudessa. Esimerkiksi visuaalinen hierarkia auttaa houkuttelemaan käyttäjien huomion tärkeitä kohtia kohden, kun taas tasapaino tuo suunnitteluusi vakautta ja harmoniaa. Näiden periaatteiden ymmärtäminen ja soveltaminen auttavat sinua luomaan enemmän ammattimaisia ja käyttäjäystävällisiä suunnitteluja.

Teemat ja Mallit: Käyttökohteet

Teemat ja mallit ovat nykyisin löytäneet paikkansa laajassa kentässä verkkosuunnittelusta sähköpostimarkkinointiin. Erityisesti nopeiden ja tehokkaiden ratkaisujen avulla ne ovat suosittuja yksityisten käyttäjien, pienyritysten ja suurten yritysten keskuudessa. Näiden käyttöjen taustalla on aikansäästö, kustannusten alennus ja ammatillisen ulkoasun saavuttaminen.

Verkkosivustoille käyttämät teemat ja mallit ovat erityisesti yleisiä sisällönhallintajärjestelmissä (CMS) kuten WordPress, Joomla ja Drupal. Nämä alustat tarjoavat käyttäjille tuhansia erilaisia teemoja, jotta he voivat luoda verkkosivustoja ilman teknisiä taitoja. On saatavilla mukautettavia malleja erilaisiin tarkoituksiin, kuten verkkokauppasivustot, blogit, yrityssivustot ja portfoliosivustot. Nämä mallit ovat yleensä responsiivisia ja tarjoavat sujuvan kokemuksen myös mobiililaitteissa.

Käyttökohteet

  • Verkkosivustojen Suunnittelu: Valmiita ratkaisuja blogeihin, verkkokauppoihin, yrityssivustoihin ja portfoliosivustoihin.
  • Sähköpostimarkkinointi: Ammattimaisia malleja uutiskirjeisiin, kampanjapostiin ja ilmoituksiin.
  • Esitysten Luominen: Visuaalisesti houkuttelevia malleja PowerPointille ja Google Slidesille.
  • Sosiaalinen Media: Postaus- ja profiilimallien luominen sellaisilla alustoilla kuin Instagram, Facebook ja Twitter.
  • Asiakirjojen Luominen: Amattimaiset mallit raportteihin, ansioluetteloihin ja esitelehtisiin.
  • Tapahtumien Hallinta: Räätälöidyt suunnittelut kutsuille, aikatauluun ja markkinointimateriaaleihin.

Sähköpostimarkkinointikampanjoissa teemat ja mallit ovat myös erittäin tärkeitä. Mailchimp, Sendinblue ja ConvertKit tarjoavat alustoja, jotka tarjoavat käyttäjille eritasoisia malleja. Nämä mallit on yleensä helppo mukauttaa vetämällä ja pudottamalla ja ne on suunniteltu houkuttelemaan vastaanottajien huomiota. Hyvin suunniteltu sähköpostimalli voi merkittävästi parantaa avaus- ja klikkausprosentteja, vaikuttaen näin markkinointikampanjan menestykseen.

Teemat ja mallit eivät rajoitu vain verkkosivustoihin ja sähköposteihin. Ne voivat olla myös esityksissä, sosiaalisen median viesteissä, esitteissä ja jopa ansioluetteloissa. PowerPoint, Canva ja Adobe Spark tarjoavat laajan mallivalikoiman, jonka avulla käyttäjät voivat luoda ammattimaisen näköisiä sisältöjä. Nämä mallit antavat käyttäjille mahdollisuuden luoda vaikuttavia ja houkuttelevia materiaaleja, vaikka heillä ei olisi erityisiä suunnittelutaitoja.

Teemat ja Mallit: Mukauttamisen ja alusta lähtöisen suunnittelun edut ja haitat

Verkkosivuston suunnittelussa teemat ja mallit tarjoavat mukauttamiseen tai alusta lähtöiseen suunnitteluun. Molemmilla on omat etunsa ja haittansa. Mukauttaminen tarjoaa yleensä nopean ja kustannustehokkaan ratkaisun, kun taas alusta lähtöinen suunnittelu antaa sinulle täydellisen hallinnan ja ainutlaatuisuuden. Tehdessäsi tätä päätöstä on tärkeää arvioida projektisi erityistarpeet, budjetti ja aikaraja tarkasti. On tärkeää muistaa, että molemmat lähestymistavat voivat antaa hyviä tuloksia, mutta oikean valinnan tekeminen on kriittinen askel projektisi onnistumiselle.

Mukauttamisen suurin etu on aikansäästö. Valmiit teemat ja mallit tarjoavat perustan ja toiminnallisuuden, mikä huomattavasti nopeuttaa suunnitteluprosessia. Kuitenkin tämän nopeuden mukana voi tulla kustannuksia. Mukauttaminen voi supistaa suunnittelun ainutlaatuisuutta ja se ei välttämättä heijasta brändisi identiteettiä täydellisesti. Lisäksi valmiit teemat ja mallit on yleensä tarkoitettu yleiseen käyttöön, joten ne eivät välttämättä sovellu erityisiin tarpeisiisi.

Edut ja Haitat

  • Mukauttamisen Edut: Nopea asennus, kustannustehokkuus, laaja vaihtoehto valikoima.
  • Mukauttamisen Haitat: Rajoitettu ainutlaatuisuus, mahdollisia yhteensopivuusongelmia, yleiskäyttöiseen suunnitteluun liittyviä riskitekijöitä.
  • Alusta Lähtöisen Suunnittelun Edut: Täydellinen hallinta, ainutlaatuisuus, mukautettavuus erityisiin tarpeisiin.
  • Alusta Lähtöisen Suunnittelun Haitat: Korkeat kustannukset, pitkä kehitysaika, tekniset asiantuntemusvaatimukset.
  • Molempien Lähestymistapojen Yhteiset Piirteet: Hyvän suunnittelun tarve, käyttäjäkokemukseen keskittyminen, jatkuvat parannustarpeet.

Alusta lähtöinen suunnittelu mahdollistaa brändisi identiteetin ja arvojen täydellisen heijastamisen. Tämä lähestymistapa antaa sinulle mahdollisuuden luoda suunnittelun, joka voi sopeutua projektiisi erityisiin tarpeisiin. Kuitenkin tämä vaatii enemmän aikaa, budjettia ja teknistä asiantuntemusta. Lisäksi suunnitteluprosessissa saattaaville yllätyksille voidaan olla aina valmiita. Suunnitelmallinen lähestymistapa on avainasemassa tämän prosessin onnistumisessa.

Teemat ja Mallit: Mukauttamisen ja alusta lähtöisen suunnittelun edut ja haitat
Kriteeri Mukauttaminen Alusta Lähtöinen Suunnittelu
Kustannukset Alhaisempi Korkeampi
Aika Nopeampi Hitaampi
Ainutlaatuisuus Rajoitettu Korkea
Hallinta Vähäinen Täysi
Yhteensopivuus Mahdolliset ongelmat Kohdennettu

Teemat ja mallit mukauttaminen tai alusta lähtöinen suunnittelu voivat auttaa parantamaan verkkosivustosi tehokkuutta. Kumpi vaihtoehto on parempi, ei ole universaalia vastausta, sillä se riippuu projektisi erityisvaatimuksista, budjetista ja aikarajoista. Tärkeintä on arvioida huolellisesti vaihtoehtojasi ja tehdä perusteltuja päätöksiä.

Käyttäjäkokemus ja Teeman Rooli

Käyttäjäkokemus ja Teeman Rooli

Verkkosivustosi tai sovelluksesi menestys riippuu suurelta osin käyttäjäkokemuksesta (UX). Käyttäjäkokemus tarkoittaa sitä yleistä tyytyväisyyttä ja helppoutta, jota kävijät kokevat vuorovaikutuksessa sivustosi kanssa. Hyvä käyttäjäkokemus saa kävijät pysymään pidempään sivustollasi, olemaan vuorovaikutuksessa enemmän ja lopulta kasvattamaan konversioprosentteja. Tässä vaiheessa teeman ja mallien rooli tulee esille. Oikean teeman valinta tai räätälöity suunnittelu voi vaikuttaa merkittävästi käyttäjäkokemukseen.

Teemat ja mallit ovat keskeisiä elementtejä, jotka määrittävät verkkosivustosi visuaalisen ilmeen ja toiminnallisuuden. Hyvin suunniteltu teema tekee kävijöiden helpommaksi löytää etsimänsä, navigoida sivustolla ja olla vuorovaikutuksessa sisällön kanssa. Huonosti suunniteltu teema saattaisi vaikuttaa negatiivisesti käyttäjäkokemukseen monimutkaisen navigoinnin, pitkittyneen latausajan ja muiden epäonnistyneiden elementtien vuoksi. Siksi teeman ja mallin valinnan yhteydessä on tärkeää noudattaa käyttäjäkeskeistä lähestymistapaa.

Käyttäjäkokemukseen Vaikuttavat Tekijät

  • Nopeus: Verkkosivuston latautuminen nopeasti.
  • Navigointi: Helppokäyttöinen ja selkeä valikkorakenne.
  • Responsiivisuus: Sujuva näyttö eri laitteilla.
  • Saavutettavuus: Esteettömät suunnitteluratkaisut.
  • Visuaalinen Suunnittelu: Esteettinen ja brändi-identiteettiin liittyvä ulkoasu.
  • Sisällön Esittäminen: Luettavat ja ymmärrettävät sisällöt.

Alla olevassa taulukossa tarkastellaan tarkemmin erilaisten teemaominaisuuksien vaikutuksia käyttäjäkokemukseen:

Käyttäjäkokemus ja Teeman Rooli
Teemaominaisuus Positiivinen Vaikutus Negatiivinen Vaikutus
Nopea Lataus Parantaa käyttäjien tyytyväisyyttä, vähentää heti poistumistapauksia. Saattaa aiheuttaa käyttäjien kärsimättömyyttä ja poistua sivustolta.
Responsiivinen Suunnittelu Tarjoaa johdonmukaisen kokemuksen eri laitteilla, aktiivista liikennettä. Voi johtaa huonoon näyttöön mobiililaitteissa ja käyttäjien menettämiseen.
SEO Ystävällinen Rakenne Helpottaa hakukoneiden parempaa sijoitusta, lisää orgaanista liikennettä. Voidaan rangaista hakukoneissa ja menettää näkyvyys.
Saavutettavat Suunnitelmat Helpottaa eri käyttäjien pääsyä sivustolle, tarjoaa sulavan kokemuksen. Voidaan aiheuttaa ongelmia vammaisille käyttäjille ja juridisia ongelmia.

Teeman ja mallin valinta ei ole vain esteettinen kysymys; se on kriittinen päätös, joka vaikuttaa suoraan käyttäjäkokemukseen. Hyvä teema saa käyttäjät nauttimaan sivustolla olemisestaan, löytämään etsimänsä ja tulemaan takaisin uudelleen. Siksi teeman valinnassa käyttäjäkokemuksen korostaminen on elintärkeää verkkosivustosi menestyksen kannalta.

Käyttäjäkokemus on avain verkkosivustosi tai sovelluksesi menestykseen. Hyvä käyttäjäkokemus muuttaa vierailijat asiakkaiksi.

teemoja ja malleja, et huomioi vain esteettisiä vastaväitteitä vaan myös käytettävyyttä, saavutettavuutta ja suorituskykyä. Muista, että käyttäjäkokemukseen keskittyvä lähestymistapa tuottaa menestystä pitkällä aikavälillä.

Vinkit menestykselliseen suunnitteluun

Menestyvän verkkosuunnittelun saavuttaminen vaatii enemmän kuin vain esteettistä ilmettä. On tärkeää ottaa huomioon käyttäjäkokemus (UX), saavutettavuus ja teeman tai mallin toiminnallisuus. Kohdeyleisösi tarpeiden ymmärtäminen ja heidän odotuksensa täyttävä suunnittelu ovat menestyksen avaimia. Väri- ja typografiavaihtoehtojen yhdistelemät, tuottavat voimakkaan vaikutuksen verkkosivustosi yleiseen näyttöön.

Jaa tämä artikkeli:

Hostragons-tiimi

Asiantuntijatiimimme ajantasaiset oppaat webhotellista, palvelimista ja verkkotunnuksista. Löydätään yhdessä projektiisi sopiva ratkaisu.

Ota meihin yhteyttä
Vinkit menestykselliseen suunnitteluun
Suunnitteluperiaate Selitys
Yksinkertaisuus Selkeä ja ei monimutkainen suunnittelu Vältä tarpeetonta animaatiota
Johdonmukaisuus Käytä samoja suunnitelmaelementtejä koko verkkosivustolla Käytä samoja fontteja ja väriteemoja
Saavutettavuus Käytettävyysesteisen hahmotelman taustalla Lisää vaihtoehtoisia tekstejä
Responsiivisuus Suunnittelu, joka sopii eri näyttöko'oille Käytä responsiivista suunnittelua