Webontwerp (Web Design)

Het ontwerpen van websites is geweldig werk.

Bij het maken van een website zie je veel dingen waar je niet dagelijks op let.

Website-ontwerp combineert webdesign (het ontwerpen van een website-indeling), gebruikerservaring en vele andere dingen.

Hoe ingewikkeld het ook klinkt, het is het niet. hoe u website-ontwerp leuk maakt en u veel voldoening geeft en de ontvangers van uw website?

Wat is webdesign?

Webdesign is een relatief nieuwe term, dus er is onenigheid over wat deze richting is en wie een webdesigner kan worden genoemd. Laten we proberen te verduidelijken.

Het concept van webdesign in brede zin verwijst naar het proces van het maken van websites, dat technische aspecten van ontwikkeling, het structureren van informatie, het creëren van een visuele schaal en het verzenden van informatie naar het web omvat.

Stadia

Voor een vollediger begrip van hoe het maken van een website eruitziet, moet u zich voorstellen in welke fasen de pagina doorloopt vanaf de conceptie tot het begin van het functioneren op het netwerk.

• Opstellen technische specificaties: Het begin van het werk wordt gekenmerkt door een gedetailleerde planning van de doelen en functionaliteit van de site, er worden schattingen gemaakt voor de structuur en het ontwerp en vervolgens wordt een gedetailleerde lijst met werken opgesteld, die wordt goedgekeurd door de klant. De projectmanager heeft hier de leiding over.

• Bruikbaarheid: Op dit moment wordt een vrij breed scala aan vragen bepaald, van wat de structuur van de pagina's op de geplande site zal zijn tot wat in dit geval de handigste optie is om informatie te presenteren. Dit vereist de samenwerking van een manager en een ontwerper.

• Grafische kunst: De ontwerper maakt een visuele weergave van de site, inclusief een verscheidenheid aan elementen die zijn ontworpen om zowel de pagina functioneler te maken als deze eenvoudig te versieren. Daarna wordt de site-indeling in de vorm van een grafische tekening goedgekeurd.

• Indeling: Door samen te werken als programmeur, implementeert de ontwerper zijn idee in de vorm van code waarmee de afbeelding in de browser kan worden weergegeven.

• Web Mastering: De laatste fase, wanneer de site op een hosting wordt geplaatst, gevuld met informatie, en doorgaat naar de promotie naar de top van zoekmachines. De site is al beschikbaar voor gebruikers.

Waar begin je met webdesign?

Het ontwerpen van websites begint met het bepalen van de rol die de website moet spelen, dat wil zeggen, het doel ervan.

U raadt het al: er zijn allerlei soorten websites die van pas komen voor andere doeleinden. We onderscheiden de drie meest populaire: landingspagina's, one-pagers en klassieke websites.

Er zijn natuurlijk grote sites (portalen enzovoort), maar dat is een heel ander onderwerp.

De eenvoudigste websites zijn een landingspagina en een pagina met één pagina.

Hoewel ze meestal klein zijn (slechts één pagina), bevatten ze behoorlijk veel inhoud. Ze verschillen echter in doel.

Wat is een landingspagina?Die wordt meestal gebruikt om contacten te verzamelen of om u te concentreren op verkeer dat verband houdt met een bepaalde actie. Er staat meestal niet veel inhoud op bestemmingspagina's, maar u kunt duidelijk het doel van de pagina zien. Bestemmingspagina's hebben meestal geen menu.

One-pagers zijn "uitgerekte" gewone webpagina's. Alle informatie staat op één zeer lange website.

De belangrijkste inhoud staat altijd bovenaan. Kortom dus. One-pagers hebben menu's die verwijzen naar volgende sectiekoppen.

Het ontwerpen en maken van dergelijke websites vereist een specifieke aanpak. Hoewel ze eenvoudig lijken, zijn ze erg veeleisend en is het beter om je avontuur te beginnen door pagina's van iets anders te maken.

Vooral dat het ontwerpen van pagina's het vaakst wordt geassocieerd met "gewone" pagina's.Ze hebben een startpagina, subpagina's met het aanbod, nieuws en contact. Je zou kunnen zeggen dat dit standaard is op internet.

Bovendien kennen gebruikers hun structuur als hun eigen broekzak.

Als u online een visitekaartje nodig heeft, volstaat een simpele one-pager. Wil je wat meer informatie op je website plaatsen (aanbieding, blog, etc.) en deze in de loop van de tijd uitbreiden? Een klassieke website zal precies goed zijn.

Nu je weet wat, is het tijd om te beginnen met hoe, d.w.z. webdesign.

Wat is het doel van uw website - hier begint webdesign

U moet weten wat het doel van uw website is. Hierdoor is de pagina die u ontwerpt begrijpelijk voor gebruikers.

Als u een bedrijf runt, moet de gebruiker vanaf het begin weten wat u te bieden heeft.

U heeft bijvoorbeeld een autoreparatiewerkplaats. De gebruiker moet weten dat hij de website van de autoreparatiewerkplaats heeft betreden en van specifieke diensten gebruik kan maken.

Het doel van een dergelijke website is om u te informeren over deze diensten en zo - nieuwe klanten aan te trekken.

Een duidelijk omschreven doel hebben is essentieel als het gaat om webdesign. Daarom moet u goed nadenken en het doel van uw website duidelijk omschrijven.

Als je eenmaal weet wat het doel van een website is, moet je nadenken over wie het publiek is.

Webdesign - Bepaal uw publiek

Uw website wordt niet alleen bekeken door robots van zoekmachines. Daarom moet u overwegen wie het publiek van uw website zal zijn (en zijn).

Dat is tenslotte wat u wilt bereiken, toch?

Het bepalen van uw websitepubliek houdt rechtstreeks verband met het doel van uw website. Ze zijn tenslotte om uw doel te bereiken.

Website-ontwerp definieert dergelijke profilering als "een persoon creëren".

U moet dus nadenken over wat uw gebruikers precies willen en wie ze precies zullen zijn.Persona's zijn gewoon 'perfecte gebruikers'.

U heeft zeker een gebruikersprofiel van uw website in gedachten. U moet nadenken over wat hij precies nodig heeft, wat zijn voorkeuren zijn, waarom hij op uw website staat en wat er op moet staan ​​zodat u uw doel kunt bereiken.

De ideale gebruiker van de website van een autoreparatiewerkplaats is bijvoorbeeld iemand die een autoreparatie nodig heeft.

Hij wil weten welke diensten de werkplaats levert, waar deze zich bevindt, op welke uren hij werkt en hoe hij contact kan opnemen. Deze informatie zoeken zij op de website.

Het staat aan uw kant om ze op een zichtbare plaats te plaatsen.

Met andere woorden: door een persoon aan te maken, kunt u uw website beter aanpassen aan de behoeften van uw gebruikers.

Onthoud - (goed) website-ontwerp hangt nauw samen met het inspelen op de behoeften van specifieke mensen. Dat zijn uw ideale gebruikers.

Als u eenmaal uw doelgroep heeft gedefinieerd, kunt u gemakkelijker bepalen wat de gebruiker op uw site wil vinden.

Een website maken voor de gebruiker, d.w.z. wat er op uw website moet komen

Als u eenmaal het doel van uw website kent en hebt vastgesteld wie de ideale gebruiker (of gebruikers) is, kunt u met de website gaan werken.

De tijd die u besteedt aan het nadenken over het doel van de website en de behoeften van gebruikers, loont.

Vooral dat zo'n goed doordachte website zal inspelen op de behoeften van uw gebruikers, en dus - uw doel zal bereiken.

De volgende stap in webdesign is om duidelijk te definiëren wat er op de website moet staan.

Het ontwerpen van een website in dit stadium gaat over het organiseren van de inhoud.

Begin met het opschrijven van wat je wilt op de pagina. Het kan een lange lijst zijn, u hoeft zich geen zorgen te maken dat het ineens tientallen items worden.

Probeer deze dingen dan te groeperen - het zal je veel helpen in de volgende fase.Laat de voorbereide lijst een paar dagen staan. Twee zullen het echt doen.

Bekijk na deze tijd de lijst opnieuw en behandel deze als gebruiker. Kijk welke dingen relevant zijn vanuit het perspectief van elke persoon die je hebt.

Elk van hen zal iets andere informatie zoeken, dus daar moet u rekening mee houden.Iemand die bijvoorbeeld op zoek is naar een autoreparatiewerkplaats, zoekt naar een contactpersoon, locatie en openingstijden. Deze informatie moet duidelijk zichtbaar zijn op de pagina.

Dit is een goed moment om uw lijst met overtollige informatie te wissen. Sommige zijn misschien helemaal niet nodig.

U kunt ze van de pagina verwijderen of helemaal aan het einde toevoegen. Deze groepering van informatie in categorieën zal u helpen om deze op de pagina te scheiden. U zult zien hoe het uw werk gemakkelijker zal maken.

Wanneer uw groepsinformatie, nummer deze in volgorde van belangrijkheid.

De belangrijkste dingen bovenaan, de minst - onderaan. Zodra u de informatie op deze manier heeft uitgesplitst, vindt u de belangrijkste dingen in elke groep.

Deze informatie moet op de startpagina staan. U hoeft ze niet te ontwikkelen, ze moeten gebruikers alleen informeren over wat u hen aanbiedt.

Als ze meer willen weten, gaan ze zeker verder.

Idealiter geeft u de belangrijkste informatie op in de vorm van trefwoorden die zoektermen zijn. Dan communiceert de homepage goed wat je te bieden hebt en positioneert hij zich goed.

Welke subpagina's heeft uw website nodig?

Als u eenmaal weet hoe u informatie kunt delen, kunt u beginnen met het maken van subpagina's. Denk nog eens na of deze informatie wordt gedupliceerd.Zo ja, bedenk dan of het zo zou moeten zijn (en of het door gebruikers nodig is om uw doel te bereiken).Elk van de subpagina's moet overeenkomen met een van de groepen die u heeft gemaakt.

Als je drie of vier groepen hebt - perfect! De structuur van uw website is praktijkgericht.

Als u er meer heeft, overweeg dan hoe deze groepen zich tot elkaar verhouden. Misschien hebben ze een gemeenschappelijke noemer? Onthoud dat het beter is met minder elementen.

Minimalisme is erg handig bij het ontwerpen van websites omdat het gebruikers in staat stelt direct te zien wat er aan de hand is. Ze hoeven niet te zoeken naar de informatie die ze nodig hebben, want die zijn direct zichtbaar.

De gestructureerde informatie op de website heeft ook een psychologisch effect: als de website slim wordt gemaakt, dan zijn er aan de andere kant professionals die het vertrouwen waard zijn.

En vanaf daar is het slechts een stap om uw doel door gebruikers te bereiken.

Papier en potlood - ze maken webdesign gemakkelijker

Het is goed om jezelf te krabben. Vooral als je geen idee hebt hoe je visueel webdesign moet aanpakken (de trends volgen) Onthoud: het is altijd de moeite waard om geïnspireerd te worden, dus

het is een goed idee om door een paar pagina's te bladeren die u leuk vindt en conclusies te trekken. Daarom is het goed om uw website te ontwerpen met een stuk papier.Als je eenmaal de elementen hebt die erop zouden moeten staan, kun je ze opsplitsen in volgende subpagina's. Maak van elke pagina één pagina.

Plaats opeenvolgende elementen op elk van de "subpagina's" (vergeet niet om de hiërarchie van belangrijkheid te behouden). U hoeft niet bang te zijn voor verwijderingen.

Testen - een belangrijk element van website-ontwerp

De hulp van dierbaren kan niet worden overschat. Vraag uw vrienden wat ze van uw project vinden voordat u uw website aan gebruikers laat zien.

Denk eraan om hen dezelfde vragen te stellen.

Dit maakt het gemakkelijker voor u om het ontwerp te verfijnen.

Het is natuurlijk de moeite waard om te beginnen door hen te vragen hoe ze de site leuk vinden. Vraag vervolgens of ze begrepen hebben wat u wilt overbrengen en of ze het doel van de pagina gemakkelijk kunnen bereiken.

Om het gemakkelijker te maken, kunt u ze natuurlijk vertellen wat uw doel is. Dit maakt het voor hen gemakkelijker om u te antwoorden als het doel van de website duidelijk is.

Verzamel vervolgens deze opmerkingen en bedenk hoe u ze kunt implementeren. En is het de moeite waard om ze voor te stellen? Dit is tenslotte uw website, maar uw vrienden zijn ook goede testers - hun mening is het waard om rekening mee te houden

Positionering van de website en SEO - u moet dit onthouden wanneer u begint met het ontwerpen van uw website

Als u mensen wilt bereiken, moet u niet vergeten hoe u uw website positioneert.Goede trefwoorden, alternatieve fotobeschrijvingen, titel en beschrijving van elke pagina - dat is het absolute minimum.

Je moet ook de hiërarchie van koppen onthouden - dankzij dit zullen robots van zoekmachines het gemakkelijker vinden om zich op de pagina te oriënteren.Als u lokaal handelt, denk dan aan de zogenaamde lokale SEO. Dat wil zeggen, over het toevoegen van plaatsnamen aan de geselecteerde trefwoorden.

Afbeeldingen op de website

Bij het ontwerpen van een website gaat het ook om het kiezen van goede afbeeldingen. Als je eigen foto's van goede kwaliteit hebt, is het onderwerp bijna gesloten.Foto's op de website hoeven niet in hoge resolutie te zijn. In de praktijk - hoe kleiner (d.w.z. hoe minder schijfruimte ze innemen), hoe beter.

Een website met een groot aantal grote foto's laadt traag, wat een negatief effect heeft op de positionering en gebruikers dwingt te wachten. De ideale breedte van de foto's mag niet groter zijn dan 1200-1400 pixels.

Het is altijd een goed idee om ze te comprimeren en alternatieve beschrijvingen toe te voegen. Onthoud: browserrobots kunnen geen afbeeldingen zien, maar "lezen" graag alternatieve beschrijvingen van foto's.

De belangrijkste elementen - webdesign in een notendop

TDe hoofdpagina is altijd de belangrijkste. Hier plaatst u de belangrijkste informatie en elementen die gebruikers als eerste moeten vinden.

Onthoud dat hoe hoger deze elementen op de pagina staan, hoe sneller gebruikers ze zullen vinden. De startpagina is ook de eerste pagina die de gebruiker ziet. Daarom moet het leesbaar zijn en sleutelelementen bevatten.

Op elke pagina moet een menu staan.

Het helpt om gebruikers op uw website te navigeren. Onthoud dat dit element zo begrijpelijk mogelijk moet zijn.

Dus de typische en afgezaagde namen van subpagina's in het menu zijn wat uw gebruikers verwachten. Website-ontwerp is immers vaak gebaseerd op bewezen oplossingen.Homepagina, aanbieding, prijslijst, contact, feedback van klanten, enz. - Met een dergelijke menustructuur vinden gebruikers sneller wat ze zoeken.

Interne links zijn ook een belangrijk element van elke pagina.

Dus als u op uw startpagina een segment plaatst dat aan de aanbieding is gewijd, is het goed om in dit segment een link op te nemen die gebruikers naar de subpagina met de aanbieding leidt.

Denk er bij het plaatsen van teksten op de pagina aan om de zogenaamde hiërarchie van koppen aan te houden. De koptekst kan worden weergegeven als vetgedrukte grote tekst.

Kopteksten spelen in feite drie hoofdrollen op een pagina: ze informeren over het onderwerp van de onderstaande tekst, organiseren informatie op de pagina en zijn handig bij het positioneren (robots van zoekmachines vinden informatie in kopteksten sneller dan in de tekst).

Onthoud ook de hiërarchie van koppen - dankzij dit weten gebruikers welke informatie algemeen is (met betrekking tot een bepaalde groep informatie) en welke gedetailleerd is.

Het belangrijkste is dat er slechts één H1-kop per pagina mag zijn; een dergelijke koptekst moet de naam van de pagina bevatten (d.w.z. op de contactpagina moet het "[uw bedrijfsnaam] - contactpersoon" of "Contact met [uw bedrijfsnaam]" zijn).