Eksempler på nettstedsdesign

Innholdsfortegnelse:

Eksempler på nettstedsdesign
Eksempler på nettstedsdesign
Anonim

La oss ikke gå inn på tall og beregninger, siden det er umulig å fastslå hvor mange nettsteder som allerede finnes på Internett. Hver dag feiler tusenvis, om ikke hundretusenvis av nettsteder, og nye dukker opp i stedet for dem. Hva er årsaken til feilene? Hvorfor går folk til nettstedet og forlater det umiddelbart? Svaret er enkelt og rett foran øynene dine - dette er designet på nettstedet.

attraksjonseffekt

Enig, alle har et sett med visse nettsteder som besøkes dag etter dag. Jeg er sikker på at de fleste av de bokmerkede er favorittsider med filmer, bøker, nyheter, spill osv. Hvorfor prøver vi ikke å finne et annet lignende nettsted etter å ha funnet ett nettsted, som kanskje er enda bedre? Svaret er enkelt! Nettstedene vi bokmerker er praktiske å bruke - slike nettsteder har vanligvis et praktisk arrangement av elementer, kategorier og en behagelig design som ikke irriterer øyet. Dette er "attraksjonseffekten", å besøke et riktig designet nettsted én gang - forlate detvil ikke lenger.

La oss se på eksemplet med handelsplattformens to nettsteder:

Eksempelsider
Eksempelsider

Utvilsomt og udiskutabelt ønsker sted nummer 1 å stenges så fort som mulig, og side nummer 2 ønsker tvert imot å henge igjen. Hvorfor skjer dette? På det første nettstedet, i tillegg til et tilfeldig plassert produkt, er det også en fargeovermetning, som ikke kan sies om det andre nettstedet. Det er et så fantastisk ordtak: "De møtes ved klærne sine, men ser dem av med sinnet", det gjelder også nettsteder, bare i stedet for klær er det et design, og i stedet for et sinn er det en navigasjonsstruktur. Den besøkende som har kommet inn på nettstedet, er det første han ser fargeskjemaet, og først da tar han hensyn til den interne navigasjonen og strukturen på nettstedet.

Fargeoppfatning

Hovedregelen ved valg av farger er å ikke overdrive. Noen ganger er til og med to eller tre riktig valgte farger mer enn nok, et levende eksempel på dette er nettstedet fb.ru. Mange nettdesignere bruker en tabell med "sikre" farger for å designe HTML-nettstedet sitt.

Tabell over trygge farger
Tabell over trygge farger

Safe det kalles av den grunn at alle fargene som vises her vil bli overført av absolutt alle brukere på samme måte. Disse fargene kan sies å være standard når du lager designet på siden.

Fargekompatibilitet

Hver farge har sin egen "vennlige" farge - dette er fargen den passer best med. Det er ingen grunn til å finne opp hjulet på nytt og eksperimentere med utvalg, alt har lenge vært oppfunnet og er i det offentlige. Fargehjul brukes til å velge farger. Itten. Bildet nedenfor viser et fargehjul for å matche 2 matchende farger.

Komplementær fargekombinasjon
Komplementær fargekombinasjon

T. dvs. den motsatte fargen inne i sirkelen anses å være den mest kompatible. Hvis du trenger å velge 3 matchende farger, brukes også fargehjulet, bare fargearrangementslinjen vil allerede være endret.

Triade - en kombinasjon av 3 farger
Triade - en kombinasjon av 3 farger

Og det er mange slike sirkler, du kan plukke opp flere matchende farger. For eksempel fire.

Tetrad - en kombinasjon av fire farger
Tetrad - en kombinasjon av fire farger

Velger farger på denne måten gjennom Ittens sirkler, oppnås den maksimale fargekombinasjonen og et visuelt tiltalende design av nettstedet vil bli oppnådd. Flere fargesirkler finner du på nettet. La oss avvike litt fra hovedemnet, for jeg vil informere deg om at disse Itten-fargehjulene brukes selv av profesjonelle designere fra moteverdenen, dvs. når du lager designerklær, brukes denne fargetilpasningsmetoden.

Intern nettstedsstruktur

Hvis mer eller mindre alt ble klart med fargeoppfatning, så gjenstår det en viktigere indikator som den interne strukturen til nettstedet eller med andre ord - "brukervennlighet". Det er ikke nok bare å velge de riktige fargene på nettstedet, som praksis viser - på den vakre utformingen av nettstedet vil du ikke gå langt. Riktig struktur på nettstedet er som rammen til et hus, hvis det ikke er riktig planlagt, vil det være upraktisk å navigere rundt det.

Alle navigasjonselementer må være gjennomtenkt på forhånd, og enda bedre - skrives ned. StrukturNettstedet bør først og fremst være forståelig og praktisk for besøkende. Mange nettsteder mister sine besøkende bare fordi sistnevnte, når de går inn på nettstedet, ikke forstår hvor og hva som ligger. Du trenger ikke å rote til med en masse knapper og henge en haug med funksjonalitet. Du må alltid se gjennom øynene til den besøkende, hvis brukeren ikke trenger en funksjon, er det bedre å fjerne den. Igjen, et lysende og korrekt eksempel på nettsteddesign er nettstedet Fb.ru, hvor alle seksjoner er plassert på en måte som er forståelig og praktisk for besøkende.

Den største feilen

I følge gjennomsnittsanalysen, tror en bruker som ikke finner den nødvendige delen eller informasjonen på nettstedet innen 15-30 sekunder at denne delen eller informasjonen ikke er på nettstedet og forlater ressursen. I de fleste tilfeller for alltid. Et godt eksempel på et nettsted med forferdelig navigering:

Dårlig navigering på siden
Dårlig navigering på siden

Tror du det er mulig å finne nødvendig informasjon om en slik ressurs ved ikke å gå fra søket, men ganske enkelt til hovedsiden? Jeg tror det. Igjen, fargemetningen og overfloden av uforståelig navigasjon, som vil sette enhver besøkende i stupor og forvirring. For å unngå slike feil, er det nødvendig å gruppere alle seksjoner og legge dem i en egen navigasjonsmeny, som vil være forståelig for alle besøkende.

Registreringsskjema

En annen viktig og skremmende faktor på siden er registreringsskjemaet. Noen prøver å samle inn nesten tippoldemors data i registreringsvinduet.

Feil registreringsskjema
Feil registreringsskjema

Slike registreringsskjemaervar fasjonable før, da Internett bare begynte å dukke opp i hjemmene. I dag ønsker internettbrukeren å finne informasjonen han trenger så snart som mulig, og lange registreringsskjemaer, til tross for den utmerkede utformingen av nettstedet, vil sannsynligvis avvise 99%. Det ideelle registreringsskjemaet etter dagens standarder er vist nedenfor.

Riktig registreringsskjema
Riktig registreringsskjema

Selv om denne informasjonen ikke er nok, er det ingen som gidder å be om den senere fra den besøkende, etter registreringsprosessen. Denne tilnærmingen anses som mer lojal og vennlig enn registreringsskjemaet, som er mer som et jobbsøknadsskjema.

Nettstedsmaler

Mange nettsteder blir nå opprettet på moderne CMS-systemer som gir gratis nettsteddesign. Men gratis design (maler) har ikke noe visuelt design, så hvis eieren av nettstedet ikke prøver å endre det på noen måte, forsvinner et slikt nettsted i søket.

Det er også verdt å nevne hele Internett-portalene som tilbyr å distribuere din egen nettside basert på dem. I dette tilfellet er det både fordeler og ulemper:

  • Det første og kanskje eneste plusset er enkelhet. Nettstedets ramme er allerede som regel modellert på slike ressurser av erfarne designere, utformingen av nettstedet er brakt under visse krav og regler. Det gjenstår bare å fylle det med tematisk materiale og vente på de første besøkende. Derfor tiltrekker enkelheten og bekvemmeligheten av slike tjenester nybegynnere. Men hvis siden er satt opp for seriøs utvikling og konkurranse omtopp-1 i søkemotorer, da er det bedre å avslå en slik tjeneste.
  • Fra minusene - de oppgitte malene kan i de fleste tilfeller ikke redigeres eller endres, du må bruke den som følger med hele tiden. Monotoni er den største ulempen, som vi snakket om helt i begynnelsen, fordi hvert nettsted må være individuelt og avvike i utseende fra andre. Mange begrensninger som vil være umulige å beskrive, siden hver slik tjeneste har sin egen.

Sistedel

Alt som er beskrevet i dette materialet later ikke til å være en "hovedinstruksjon", du kan alltid og til og med trenge å gjøre alt på din egen måte - dette er bare et sett av de vanligste reglene og feilene. Men de viktigste punktene, beskrevet her i form av fargeoppfatning og den interne strukturen til nettstedet, er standarden for utformingen av nettstedet. Feil valgte farger vil skremme bort enhver besøkende som nettopp har kommet inn på nettstedet, og analfabet design av kategorier og sideelementer vil ikke tillate ham å navigere og finne den nødvendige informasjonen. Disse punktene bør vies maksimal oppmerksomhet, og som nevnt ovenfor, bør du alltid se på et nettsted gjennom øynene til en besøkende, og ikke gjennom øynene til en utvikler.

Anbefalt: