Webdesigner vs. webudvikler

Hvad er forskellen mellem en webdesigner og webudviklerDet er let for folk at se på websteder i dag og tænke: “Enhver kan bygge det.” Takket være indholdsstyringssystemer som WordPress såvel som forkodede temaer og plugins kan nogle mennesker gøre det.


Men faktum er, at det kræver en kombination af stærk kodning og kyndige designfærdigheder for at opbygge et websted, som folk vil besøge, købe fra, abonnere på og så videre.

Dette gør webdesignere og webudviklere uundværlige på denne dag.

Hvis du overvejer at bygge websteder til en levevej, er det vigtigt at finde ud af, hvilke af disse roller du vil udfylde. Det gør det lettere at planlægge din karrierevej, træning og placering.

For eksempel:

  • Vil du hellere skrive kode, der resulterer i den slags højtydende funktionalitet og innovative funktioner, der får websteder til at lykkes?
  • Eller foretrækker du at designe smukke og brugervenlige stier, der tager målgruppen direkte til den løsning, de leder efter?

Dette er den slags ting, du skal overveje, når du vejer indstillingerne.

I dag skal vi undersøge de vigtigste forskelle mellem en webdesigner og webudvikler og give svar på de almindelige spørgsmål om, hvad hver især gør:

  1. Hvad er forskellen mellem hvad webdesignere gør og hvad webudviklere gør?
  2. Er der forskellige slags designere og udviklere?
  3. Hvilke kvalifikationssæt skal designere og udviklere have?
  4. Hvilke værktøjer bruger designere og udviklere?
  5. Hvad er den gennemsnitlige indtjening for webdesignere og webudviklere?
  6. Hvor kan du lære webdesign og webudvikling?
  7. Beslutning mellem de to stier

Hvad er forskellen mellem hvad webdesignere gør og hvad webudviklere gør?

Kort fortalt:

  • Webdesignere bestemmer det samlede udseende på et websted.
  • Webudviklere forvandler denne vision til et fuldt fungerende websted.

Men mere specifikt:

Hvad gør webudviklere?

Webudviklere tager alle de elementer, der er oprettet – webstedsstrukturen, designmodeller og prototyper samt kopien – og de forvandler det til kode.

Mens webudviklere normalt ikke udfører noget designarbejde, samarbejder de ofte tæt med webdesignere gennem hele processen.

Dette samarbejde kan begynde tidligt i webdesignprocessen og sætte udvikleren i stillingen som rådgiver. Når en webdesigner har konceptualiseret, hvordan de ønsker, at et websted skal se ud og arbejde, vurderer udvikleren derefter, om det, de forestillede sig, teknisk og omkostningseffektivt kan programmeres.

Webudviklere og designere samarbejder også senere, når designere afleverer klientgodkendte design og redlines (specifikationer for, hvordan man opretter en side), der skal kodes.

Hvad gør webdesignere?

Ligesom webudviklere har webdesignere ikke en entydig opgave eller område på et websted, de er ansvarlige for.

Ja, webdesignere har til opgave at designe digitale grænseflader, der både er tiltalende og effektive til at føre besøgende til at konvertere (f.eks. At købe eller abonnere på noget).

Imidlertid fører meget af webdesignprocessen dem også til områder af forskning og test. Så det er normalt ikke nok bare at vide, hvordan man vælger en æstetisk tiltalende farvepalet.

Webdesignere skal være i stand til at designe skræddersyede oplevelser, der appellerer til slutbrugernes behov og motiveringer. De er også nødt til at afveje det med en forståelse af, hvordan deres designbeslutninger påvirker kodningen af ​​et websted.

Dette betyder ofte at gå gennem en omfattende proces med forskning og planlægning, før man går ind på den endelige design af et websted.

Er der forskellige slags webdesignere og -udviklere?

Ligesom der er forskellige slags mennesker og virksomheder, der har brug for websteder, er der forskellige slags webudviklere og designere til at bygge dem.

Hvilken slags webudviklere er der?

Back-end-udviklereFront-end-udviklereUdviklere i fuld stak
  • Brug avancerede programmeringssprog som PHP, Java og SQL
  • Ansvarlig for kodning af databasen og serveren
  • Håndter al den komplekse funktionalitet på et websted
  • Ansvarlig for test og fejlsøgning
  • Kode med sprog som CSS, HTML og JavaScript
  • Ansvarlig for kodning af selve webstedet
  • Byg ud al brugervendt funktionalitet og funktioner
  • Kan specialisere sig i CMS-udvikling (f.eks. WordPress)
  • Kode med grundlæggende og avancerede programmeringssprog
  • Ansvarlig for kodning af alt: front- og bagenden af ​​et websted

Hvilken slags webdesignere er der?

WebdesignereUX-designereUI-designereUX / UI-designere
  • Design ofte ved hjælp af indholdsstyringssystemer som WordPress
  • Fokus på design til mindre websteder og klienter
  • Design med professionel design software
  • Fokus på databaseret og menneskecentrisk design
  • Processen involverer omfattende forskning, test og validering for at skabe den ideelle brugeroplevelse
  • Design med professionel design software
  • Fokus på design af brugervenlighed
  • Processen involverer at designe en grænseflade, der er friktionsfri og sandsynligvis vil konvertere godt
  • Design med professionel design software
  • Fokus på både brugeroplevelsen og brugergrænsefladen

Hvilke kompetence sæt skal designere og udviklere have?

Selvom der er nogen overlapning mellem det administrative ansvar, som webdesignere og udviklere har, er deres jobspecifikke kompetencer meget forskellige:

Hvilke færdigheder har webudviklere brug for?

Webudviklere ejer den tekniske side af et websted, hvilket betyder, at de skal flydende kode.

Som vi allerede har nævnt, er der dog forskellige dele af et websted, som udviklere muligvis er ansvarlige for programmering. På grund af dette gælder følgende liste over færdigheder ikke alle sammen der ønsker at blive en webudvikler.

Sørg for at finde ud af, hvilket spor du vil gå ned på, så du kan mestre det rigtige sæt færdigheder:

HTMLEt grundlæggende markeringssprog, der giver udviklere mulighed for at style tekst til webbrowsere (front-end).
CSSEt grundlæggende stilarksprog, der giver udviklere mulighed for at formatere elementerne på en webside (front-end).
JavaScriptEt grundlæggende scriptingsprog, der gør det muligt for udviklere at omdanne en webside fra noget statisk til noget interaktivt (front-end).
PHPEt avanceret programmeringssprog på serversiden, som udviklere arbejder med gennem en kommandolinjegrænseflade (CLI) for at kode kernen af ​​et websted (back-end).
CSS-forprocessorer som SASS eller LESSEt værktøj, der gør kodning med CSS mere effektiv.
JavaScript-rammer som jQueryEt værktøj, der forenkler, hvad udviklere skal gøre for at udføre JavaScript-kode.
CSS- og JavaScript-bibliotekerForkodede ressourcer, som udviklere kan bruge til at spare tid på at skrive hver komponent eller interaktion fra bunden.
gitEn versionskontrolplatform, der gør det nemt for udviklere at arbejde med og styre forskellige iterationer af et websted.

Ud over programmeringsfærdigheder ville webudviklere også drage fordel af:

  • God projekt- og tidsstyring
  • Responsiv webdesign
  • Søgemaskineoptimering (SEO)
  • Problemløsning (især nyttig til fejlsøgning)
  • Kommunikations- og samarbejdsevner

Hvilke færdigheder har webdesignere brug for?

Webdesignere ejer alt, hvad der har at gøre med interface på et websted. Når det er sagt, skal deres kvalifikationssæt gå ud over grundlæggende designkoncepter eller farveteori.

Husk, at hvis du beslutter dig for at tage et af UX- eller UI-sporene, har du brug for et bredere sæt færdigheder. Så sørg for at finde ud af, hvilken slags designer du vil være, så du kan sømme det rigtige færdigheds sæt fra get-go:

BrandingSelv hvis du ikke udvikler branding (som logoer) for klienter, er det stadig nyttigt at forstå “hvorfor” bag et virksomheds brand og hvordan det påvirker design og meddelelser.
Farve teoriDet er ikke nok, at farvepaletter er æstetisk tiltalende. Farver betyder forskellige ting psykologisk og kulturelt, og dette skal redegøres for.
Layout / formatNår skærmene bliver mindre, er layoutet på et websted blevet en vigtig faktor i designprocessen.
Kortlægning af brugerrejseWebdesignere skal være i stand til at visualisere den sti, som kunderne vil tage for at opbygge den (UI / UX-design).
TragtudviklingDet hele handler om brugerens intention og forståelse af, hvordan forskellige tankesæt driver brugerne til at tage forskellige handlinger. Designet skal redegøre for disse forskellige tragte (UI / UX design).
FølelsesdesignEmpati spiller en stor rolle i webdesignprocessen – for designere af alle typer. Uden det designer du den forkerte persona.
Responsivt designMens platforme som WordPress vil tage noget af arbejdet ud af dette for dig, ligesom en webudvikler, er det vigtigt at overveje, hvordan dine designvalg påvirker brugere på forskellige enheder og browsere.
InteraktionsdesignDette segment fokuserer på, hvordan man øger klikbarheden og engagementet med nøgleelementerne på et websted.

Derudover ville webdesignere drage fordel af at have disse færdigheder:

  • God projekt- og tidsstyring
  • Bedste praksis for webtilgængelighed
  • HTML- og CSS-kodning
  • Søgemaskine optimering
  • Optimering af konverteringsfrekvens
  • Klientkommunikation
  • Holdsamarbejde

Hvilke værktøjer bruger designere og udviklere?

Da webudviklere og designere fokuserer på helt forskellige dele af et websted, er der ikke meget overlapning med hensyn til de værktøjer, de bruger til at få jobbet gjort.

Hvilken slags værktøjer bruger webudviklere?

Ud over at være i stand til at manipulere kodesprog, bør webudviklere have en beherskelse af følgende værktøjer:

Webudviklerværktøjereksempler
Integreret udviklingsmiljø (IDE)Visual Studio

Atom

VersionsstyringsplatformGitHub
BrowserudviklerværktøjerChrome DevTools

Firefox DevTools

Webhosting, kontrolpanel og FTPBluehost
Indholds styrelses systemWordPress

Joomla

Drupal

Værktøj til test af webstederFyrtårn

Selen

Pingdom

Problemsporing og styringsværktøjJira

Hvilken slags værktøjer bruger webdesignere?

Web Designer værktøjereksempler
Webdesignsoftware og værktøjerPhotoshop

Skitse

Stock-fotograferingsressourcerUnsplash

iStock

Billedoptimeringsværktøjer (komprimering / størrelse)ResizeImage.net

TinyPNG

Wireframing-værktøjerBalsamiq

MockFlow

Prototyping softwareAdobe XD

InVision

Hvilken slags værktøjer skal webdesignere og udviklere begge bruge?

Da designere og udviklere tæt samarbejder, er det vigtigt, at de deler et vist sæt værktøjer til lettere kommunikation og overførsler. For eksempel:

Designer-udviklerværktøjereksempler
Designer-udvikler samarbejdsværktøjFigma

InVision

ProjektstyringssoftwareSamarbejde

Trello

TeamchatsoftwareSkype

slack

Hvor meget tjener webdesignere og webudviklere i gennemsnit?

Der er en række medvirkende faktorer, der påvirker, hvor meget du kan tjene som webdesigner eller webudvikler. Ligesom hvilken slags designer eller udvikler du er, hvilken slags virksomheder du arbejder for samt hvor meget erfaring du har.

KildeWeb Designer-lønLøn for webudvikler
Glasdør$ 52.691$ 68.524
Betalings vægt$ 49.707$ 59.229
ZipRecruiter$ 60.136$ 74.678
Samlet gennemsnitlig løn$ 54.178$ 67.477

Bemærk:

Selvom det ser ud til, at webdesignere tjener markant mindre, skal du huske, at dette er gennemsnittet for web designere. Du kan forvente at tjene mere, hvis du er specialiseret i UX- eller UI-design, eller hvis du finder en særlig lukrativ niche.

Hvor kan du lære webdesign og webudvikling?

Der er to forskellige tilgange, du kan tage for at blive uddannet inden for webdesign eller webudvikling.

Valgmulighed 1: Få en grad eller certifikat

For webudviklere

Mange webudviklere kommer ind i feltet med en grad i datalogi eller programmering.

Topteknologiske skoler som Stanford og MIT i USA giver gradspor til dette. Der er dog også mere overkommelige og praktiske muligheder.

Colorado State University tilbyder for eksempel online-certifikater inden for programmering af programmer og udvikling af webapplikationer.

Sydlige New Hampshire University er en anden skole, der tilbyder online-programmer – til grader på alle niveauer – inden for informationsteknologi.

Hvis du ikke er sikker på, hvor du vil træne, skal du tjekke ud coursera. Du kan finde universitetskurser, der matcher dine behov der.

For webdesignere

Den grad og det program, du vælger at indtaste, afhænger af, hvad du ser for dig i din karriere. For eksempel:

Hvis du foretrækker at fokusere strengt på webdesign, så er et kunstinstitut som Kunstakademiet kan være den bedste mulighed.

Hvis du imidlertid vil have en fuldstændig forståelse af, hvordan internettet fungerer, mens du bliver en mester i design, vil du opdage, at mange skoler tilbyder kombinerede grader som University of Marylands digitale medie- og webteknologiprogram.

Der er også billigere og mere praktiske online programmuligheder, der giver dig mulighed for at vælge mellem en lang række grader og certifikater inden for webdesign eller datalogi. Full Sail University og Franklin University er blot et par af dem.

Pro Tip: Husk, at en grad eller certifikat alene ikke lander jer nye klienter – til et af disse felter. Du har brug for et bunnsolid porteføljewebsted for at vise dem, så fokuser på at opbygge det så hurtigt som muligt.

Mulighed 2: Uddann dig selv

For webudviklere

Hvis du planlægger at arbejde for dig selv og ikke har brug for eller vil have et agentur til at ansætte dig, er du muligvis ikke brug for en grad eller certifikat.

Det betyder ikke, at du kan starte din egen webudviklingsvirksomhed uden træning overhovedet. Du skal bruge tid på at lære dig selv at kode.

Der er masser af gratis ressourcer online, hvor du kan lære at kode – hvoraf nogle tilbyder certifikater, når du afslutter uddannelsen.

Du skal også abonnere på en blog eller et websted, der regelmæssigt producerer tip og tutorials til webudvikling. Du kan starte med at bogmærke webstedet WebsiteSetup.org.

Der er også mere formelle muligheder, som at tage (betalte) kurser gennem websteder som EdX og Udemy.

For webdesignere

Der er meget, du skal lære for at blive en fuldgyldig webdesigner, så du er bedst til at tage en omfattende, men forskelligartet tilgang.

Til at begynde med, kan du abonnere på platforme som Dribbble og Behance. For at følge med i konkurrencen skal du være bekendt med, hvordan de designer, og hvad der i øjeblikket er på forkant med design.

For det andet skal du gennemgå alle de tutorials, der leveres af dit foretrukne designsoftware. Photoshop og Sketch har et fantastisk sæt tutorials, der hjælper dig med at komme i gang.

Abonner derefter på blogs og YouTube-kanaler, der er specialiserede i tips til webdesign og tutorials. Smashing Magazine og WebDesignerDepot udgiver regelmæssigt nyt indhold til designere på alle niveauer.

Jo mere du kan se et websted, der er designet i realtid (uanset om det er i en video eller med skærmbilleder), jo bedre lærer du evnen selv.

Der er mange gratis ressourcer online, hvor du kan lære webdesign. Du skal bare finde den ressource, der er bedst med dig.

Og hvis du vil mestre en bestemt færdighed, så glem ikke at tjekke betalte kurser på top e-learning platforme som Alison, EdX eller Skillshare.

Web Designer vs. Web Developer: Hvilken er den rigtige vej for dig?

Husk, at webdesign og udviklingsuddannelse ikke er noget griner, især hvis du ønsker at tjene ud over gennemsnittet af dine jævnaldrende.

Før du investerer noget tidspunkt eller penge i et hvilket som helst felt, skal du finde ud af, hvad det er, der får dig ophidset.

Kan du lide ideen om at skrive kode bag kulisserne, der informerer om, hvor godt eller dårligt et websted fungerer?

Eller foretrækker du at designe et websteds visuelle udseende og mere aktivt forme brugeroplevelsen?

Selvom vi taler om dette som et spørgsmål om webudvikling kontra webdesign, er sandheden:

Ingen af ​​dem kan eksistere uden den anden. De er to halvdele til en helhed.

Selv hvis du beslutter dig for, at webdesign er noget for dig eller vice versa, er det vigtigt at forstå, hvad der bliver til en webudvikler, såvel som du vil arbejde hånd i hånd med at udvikle fejlfri løsninger til klienter.

Så jo bedre du forstår, hvordan din kreative vision oversættes til kode eller omvendt, desto mere effektivt og effektivt kan du bygge websteder.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map