5 Vinkkejä Web-suunnittelun yksinkertaistamiseen

Yksinkertaisuutta koskevat säännöt! Se tekee verkkosivuista tyylikkäitä, vähentää kyvyttömyyttä ja auttaa saavuttamaan halutut tavoitteet ja tulokset (esim. Useampia kirjautumisia, tilaajia ja myyntiä). Mutta liian usein tuntuu vaikealta yksinkertaistaa sivustosi suunnittelua. Riippumatta siitä, kuinka kovasti yrität, et voi tehdä työtäsi Applen kaltaiseksi. Joten mitä sivuston suunnittelija todella tarvitsee tehdä? Ei ole, sillä siellä on 5 lähtökohtaa verkkosivustosi suunnittelun yksinkertaistamiseksi.

Yksinkertainen verkkosivujen suunnittelu ei saisi olla pelottava kaikki tai ei mikään koettelemus - voit yksinkertaistaa suunnittelua tekemällä pieniä askelia. Yksinkertaiset tehtävät, kuten keskittyminen vain verkkosivustosi olennaisiin osiin, tarpeettomien erojen poistaminen, sivujen määrän vähentäminen, sisällön lisääminen taittuman yläpuolelle ja käyttämiesi värien määrän rajoittaminen. Voit aina hienosäätää ja parantaa yksinkertaista suunnittelua, mutta tärkeintä on aloittaa.

Oletko valmis aloittamaan sivustosi suunnittelun yksinkertaistamisen? Mahtava. Ilman lisäedellytyksiä tässä on 5 lähtökohtaa verkkosivustosi suunnittelun yksinkertaistamiseksi.

1. Tarkenna vain olennaisiin elementteihin

Tämä ensimmäinen vaihe näyttää ilmeisesti otsa-slappingilta: of kurssiHaluan keskittyä sivustoni olennaisiin osiin, mitä minä, idiootti? Mutta yllättävä määrä sivustoja ei saavuta tätä, ja tuloksena on suuri sekoitus tärkeitä ja merkityksettömiä elementtejä sivulle. Olen yhtä syyllistynyt siihen, että tämä tapahtuu aikaisemmin kuin kukaan. On vaikea olla objektiivinen ja priorisoida, mikä on tärkeää tai ei, koska kaikki vaikuttaa välttämättömältä. Jos haluat, että sivustosi suunnittelu on yksinkertaisempi, tunnistakaa mitä on keskityttävä, aivan kuten minkä tahansa hyvän visuaalisen muotoilun tai taideteoksen kanssa. Ja se tarkoittaa, että keskitytään vain keskeisiin osiin.

Käytä sääntöä 80-20

Mitä 20% sivun sisällöstä antaa 80% arvosta ja sisällöstä, jonka ihmiset menevät sinne? Se voi olla esimerkiksi kopio, jotkut sosiaaliset todisteet (tarkistuspätkät, suositukset, median merkit) ja kirjautumislomake tai kutsumistoimintopainike. Se on 20% siellä. Sivustossasi sekä jokaisella yksittäisellä sivulla, keskittyä näyttämään vain 20% sivuston elementeistä, jotka tuottavat 80% tästä hyödyllisyydestä.

Tämä ei ole tekninen askel, vaan periaate, jonka avulla voit yksinkertaistaa sivustosi suunnittelua jatkuvasti. 80-20-sääntö auttaa yksinkertaistamaan sivustosi suunnittelua työntämällä sivustosi elementtejä välttämättömyyteen. On todella hienoa, että 80-20-sääntö voi myös auttaa lisäämään toivottuja tuloksia, jotka toivottavasti saavutetaan sivustossasi. Esimerkiksi lisääntynyt muuntokurssi kävijöiden tilaamisessa, kirjautumisessa tai ostamisessa. Millä tavalla? Teet sen niin, että häiriötekijöitä on vähemmän ja mitä kävijät voivat napsauttaa, jos haluat jättää sivun.

Kuten me kaikki tiedämme, etsimme aina tekosyytä olla ostamatta jotain viimeisessä vaiheessa, ja mikä tahansa syy navigoida pois on hyvä. Vähennä näitä syitä ja klikkaamalla vaihtoehtoja 80-20-säännöllä.

Chris Pearson, suosittu Thesis WordPress -teemakehyksen luoja, sanoo, että tämä on juuri se, mikä auttoi lisäämään myyntiään hänen verkkosivuillaan.

2. Irrota kaikki tarpeettomat elementit

Jatkamme 80-20-sääntöä täällä.

Nyt kun olet tunnistanut 20% verkkosivuston elementeistä, jotka saavat 80% haluamastasi tuloksesta, on aika päästä eroon kaikista tarpeettomista elementeistä. Toisin sanoen 80% verkkosivuston elementeistä, jotka saavat vain 20% tuloksista. Se voisi olla sosiaalisen median jakamis widgettejä, sivupalkin elementtejä, blogimerkinnän tietoja (päivämäärä, aika, tekijä, kommenttien lukumäärä jne.) Tai linkkejä alatunnisteeseen (tämä on erityisen suuri syyllinen paljon aikoja, varsinkin kun kävijä etsii edellä mainittua tekosyytä navigoidakseen pois sivulta).

3. Pienennä sivujen määrää

Suuri osa verkkosivustosi suunnittelun yksinkertaistamisesta on yksinkertaisesti vähemmän paikkoja tutkia ja klikata. Voit tehdä sen sivun laskeminen. Joko päästä eroon tarpeettomista sivuista, joita tiedätte, etteivät ne tarvitse tai ainakin sulauttaa useita sivuja yhteen. Tarkoitan, et Todella täytyy erottaa "noin sivusto" ja "minusta" -sivut.

Ensinnäkin pääset kävijän ajattelutapaan - jos olisit saapunut sivustoosi, mitä tärkeimpiä asioita haluat tehdä? Esimerkiksi selvittää, mitä tavarasi on? Tai ottaa yhteyttä sinuun? Seuraava, varmista, että sivusi helpottavat sitä, mikä on välttämätöntä ja mitään muuta. Älä pidä tarpeettomia sivuja sivustossasi, koska luulet tarvitsevasi tai koska muilla sivustoilla on niitä. Kun vähennät sivustossasi olevien sivujen määrää, kävijöiden on helpompi keskittyä sisältöön, koska siellä on vähemmän paikkoja, joihin napsautetaan, mutta navigointivalikko on myös yksinkertaisempi.

Olemme kaikki olleet verkkosivuilla, joissa on liian paljon nav-valikon kohtia. Emme tiedä mistä aloittaa navigointi, koska valinnat ovat hämmentyneitä. Ja kun saamme liian paljon valintoja, menemme valitsemalla mitään. Kun teet mahdollisimman vähän nav-valikon kohteita, voit tehdä sivustosi paitsi yksinkertaisemmaksi, vaan kutsuvammaksi ja ystävällisemmäksi kävijöille.

4. Saat enemmän sisältöä taiton yläpuolella

Tutkimukset ovat osoittaneet, että suurin osa ihmisistä viettää suurimman osan ajastaan ​​verkkosivuilla (mikä näkyy ruudulla ilman vierittämistä). Joten jos haluat lisätä verkkosivustosi tehokkuutta, käytä pääsisältöä ja toimintakehotteita elementin yläpuolella. Voit tehdä jotain niin yksinkertaista kuin otsikon korkeuden lyhentäminen, jos sinulla on logo ja navigointivalikko sivustosi yläreunassa.

Tähän liittyy vain otsikon "korkeus" -arvon muuttaminen tyylitaulukkossasi (tyypillisesti style.css tai tyylisivutiedosto.css). Katso myös, onko kirjautumislomake tai -painike taitoksen alapuolella. Siirrä tämä elementti ylöspäin sivulle, joten se on ensimmäinen asia, jonka kävijä näkee. Loppujen lopuksi on kävijän haluamaasi toimintaan, niin vähennä siihen tarvittavaa työtä (esim. vieritys).

5. Rajoita värisäätösi

Väreillä on helppo päästä pois. Miksi aseta 2 tai 3 väriä, kun sinulla on 12 tai 13? Jotta voisit yksinkertaistaa sivustosi suunnittelua visuaalisesti, sinun on rajoitettava värit. Jos olet epävarma, käytä vähemmän värejä. Se vaihtelee riippuen tietysti suunnittelustasi, mutta yritä tarttua enintään 2 tai 3 värein. Jos tarvitset visuaalista suunnittelua enemmän hienovaraisuutta ja tekstuuria, käytä samanvärisiä sävyjä - vaaleansininen taustalle ja tummempi sininen otsikko- ja valikkokohtiin.

Olen yhtä syyllinen kuin kuka tahansa, jolla on menneisyydessä värit. Lisän tämän värin, sitten toisen ja toisen - ja ennen kuin tiedän sen, se näyttää olevan sateenkaaren ripuli kaikkialla sivustossani. Sivustosi voi yksinkertaistaa rakentavasti, mutta jos värit häiritsevät silmiä, kun katsot sitä sen sijaan, että olisit tyytyväisiä sisältöön, niin kaikki tämä ponnistus oli tyhjä. Käytä siis vähemmän värejä verkkosivustosi suunnittelun sijaan.

Jos sinulla on vaikeuksia valita värin aluksi? Ennen jälkeen Lehti on hyödyllinen ilmainen e-kirja siitä, miten täältä löytyy täydellinen väri. Tarvitsetko apua värimallien valinnassa? Kokeile tätä kätevää värimallin generaattoria.

Viimeinen mutta ei vähäisin

Toivottavasti olet nyt aseistettu ja valmis aloittamaan sivustosi suunnittelun yksinkertaistamisen. Saat enemmän ylpeä siitä, että näytät sivustosi käytöstä, koska se näyttää seksikkäiltä ja lopulta kävijöiltäsi on paljon nautittavampi kokemus selaamalla sivustossasi.

Palautaaksesi, tässä on viisi lähtökohtaa verkkosivustosi suunnittelun yksinkertaistamiseksi:

1. Keskity vain olennaisiin osiin
2. Hävitä kaikki tarpeettomat elementit
3. Vähennä sivujen määrää
4. Hanki enemmän sisältöä taiton yläpuolelle
5. Rajoita väripalettisi

Aiheeseen liittyvät artikkelit

• 11 yhteistä web-suunnitteluvirhettä. Esimerkiksi monimutkaisten lomakkeiden, järjestämättömän sisällön, huonon luettavuuden ja ei-helposti löydettävän hakupalkin välttäminen auttaa sinua yksinkertaistamaan sivustosi suunnittelua ja tekemään siitä ilon vierailijoille ja korkeamman tulosprosentin sinulle.
• Puhtaita, yksinkertaisia ​​ja minimalistisia verkkosivustoja. Kaikki nämä verkkosivujen esimerkit osoittavat vielä, että yksinkertainen muotoilu ei vain näytä makealta ja vaikuttavan vastakkaisen sukupuolen jäseniin, mutta se auttaa suuresti käyttäjäkokemusta

Ylös sinulle: mitkä ovat suosikkisivustosi suunnittelun yksinkertaistaminen vinkkejä? Oletko nähnyt toivottujen tulosten lisääntymistä suunnittelun yksinkertaistamisen myötä?

Toimittajan huomautus:Tämä viesti on kirjoittanut Oleg Mokhov forÃ'Â Hongkiat.com. Oleg Mokhov on maailman liikkuvin elektroninen muusikko, web- ja visuaalisen suunnittelun harrastaja ja premium-maksuttoman musiikkikaupan Soundtracksterin perustaja.