Sisältö

• Astua
• Menetelmä 1/2: 3 perussääntöä
• Menetelmä 2/2: Ohjeet
• Vinkkejä
• Varoitukset

Hyvän verkkosivuston suunnittelu voi tuntua pelottavalta tehtävältä, mutta niin kauan kuin pidät perusasiat mielessä, prosessi on mielenkiintoinen ja hauska. Kyse on enemmän kuin vain hyvännäköinen! Näytämme sinulle perustiedot ja joitain yleisiä ohjeita, joiden avulla voit suunnitella verkkosivustoja, joissa ihmiset vierailevat yhä uudelleen.

Astua

Menetelmä 1/2: 3 perussääntöä

1. Sääntö 1:Kuuntele asiakasta. Saatat suunnitella "maailman kaikkien aikojen suurimman verkkosivuston maailmankaikkeuden historiassa ja sen ulkopuolella" rikkailla mustilla, hienostuneilla kirjasimilla ja kirkkailla, taiteellisilla väreillä sivustolle, joka huutaa "tutki minut nyt!" Valitettavasti asiakkaasi halusi oranssin valikkopalkin, jossa oli kirkkaan vaaleanpunaisia ​​ja oransseja kirjaimia. Sinut on erotettu, ja kaikkien aikojen paras verkkosivustosi - johon asiakkaalla on oikeudet - on jonnekin varmuuskopiolevyllä, eikä kukaan koskaan näe sitä uudelleen.
   • Tutki asiakkaasi yritysidentiteettiä. Pyydä asiakasta näyttämään muutama heidän rakastama verkkosivusto. Paitsi tämä antaa sinulle käsityksen siitä, mistä he pitävät, se antaa sinulle myös muutamia suunnitteluideoita, joita et ehkä ole ajatellut.
   • Jos luulit, että olemme tosissamme oranssin ja vaaleanpunaisen sivuston suhteen, harkitse tätä hienoa, hienostunutta sivustoa:
2. Sääntö # 2:Tunne yleisösi ja etsimänsä ja mukauta suunnittelua vastaavasti. Syy, miksi ihmisillä on verkkosivustoja, johtuu siitä, että he haluavat muiden ihmisten näkevän ne. Se voi olla informatiivinen, kaupallinen tai viihdyttää tiettyä kohderyhmää. Sinun tehtäväsi suunnittelijana on tietää kenelle suunnittelet ja pitää heidät sivulla, kun he saapuvat sinne.
   • Saatat ajatella: "Jos se näyttää hyvältä, he pysyvät." Mutta tämän ei välttämättä tarvitse olla. Otetaan esimerkiksi kiinteistöt. Tässä on sivusto, jolla on puhdas ja hauska muotoilu. Siinä on paljon tyhjää tilaa, joka antaa avoimen ilmeen, kirkkaat värit ja modernin laajakuvamuodon, jossa on linkit näkyvässä paikassa:
   • Katsokaa nyt tätä lähestymistapaa kiinteistöjen myyntiin samalla alueella: sotkuinen ja erittäin kiireinen, tylsät värit ja mainostettu.
   • Arvaa mikä toimii paremmin niille, jotka etsivät kotia? Aivan, se missä taloja! Kun ihmiset hakevat "myytäviä koteja Santa Monicassa", he eivät välitä miltä sivusto näyttää. He eivät halua lukea kiinteistönvälittäjästä tai nähdä kauniita kuvia kaupungista. He haluavat nähdä taloja.
3. Sääntö # 3:Kuuntele itseäsi. Ymmärrät mitä asiakas haluaa ja tiedät mitä markkinasi etsivät. Nyt on vihdoin aika kiinnittää huomiota sinuun, suunnittelijaan!
   • Luo malli haluamaasi grafiikkaohjelmistoon. Tee sivusi elementit eri tasoille (jotta voit säätää asioita myöhemmin tuhoamatta koko mallia). Nämä elementit voivat olla:
     • Otsikko. Tämä on elementti, joka on sama kaikilla sivustosi sivuilla. Otsikko koostuu sivuston otsikosta ja logosta sekä linkeistä verkkosivuston muihin osiin (esim. Tietoja, Yhteystiedot jne.). Visuaalisesti ja käytännössä tämä sitoo kaiken yhteen. On hyvä yhdistää valikkorivin ensimmäinen painike takaisin etusivulle.
     • Katsotaanpa esimerkiksi Apple:
     • Kuten useimpien Apple-tavaroiden kohdalla, heidän kotisivunsa on erittäin puhdas, suoraviivainen. Huomaa yläosassa oleva valikkopalkki, jossa on loogiset aiheet kullekin painikkeelle, sekä hakukenttä - aina hyvä idea, jos sivustosi tukee sitä. Katsotaan nyt yhden painikkeen, iPadin, aloitussivua nähdäksesi muutamia elementtejä:
     • Valikkorivi muuttuu vain tummentamalla iPad-painiketta.
     • Aloitussivun aihe näytetään suurilla mustilla kirjaimilla.
     • Uusi alivalikko ilmestyy, jotta voit oppia lisää tuotteesta. Jos napsautat yhtä näistä painikkeista, näet, että jokainen sivu tarjoaa uutta sisältöä aiheesta riippuen, mutta on identtinen ulkoasulla ja ulkoasulla.
     • Usein valikkorivin jokaisella pääaiheella on erilaiset alaotsikot, jotka sinun on täytettävä. Toisen valikkorivin luomisen sijasta voit käyttää Musicians Friendin esimerkinomaisia ​​ponnahdusvalikoita:
     • Sivupalkki. Tämä näkyy monilla sivustosi sivuilla, mutta ei välttämättä kaikilla - asiayhteys määrää. Se on kuitenkin erittäin tärkeä elementti, ja se on suunniteltava huolellisesti intuitiiviseksi eikä liian sekaannukseksi. Toisin kuin valikkorivillä, sivupalkin sisältö voi olla hyvin dynaamista. Katso nämä kaksi sivupalkkia kiinteistömarkkinoija Truliasta. Ensimmäinen on ostajille:
       
       

Menetelmä 2/2: Ohjeet

1. Suunnittele hyvä käyttöliittymä. Sijoita verkkosivuston eri elementit, kuten otsikko, sivupalkit, logot, kuvat ja teksti samaan paikkaan jokaisella sivulla, jotta sivustosi olisi navigoitava ja intuitiivinen.
   • Pidä sama otsikko jokaisen sivun yläosassa. Sallitseeko sivustosi sisältö paljon toistuvia elementtejä, varmista, että jokaisen sivun yläosa on sama.
   • Käytä suunnittelussa logiikkaa. Yhden sivun elementit tulisi järjestää loogisesti tärkeyden tai aiheen mukaan; myös sivuston eri sivujen tulisi olla.
2. Luo yhtenäinen tyyli. Jos ulkoasun tulisi antaa sivustollesi rakenteellinen johdonmukaisuus, tyylin tulisi tarjota temaattinen harmonia.
   • Pidä kiinni kahdesta tai kolmesta pääväristä ja varmista, että ne sopivat yhteen.
   • Vältä liian monien kirjasintyylien tai -kokojen käyttöä. jos haluat vaihtaa muutamia, käytä niitä samalla tavalla jokaisella sivulla.
   • Käytä CSS (CSS) -toimintoa ylläpitääksesi yhtenäistä tyyliä ja helpottaaksesi elementtien vaihtamista koko verkkosivustolla tarvitsematta siirtyä jokaiselle sivulle erikseen.
3. Maksimoi luettavuus. Voit helpottaa tekstin lukemista jakamalla sen pienempiin osiin.
   • Käytä tekstityksiä ja asianmukaista etäisyyttä erottaaksesi kaikki osat.
   • Käytä lihavoituja kirjaimia tai erikokoisia aiheiden hierarkian ja tärkeyden osoittamista.
   • Kiinnitä huomiota tekstin käsittelyyn. Älä tee kirjasimesta liian pientä ja lisää riviväliä, jotta suuret tekstinpalat olisi helpompi lukea. Suuria tekstipaloja on vaikeampaa lukea; jaa se pienempiin kappaleisiin.
4. Tee verkkosivustostasi yleisesti luettavissa. Käytä tavallista HTML-koodia ja vältä tunnisteita, ominaisuuksia ja laajennuksia, jotka ovat käytettävissä vain yhdelle brändille tai selaimen versiolle.
   • Vaikka useimmat modernit selaimet ja tietokoneet pystyvät käsittelemään monimutkaisia ​​kuvia, kaikki näyttää ohuemmalta, jos kutistat ja optimoit kuvasi verkkoon. Punnitse laadun merkitys nopeuden merkityksen kanssa.
5. Testaa verkkosivustoasi. Varmista että jokainen linkki toimii kuten odotat, ja kuvat näkyvät oikein.
   • Voit halutessasi järjestää joitain käyttäjien testauksia pyytämällä kohdeyleisösi jäseniä testaamaan suunnittelusi selkeyden ja helppokäyttöisyyden sekä antamaan palautetta verkkosivustostasi.
6. Julkaise verkkosivustosi. Osta verkkotunnus, jos et ole jo tehnyt niin. Tarkista säännöllisesti, toimivatko linkit edelleen, ja kuuntele ehdotuksia, jotka kävijät lähettävät sinulle sähköpostitse.

Vinkkejä

• Vaikka voit suunnitella ulkoasun oman henkilökohtaisen näkemyksesi tai muilla sivustoilla nähtyjen asioiden perusteella, valmiiden mallien ostaminen voi olla helpompaa.
• Älä pommita kävijää söpöillä, erikoiskuvilla. Flash-animaatio, kirkkaat värit, kuvioidut taustat ja musiikki, joka toistetaan automaattisesti sivulatauksella, olivat hauskoja kokeiluja 90-luvulla, mutta nyt ne pelottavat käyttäjät. Pidä kiinni yksinkertaisista taustoista, jotka eroavat tekstin väristä, jotta luettavuus on mahdollisimman suuri.
• Voit aina optimoida kappalevälin CSS: n avulla.
• Vierailijoille, joilla on kuulo- tai näkövamma, voit tekstittää videoita, transkriptoida äänen ja lisätä esteettömyysviestin. Vaikka taulukot voivat olla tehokas tapa järjestää tietoa, näkövammaiset kävijät, jotka käyttävät näytönlukuohjelmistoa, eivät välttämättä kuule materiaalia oikeassa järjestyksessä.
• Anna kävijöiden säästää mustetta: käytä erillistä tyylisivua sivujen tulostamiseen.
  • Poista taustakuvat käytöstä, kun asetat tulostusparametreja.
  • Käytä mustaa tekstiä valkoisella pohjalla.
  • Poista valikkorivi ja tarpeettomat kuvat.

Varoitukset

• Vältä plagiointia ja noudata kaikkia tekijänoikeuslakeja. Älä sisällytä satunnaisia ​​kuvia, jotka löydät verkosta, tai edes rakenneosia ilman hyväksyntää. Kaiken, mitä käytät sivustollasi, on oltava sekä laillista että eettistä.