Eksempler på webstedsdesign

Indholdsfortegnelse:

Eksempler på webstedsdesign
Eksempler på webstedsdesign
Anonim

Lad os ikke gå ind i tal og beregninger, da det er umuligt at afgøre, hvor mange sider der allerede findes på internettet. Hver dag fejler tusinder, hvis ikke hundredtusindvis af websteder, og nye dukker op i deres sted. Hvad er årsagen til fejlene? Hvorfor går folk ind på siden og forlader den med det samme? Svaret er enkelt og lige foran dine øjne - dette er designet af webstedet.

Attraktionseffekt

Enig, alle har et sæt bestemte websteder, der besøges dag efter dag. Jeg er sikker på, at de fleste af de bogmærkede er yndlingssider med film, bøger, nyheder, spil osv. Hvorfor, efter at have fundet et websted, prøver vi ikke at finde et andet lignende websted, som måske er endnu bedre? Svaret er enkelt! De websteder, som vi bogmærker, er praktiske at bruge - sådanne websteder har norm alt et praktisk arrangement af elementer, kategorier og et behageligt design, der ikke irriterer øjet. Dette er "attraktionseffekten", at besøge et korrekt designet websted én gang - forlade detønsker ikke længere.

Lad os se på eksemplet med handelsplatformens to websteder:

Eksempler på websteder
Eksempler på websteder

Udvivlsomt og indiskutabelt ønsker site nummer 1 at blive lukket så hurtigt som muligt, og site nummer 2 ønsker tværtimod at blive hængende. Hvorfor sker det? På den første side er der udover et tilfældigt placeret produkt også en farveovermætning, som ikke kan siges om den anden side. Der er sådan et vidunderligt ordsprog: "De mødes ved deres tøj, men ser dem væk fra deres sind", det gælder også for websteder, kun i stedet for tøj er der et design, og i stedet for et sind er der en navigationsstruktur. Den besøgende, der er kommet ind på webstedet, er det første, han ser, farveskemaet, og først derefter er han opmærksom på den interne navigation og webstedets struktur.

Farveopfattelse

Hovedreglen, når du vælger farver, er ikke at overdrive det. Nogle gange er endda to eller tre korrekt valgte farver mere end nok, et levende eksempel på dette er webstedet fb.ru. Mange webdesignere bruger en tabel med "sikre" farver til at designe deres html-side.

Tabel over sikre farver
Tabel over sikre farver

Safe det kaldes af den grund, at alle de farver, der vises her, vil blive transmitteret af absolut alle brugere på samme måde. Disse farver kan siges at være standarden, når man laver designet på siden.

Farvekompatibilitet

Hver farve har sin egen "venlige" farve - det er den farve, den passer bedst til. Der er ingen grund til at genopfinde hjulet og eksperimentere med udvælgelse, alt er for længst opfundet og er i det offentlige domæne. Farvehjul bruges til at vælge farver. Itten. Billedet nedenfor viser et farvehjul til at matche 2 matchende farver.

Komplementær farvekombination
Komplementær farvekombination

T. dvs. den modsatte farve inde i cirklen anses for at være den mest kompatible. Hvis du skal vælge 3 matchende farver, bruges farvehjulet også, kun farvearrangementslinjen vil allerede være ændret.

Triade - en kombination af 3 farver
Triade - en kombination af 3 farver

Og der er mange sådanne cirkler, du kan hente flere matchende farver. For eksempel fire.

Tetrad - en kombination af fire farver
Tetrad - en kombination af fire farver

Valger farver på denne måde gennem Ittens cirkler, opnås den maksimale kombination af farver og et visuelt tiltalende design af webstedet vil blive opnået. Flere farvecirkler kan findes online. Lad os afvige lidt fra hovedemnet, for jeg vil gerne informere dig om, at disse Itten-farvehjul bruges selv af professionelle designere fra modeverdenen, dvs. når man laver designertøj, bruges denne farvetilpasningsmetode.

Intern webstedsstruktur

Hvis mere eller mindre alt blev klart med farveopfattelse, så er der endnu en vigtig indikator tilbage som webstedets interne struktur eller med andre ord - "brugervenlighed". Det er ikke nok bare at vælge de rigtige farver på stedet, som praksis viser - på webstedets smukke design kommer du ikke langt. Den korrekte struktur på stedet er som rammen af et hus, hvis det ikke er planlagt korrekt, vil det være ubelejligt at navigere rundt i det.

Alle navigationselementer skal være gennemtænkt på forhånd, og endnu bedre - skrevet ned. StrukturSiden skal først og fremmest være forståelig og bekvem for besøgende. Mange websteder mister deres besøgende, bare fordi sidstnævnte, når de kommer ind på webstedet, ikke forstår, hvor og hvad der er placeret. Ingen grund til at rode med en masse knapper og hænge en masse funktioner. Du skal altid se gennem den besøgendes øjne, hvis brugeren ikke har brug for en eller anden funktion, så er det bedre at fjerne den. Igen, et lysende og korrekt eksempel på webstedsdesign er Fb.ru-webstedet, hvor alle sektioner er placeret på en måde, der er forståelig og bekvem for den besøgende.

Den største fejl

Ifølge den gennemsnitlige analyse mener en bruger, der ikke kan finde den nødvendige sektion eller information på webstedet inden for 15-30 sekunder, at denne sektion eller information ikke er på webstedet og forlader ressourcen. I de fleste tilfælde for evigt. Et godt eksempel på et websted med forfærdelig navigation:

Dårlig hjemmesidenavigation
Dårlig hjemmesidenavigation

Tror du, det er muligt at finde den nødvendige information om en sådan ressource ved ikke at gå fra søgningen, men blot til hovedsiden? Jeg tror nej. Igen, farvemætningen og overfloden af uforståelig navigation, som vil sætte enhver besøgende i stupor og forvirring. For at undgå sådanne fejl, er det nødvendigt at gruppere alle sektioner og placere dem i en separat navigationsmenu, som vil være forståelig for alle besøgende.

Registreringsformular

En anden vigtig og skræmmende faktor på webstedet er registreringsformularen. Nogle forsøger at indsamle næsten tipoldemors data i registreringsvinduet.

Forkert registreringsformular
Forkert registreringsformular

Sådanne registreringsformularervar på mode før, hvor internettet kun begyndte at dukke op i hjemmene. I dag ønsker internetbrugeren at finde den information, han har brug for, så hurtigt som muligt, og lange registreringsformularer, på trods af webstedets fremragende design, vil med 99% sandsynlighed afvise. Den ideelle registreringsformular efter dagens standarder er vist nedenfor.

Korrekt tilmeldingsformular
Korrekt tilmeldingsformular

Selv hvis disse oplysninger ikke er nok, er der ingen, der gider at anmode den besøgende om dem senere efter registreringsprocessen. Denne tilgang anses for at være mere loyal og venlig end registreringsformularen, som mere ligner en jobansøgningsformular.

Webstedskabeloner

Mange websteder bliver nu oprettet på moderne CMS-systemer, der giver gratis webstedsdesign. Men gratis design (skabeloner) har ikke noget visuelt design, så hvis webstedsejeren ikke forsøger at ændre det på nogen måde, så forsvinder sådan et websted i søgningen.

Det er også værd at nævne hele internetportalerne, der tilbyder at implementere dit eget websted baseret på dem. I dette tilfælde er der både fordele og ulemper:

  • Det første og måske eneste plus er enkelhed. Siterammen er allerede som regel modelleret på sådanne ressourcer af erfarne designere, designet af webstedet er bragt under visse krav og regler. Det er kun at fylde det med tematisk materiale og vente på de første besøgende. Derfor tiltrækker enkelheden og bekvemmeligheden ved sådanne tjenester begyndere. Men hvis siden er sat op til seriøs udvikling og konkurrence omtop-1 i søgemaskiner, så er det bedre at nægte sådan en service.
  • Ud fra minusserne - de medfølgende skabeloner kan i de fleste tilfælde ikke redigeres eller ændres, du bliver nødt til at bruge den medfølgende hele tiden. Monotoni er den største ulempe, som vi t alte om i begyndelsen, fordi hvert websted skal være individuelt og afvige i udseende fra andre. En masse begrænsninger, som vil være umulige at beskrive, da hver sådan tjeneste har sin egen.

Sidste del

Alt beskrevet i dette materiale foregiver ikke at være en "hovedinstruktion", du kan altid og endda nødt til at gøre alt på din egen måde - dette er blot et sæt af de mest almindelige regler og fejl. Men de vigtigste punkter, beskrevet her i form af farveopfattelse og webstedets interne struktur, er standarden for design af webstedet. Forkert valgte farver vil skræmme enhver besøgende væk, der lige er kommet ind på webstedet, og analfabet design af kategorier og webstedselementer vil ikke tillade ham at navigere og finde de nødvendige oplysninger. Disse punkter bør gives maksimal opmærksomhed, og som nævnt ovenfor bør du altid se på ethvert websted gennem en besøgendes øjne og ikke gennem en udviklers øjne.

Anbefalede: