' Hyvä muotoilu pitää käyttäjän tyytyväisenä, valmistaja mustana ja esteetti suojattomana. '
- Raymond Loewy

Verkkosivujen suunnittelu

Internetin selaamisesta ja surffailusta on tullut erottamaton osa elämäämme tänään. Selaa joka päivä n-määrää verkkosivustoja tehdä ostoksia, etsiä, tutkia ja ostaa palveluita tai vain Googlelle. Pysäytämme vain muutamilla verkkosivustoilla tai haluamme käydä toistuvasti.

Toiset eivät näytä olevan liian houkuttelevia. No, tärkeä syy käydä tietyllä verkkosivustolla useammin kuin kerran, on sen verkkosivuston suunnittelu. Vaikka hyvin suunnitellun ja virtaviivaisen verkkosivun saavuttaminen onkin vakaa tasapaino, kannattaa yrittää parantaa asiakaskokemusta.

Nyt on todistettu tosiasia, että verkkosivuston oletettuun luotettavuuteen vaikuttava kohta on sen suunnittelu eikä syötetty sisältö. Täysin suunnitellun verkkosivun ei tarvitse tehdä paljon vaivaa muihin näkökohtiin, jotta kävijä pysyy verkkosivustollasi. UX- ja UI-suunnittelut muodostavat samanaikaisesti verkkosivun koko ulkoasun ja toiminnallisuuden.

Mestarin täydellisen verkkosivustosuunnittelun asettelusta on McDonald's. He ovat kirjaimellisesti kaattaneet kaiken oikeaan paikkaan, jopa kuinka suolakurkkua laittaa. Joten haluat myös keksiä jotain yhtä hyvää tai jopa parempaa kuin McDonald's.

Verkkosivun suunnittelun 10 parasta vaihetta

Tietää tänään enemmän verkkosivustojen suunnittelun kymmenestä parhaasta vaiheesta:

  1. Pidä ammattimaisesti suunniteltu logo oikein linkitettynä kotisivulle
  2. Käytä intuitiivista navigointia
  3. Vältä sotkua ja anna hengitystilaa kävijöille
  4. Käytä värejä ja kuvia strategisesti reagoivassa verkossa
  5. Valitse verkkoherkkä fontti, joka on helppo lukea kaikissa laitteissa ja selaimissa.
  6. Jokainen sivu on suunniteltava aloitussivuksi
  7. Luo aina reagoiva muotoilu, joka on mukautuva kaikkiin laitteisiin
  8. Käytä HTML5: tä Flashin sijaan
  9. Lähetä- tai Lähetä-painikkeiden tulee olla houkuttelevia
  10. Älä unohda testata malliasi

'Elämä on keskustelevaa. Verkkosivusuunnittelun tulisi olla sama tapa. Internetissä puhut jonkun kanssa, jota olet todennäköisesti koskaan tavannut, joten on tärkeää olla selkeä ja tarkka. Siten verkkosivujen suunnittelun navigointi ja sisällön organisointi hyvin rakennettu kulkevat käsi kädessä hyvän keskustelun kanssa. '

- CHIKEZIE EJIASI
(Twiitti Twitteristä)

  1. Pidä ammattimaisesti suunniteltu logo oikein linkitettynä kotisivulle

Ensimmäinen verkkosivustojen suunnittelupalveluyritys tunnistetaan sen logo. Verkkosivu, jossa on ammattimaisesti suunniteltu logo, vetoaa asiakkaisiinsa enemmän kuin näyttävä logo. Logo muodostaa yrityksen tai verkkosivuston tuotemerkkiidentiteetin.

Sinun tulee aina osoittaa, että käytetään korkearesoluutioisia verkkosivustosuunnittelukuvia logoon. verkkosivustosuunnittelukuvat tulee aina olla esillä verkkosivuston jokaisen sivun vasemmassa yläkulmassa. Muista myös vanha hyvä peukalosääntö, jonka mukaan kaikki verkkosivustossa olevat logot linkitetään etusivullesi, jotta asiakkaillesi on helppo tapa käydä verkkosivuston suunnittelun navigoinnissa.

  1. Sivustosuunnittelu

Oletko koskaan miettinyt, miksi poistuu niin monilta verkkosivuilta ja pidät kiinni vain yhdestä tai kahdesta? Tämä johtuu siitä, että asiakkaat eivät ota tuskaa selvittää monimutkaista verkkosivustoa. Sen sijaan he sulkevat sivun ja siirtyvät seuraavaan.

Tämä on tärkein syy, miksi intuitiivinen navigointi on niin tärkeää. Ensisijaiset verkkosivuston suunnittelun navigointivaihtoehdot tulisi tyypillisesti sijoittaa yläreunassa olevaan vaakasuuntaiseen valikkopalkkiin toissijaisten navigointipalkkien alapuolella tai sivun vasemman reunan alla.

Kiinnitä huomiota myös linkkien sijoittamiseen vain välttämättömiin paikkoihin, jotka eivät vie asiakkaita huomiosi toimintakehotuksestasi tai tärkeimmästä tiedosta.

  1. Vältä sotkua ja anna hengitystilaa asiakkaille

Liian paljon grafiikan käyttöä tai sivun kuvien ylikuormittamista voi aiheuttaa sotkua. Verkkosivun suunnittelukuvat ovat tärkeä ymmärryksen väline, mutta kuvien visuaalinen ylikuormitus estää aivojen tietojen käsittelyn.

Asiakkaat hämmentyvät, kun he kohtaavat liian monta verkkosivustojen suunnitteluasettelua. Voit minimoida aloitussivujen sotkua rajoittamalla otsikko- ja alatunnisteiden linkkien ja vaihtoehtojen määrää. Toinen tapa virtaviivaistaa sivuja on pitämällä kappaleet lyhyinä.

lyhyt tarkoittaa enintään viittä tai kuutta riviä, koska asiakkaat menettävät kiinnostuksensa katsoa erittäin pitkää tekstiä. Hyvällä verkkosivuston suunnittelulla on myös toinen peukalon sääntö - antaa asiakkaille hengitystilaa.

Tämä tila voidaan luoda jättämällä riittävästi tilaa kappaleiden ja verkkosivustojen kuvien väliin, jotta katsoja voi hengittää ja absorboida lisää sivustosi ominaisuuksia ja tarjouksia. Kun reagoiva verkko muuttuu entistä kilpailukykyisemmäksi, vähemmän pidetään nykyään enemmän.

Valkoisen tilan hallittu käyttö koko asettelussa pitää käyttäjän keskittymään sisältöön ja lisää käyttökokemusta. Ohjattu käyttäjävirta lisää tuottoa verkkosivustolta.

  1. Käytä värejä ja kuvia strategisesti reagoivassa Webissä

Esittääksesi modernin, sotkuisen ja tyylikkään verkkosivun kokeile enimmäkseen neutraalia värivalikoimaa. Kilpailun kiristyessä kovien pienten värivalikkojen käyttäminen otsikoihin ja keskeisiin grafiikoihin auttaa kävijöitä pitämään verkkosivusi kiinni ja kiinnittämään huomiota tärkeimpiin yksityiskohtiin. Käytä aina väripalettia, joka täydentää logosi ja jonka tulisi olla johdonmukainen muiden markkinointitapojen kanssa.

Kuvalähde: pixabay.com

Yritä investoida valokuvaukseen tai ammattimaisten stock-kuvien hankkimiseen, koska verkkosivun kävijät nuuskitsevat yleisiä kuvia yhdellä silmäyksellä. Verkkosivun suunnittelukuvat jättävät yleisen vaikutelman yrityksestäsi.

Ammattimaiset arkistokuvat tai hyvä valokuvaus kiinnittää huomion sisältöön ja luo välittömästi emotionaalisen yhteyden. Mainitakseni vain esimerkki - jos haluat kiinnittää vierailijasi huomion tiettyyn tietoon tai toimintakehotukseen, käytä sitten siihen suuntaan katsottavia ihmisen kasvoja tai sormea ​​osoittaen siihen.

Se johtuu siitä, että ihmisellä on taipumus katsoa samaan suuntaan, missä toinen ihminen etsii. Sekä värit että verkkosivustosuunnittelukuvat on valittava siten, että ne sopivat kaikkiin reagoiviin verkkoihin - mobiililaitteisiin, tablet-laitteisiin, kannettaviin tietokoneisiin jne.

Suositellut kurssit

  • HTML ja HTML5 -ohjelma
  • Ohjelmistotestauksen sertifiointikoulutus
  • Verkkokurssi Drupal 7: llä
  • Drupal 7 -ohjelmointikurssit

  1. Valitse Web Responsive Fonts

Kun verkko reagoi herkästi, sinun tulisi antaa pisteelle valita fontit, jotka sopivat kaikille selaimille, olipa kyse sitten kannettavasta tietokoneesta, tabletista tai matkapuhelimesta.

Jos valitset suuren mittakaavan fontin, on todennäköistä, että ne lukevat hyvin kannettavaa tietokonetta, mutta eivät tee sitä hyvin matkapuhelimella menettäen tunnelmansa ja ulkonäkönsä. Valitse aina kirjasin, joka on helposti luettavissa ja jonka koko on vähintään 11pt.

Jos valitset web-fontit, älä käytä enempää kuin 2 fonttiperhettä varmistaaksesi nopeat latausajat. Kiinteä leveysmallissa käytä kirjasinta, joka sallii korkeintaan 15 - 20 sanaa rivissä, ja nestesuunnittelussa, käytä kirjasinta, joka sallii 15 - 20 sanaa 1000 pikselin leveydellä.

  1. Jokainen sivu on suunniteltava aloitussivuksi

Verkkosuunnittelijat suunnittelevat yleensä verkkosivujaan olettaen, että kävijä tulee kotisivun läpi ja siirtyy sitten aloitussivuille. Mutta tosiasia on vähän erilainen. Suurin osa kävijöistä laskeutuu suurimmalle osalle sivustoista muulle kuin kotisivulle.

Joten keskeinen idea on pitää kaikki tärkeät tiedot kaikilla aloitussivuilla ja verkkosivujen suunnittelun asettelulla siten, että vierailijan ei tarvitse etsiä tärkeitä tietoja.

  1. Luo aina reagoiva malli, joka on mukautuva kaikkiin laitteisiin

Miksi joudut suunnittelemaan eri sivuston jokaiselle laitteelle tässä kiireisessä maailmassa, kun sinulla ei ole aikaa edes syödä oikein. Säästä aikaa ja energiaa suunnittelemalla reagoiva sivusto, joka mukautuu selaimen kokoon käytetyn laitteen mukaan.

Reagoiva sivusto kiinnittää yleensä vierailijan huomion pitkään lisäämällä muuntokurssien todennäköisyyttä.

  1. Käytä HTML5: tä Flashin sijaan

Flash on nyt vanhentunut ja päättyy Applen ja Adoben välisen jatkuvan riidan kanssa. Joten, suunnittelijat! Tule ulos kelkkavaunusta ja kokeile lisää verkko- ja käyttäjäystävällisiä vaihtoehtoja.

HTML5 on saavuttanut suosiota hakukoneystävällisen tekstinsä ja helpon toimintonsa ansiosta mobiileissa käyttöjärjestelmissä tarvitsematta plug-inia, toisin kuin Flash.

  1. Lähetä tai lähetä-painikkeiden tulee olla houkuttelevia

Verkkolomakkeen alareunassa oleva Lähetä tai Lähetä-painike on tärkein kutsu verkkosivun toimintokohtaan. Mutta se voi olla myös rumin osa, joten suunnittelijoiden on tehtävä lomakkeen lähettämispainikkeet ”, jotta todennäköiset vierailijat eivät voi auttaa itseään napsauttamalla niitä.

Heidän on vain napsautettava sitä. Nämä toimintakehotuspainikkeet voidaan tehdä mielenkiintoisiksi monella tavalla, kuten kun vierailija siirtää hiiren toimintakehotuspainikkeen päälle, sen tulisi muuttaa väriä, kaltevuutta, opasiteettia tai kirjasinkäsittelyä kiinnittääksesi huomion murto-sekunnissa.

Mutta huolehdi myös siitä, että kaiken liioittelu on huonoa. Sen tulisi olla kapeneva siihen asti, kunnes se näyttää houkuttelevalta, muuten sillä voi olla käänteinen vaikutus.

  1. Älä unohda testata malliasi

Suunnittelupäätös on vain oletus. Olet paras henkilö päättääksesi, miltä näyttää hyvältä verkkosivustollasi. Verkkosivun optimoiminen kokeilemalla eri sijoittelupainikkeita tai käyttämällä eri värisävyjä voi vaikuttaa suuresti verkkosivuusi. Käyttäjätestaus. A / B-testaus ja analytiikka voivat auttaa sinua improvisoimaan verkkosivusi.

Ja todellinen improvisaatio tulee ihmisiltä. Ota heidän palautetta ja toteuta, kunnes se näyttää hyvältä. Mainitakseni vain esimerkkiä suunnittelusi testaamisen tärkeydestä - Microsoft ansaitsi kerran ylimääräisiä 80 miljoonan dollarin tuloja testaamalla ja toteuttamalla tietyn sinisen sävyn. Joten et koskaan tiedä milloin suunnittelusi voi saada sinut tuottamaan valtavia voittoja.

Nämä pienet ongelmat saattavat vaikuttaa niin merkityksettömiltä ja ilmeisiltä, ​​mutta usein palataan verkkosivun live-versioon. Siihen mennessä yritys on jo menettänyt pienen osan potentiaalisista tuloista tulevaisuudennäkymissään.

Koska tänään on saatavana useita alustoja, ”WOW”-hetkeiden luominen verkkosivuston UX- ja UI-malleista ei ole iso asia. Se vie vain vähän sitoutuneita ponnisteluja ja ripauksen luovuutta saadaksesi kaikki kävijät sanomaan WOW, kun olet laskeutunut verkkosivullesi.

Joten, täydellinen tapa suunnitella verkkosivu on ajatella. Rethink. Oppia. Opi uudelleen. Älä koskaan käytä samaa käsitettä. Tunnista asiakkaidesi tarpeet ja aloita sitten suunnittelu.

Suunnittelukäytännön muuttamisella voi olla valtava vaikutus sitoutumiseesi ja muuntoprosentteihisi muodostamalla intuitiivinen käyttökokemus, joka paljastaa ammattitaidosi ja toimittaa samalla mitä ihmiset haluavat ja tarvitsevat visuaalisesti silmiinpistävällä tavalla.

Aiheeseen liittyvät artikkelit:-

Tämä on opas verkkosivujen suunnitteluun. Täällä olemme keskustelleet kymmenestä kymmenestä verkkosivuston suunnittelun vaiheesta. Voit myös tarkastella seuraavia artikkeleita-

  1. 10 tehokas tapa Adobe InDesign -käyttäjiin
  2. 8 hyödyllistä opasta tulla HTML5 vs. Flash-versioksi
  3. 5 tehokasta tapaa lisätä orgaanista liikennettä verkkosivustoosi
  4. Kuinka luoda puhdas verkkosivustoasettelu Photoshopissa
  5. Luettelo muutamista verkkosivuston virheistä ja niiden korjaamisesta helposti
  6. 5 Verkkosivuston asennusvirheet, joista sinun on oltava tietoinen
  7. Mitä mieluummin Drupal tai Joomla
  8. Drupal 7 vs. Drupal

Luokka:

Web-kehitystyökalut