Esimerkkejä sivuston suunnittelusta

Sisällysluettelo:

Esimerkkejä sivuston suunnittelusta
Esimerkkejä sivuston suunnittelusta
Anonim

Älä mene lukuihin ja laskelmiin, koska on mahdotonta määrittää, kuinka monta sivustoa Internetissä on jo olemassa. Joka päivä tuhannet, ellei sadat tuhannet sivustot epäonnistuvat ja niiden tilalle ilmestyy uusia. Mikä on epäonnistumisten syy? Miksi ihmiset menevät sivustolle ja jättävät sen välittömästi? Vastaus on yksinkertainen ja aivan silmiesi edessä – tämä on sivuston suunnittelu.

Vetovoimatehoste

Olemme samaa mieltä, jokaisella on joukko tiettyjä sivustoja, joissa käydään päivästä toiseen. Olen varma, että suurin osa kirjanmerkkeihin merkityistä on suosikkisivustoja, joissa on elokuvia, kirjoja, uutisia, pelejä jne. Miksi yhden sivuston löytämisen jälkeen emme yritä löytää toista samanlaista, joka voi olla vielä parempi? Vastaus on yksinkertainen! Kirjanmerkkeihin merkityt sivustot ovat käteviä käyttää - tällaisilla sivustoilla on yleensä kätevä elementtien, luokkien järjestely ja miellyttävä muotoilu, joka ei ärsytä silmää. Tämä on "vetovoimavaikutus", kun vierailet kerran oikein suunnitellulla sivustolla - poistuminen sieltäen enää halua.

Katsotaanpa esimerkkiä kaupankäyntialustan kahdesta sivustosta:

Esimerkkisivustot
Esimerkkisivustot

Epäilemättä ja kiistatta paikka numero 1 haluaa sulkea mahdollisimman pian, ja paikka numero 2, päinvastoin, haluaa viipyä. Miksi tämä tapahtuu? Ensimmäisellä sivustolla on satunnaisesti sijoitetun tuotteen lisäksi myös värien ylikylläisyys, mitä ei voida sanoa toisesta sivustosta. On olemassa sellainen ihana sananlasku: "He tapaavat vaatteistaan, mutta näkevät heidät mielessään", se pätee myös sivustoihin, vain vaatteiden sijaan on muotoilu ja mielen sijaan navigointirakenne. Sivulle tullessaan vierailija näkee ensimmäisenä värimaailman, ja vasta sitten hän kiinnittää huomiota sisäiseen navigointiin ja sivuston rakenteeseen.

Värien havaitseminen

Pääsääntö värejä valittaessa ei ole liioitella. Joskus jopa kaksi tai kolme oikein valittua väriä on enemmän kuin tarpeeksi, elävä esimerkki tästä on sivusto fb.ru. Monet verkkosuunnittelijat käyttävät "turvallisten" värien taulukkoa html-sivustonsa suunnittelussa.

Taulukko turvallisista väreistä
Taulukko turvallisista väreistä

Turvallinen sitä kutsutaan siitä syystä, että kaikki tässä näkyvät värit välitetään ehdottomasti kaikkien käyttäjien toimesta samalla tavalla. Näiden värien voidaan sanoa olevan vakiona sivuston suunnittelua luotaessa.

Värien yhteensopivuus

Jokaisella värillä on oma "ystävällinen" värinsä - tämän värin kanssa se sopii parhaiten. Ei tarvitse keksiä pyörää uudelleen ja kokeilla valintaa, kaikki on keksitty pitkään ja on julkista. Värirenkaita käytetään värien valitsemiseen. Itten. Alla olevassa kuvassa on väriympyrä 2 vastaavan värin yhdistämiseksi.

Täydentävä väriyhdistelmä
Täydentävä väriyhdistelmä

T. eli ympyrän sisällä olevan vastakkaisen värin katsotaan olevan yhteensopivin. Jos sinun on valittava 3 yhteensopivaa väriä, käytetään myös väripyörää, vain värijärjestelyrivi muuttuu jo.

Triad - 3 värin yhdistelmä
Triad - 3 värin yhdistelmä

Ja tällaisia ympyröitä on monia, voit valita enemmän yhteensopivia värejä. Esimerkiksi neljä.

Tetrad - neljän värin yhdistelmä
Tetrad - neljän värin yhdistelmä

Valitsemalla värejä tällä tavalla Ittenin ympyröiden kautta, saavutetaan maksimaalinen väriyhdistelmä ja sivustosta saadaan visuaalisesti miellyttävä muotoilu. Lisää väriympyröitä löytyy verkosta. Poikkeamme hieman pääaiheesta, sillä haluan ilmoittaa, että näitä Itten-värirenkaita käyttävät jopa muotimaailman ammattisuunnittelijat, eli design-vaatteita luotaessa käytetään tätä värien sovitusmenetelmää.

Sisäinen sivustorakenne

Jos enemmän tai vähemmän kaikki tuli selväksi värien havainnolla, niin sitten on vielä yksi tärkeä indikaattori sivuston sisäisenä rakenteena eli toisin sanoen "käytettävyys". Ei riitä, että valitset vain oikeat värit sivustolta, kuten käytäntö osoittaa - sivuston kauniilla suunnittelulla et mene pitkälle. Tontin oikea rakenne on kuin talon runko, jos sitä ei ole suunniteltu oikein, sen ympärillä liikkuminen on hankalaa.

Kaikki navigointielementit on mietittävä etukäteen ja vielä parempi - kirjoitettava muistiin. RakenneSivuston tulee olla ennen kaikkea ymmärrettävä ja kätevä vierailijoille. Monet sivustot menettävät vierailijansa vain siksi, että viimeksi mainitut eivät sivustolle tullessaan ymmärrä missä ja mitä sijaitsee. Sinun ei tarvitse olla täynnä painikkeita ja ripustaa joukko toimintoja. Sinun on aina katsottava vierailijan silmin, jos käyttäjä ei tarvitse jotain toimintoa, on parempi poistaa se. Jälleen valoisa ja oikea esimerkki verkkosivujen suunnittelusta on Fb.ru-verkkosivusto, jonka kaikki osiot sijaitsevat vierailijalle ymmärrettävällä ja kätevällä tavalla.

Suurin virhe

Keskimääräisen analyysin mukaan käyttäjä, joka ei löydä tarvittavaa osaa tai tietoa sivustolta 15-30 sekunnissa, uskoo, että tämä osio tai tiedot eivät ole sivustolla ja poistuu resurssista. Useimmissa tapauksissa ikuisesti. Erinomainen esimerkki sivustosta, jolla on surkea navigointi:

Huono sivustonavigointi
Huono sivustonavigointi

Luuletko, että tällaisesta resurssista on mahdollista löytää tarvittavat tiedot menemällä ei hausta, vaan yksinkertaisesti pääsivulle? Luulen, että ei. Jälleen värikylläisyys ja käsittämättömän navigoinnin runsaus, mikä saa jokaisen vierailijan tyrmistyneeksi ja hämmentyneeksi. Tällaisten virheiden välttämiseksi on tarpeen ryhmitellä kaikki osiot ja laittaa ne erilliseen navigointivalikkoon, mikä on jokaisen vierailijan ymmärrettävää.

Ilmoittautumislomake

Toinen tärkeä ja pelottava tekijä sivustolla on rekisteröitymislomake. Jotkut yrittävät kerätä melkein isoisoäidin tiedot rekisteröintiikkunaan.

Väärä ilmoittautumislomake
Väärä ilmoittautumislomake

Tällaiset rekisteröintilomakkeetolivat muodissa ennen, kun Internet alkoi näkyä vasta kodeissa. Nykyään Internetin käyttäjä haluaa löytää tarvitsemansa tiedot mahdollisimman pian, ja pitkät rekisteröintilomakkeet ovat sivuston erinomaisesta suunnittelusta huolimatta 99% todennäköisiä. Tämän päivän standardien mukaan ihanteellinen rekisteröintilomake näkyy alla.

Oikea ilmoittautumislomake
Oikea ilmoittautumislomake

Vaikka nämä tiedot eivät riittäisi, kukaan ei vaivaudu pyytämään sitä myöhemmin vierailij alta rekisteröinnin jälkeen. Tätä lähestymistapaa pidetään uskollisempana ja ystävällisempänä kuin ilmoittautumislomake, joka on enemmän kuin työhakemuslomake.

Verkkosivustomallit

Monet sivustot luodaan nyt nykyaikaisilla CMS-järjestelmillä, jotka tarjoavat ilmaisen sivustosuunnittelun. Mutta ilmainen suunnittelu (pohjia) ei sisällä visuaalista suunnittelua, joten jos sivuston omistaja ei yritä muuttaa sitä millään tavalla, tällainen sivusto katoaa hakuun.

On myös syytä mainita kaikki Internet-portaalit, jotka tarjoavat käyttöön oman verkkosivustosi niiden perusteella. Tässä tapauksessa on sekä hyviä että huonoja puolia:

  • Ensimmäinen ja ehkä ainoa plus on yksinkertaisuus. Sivuston kehys on jo pääsääntöisesti kokeneiden suunnittelijoiden mallintanut tällaisista resursseista, sivuston suunnittelu on asetettu tiettyjen vaatimusten ja sääntöjen alaisiksi. Jää vain täyttää se temaattisella materiaalilla ja odottaa ensimmäisiä vierailijoita. Siksi tällaisten palvelujen yksinkertaisuus ja mukavuus houkuttelevat aloittelijoita. Mutta jos sivusto on perustettu vakavaan kehitykseen ja kilpailuunhakukoneiden top 1, niin on parempi kieltäytyä tällaisesta palvelusta.
  • Miinuksista - toimitettuja malleja ei useimmissa tapauksissa voida muokata tai muuttaa, sinun on käytettävä tarjottua mallia koko ajan. Yksitoikkoisuus on suurin haitta, josta puhuimme aivan alussa, koska jokaisen sivuston on oltava yksilöllinen ja erotettava ulkonäöltään muista. Paljon rajoituksia, joita on mahdoton kuvailla, koska jokaisella tällaisella palvelulla on omansa.

Loppuosa

Kaikki tässä materiaalissa kuvattu ei teeskentele "pääohjeeksi", voit aina ja jopa joutua tekemään kaiken omalla tavallasi - tämä on vain joukko yleisimpiä sääntöjä ja virheitä. Mutta tärkeimmät kohdat, jotka on kuvattu tässä värin havaitsemisen ja sivuston sisäisen rakenteen muodossa, ovat sivuston suunnittelun standardi. Väärin valitut värit pelottavat kaikki sivustolle juuri tulleet vierailijat, ja lukutaidoton luokkien ja sivustoelementtien suunnittelu ei anna hänen navigoida ja löytää tarvittavia tietoja. Näihin kohtiin tulee kiinnittää mahdollisimman paljon huomiota, ja kuten edellä mainittiin, sinun tulee aina katsoa mitä tahansa sivustoa vierailijan silmin, ei kehittäjän silmin.

Suositeltava: