Web Designer vs. Web Developer

Hva er forskjellen mellom en webdesigner og webutviklerDet er lett for folk å se på nettsteder i dag og tenke: “Hvem som helst kan bygge det.” Takket være innholdsstyringssystemer som WordPress så vel som forhåndskodede temaer og plugins, kan noen gjøre det.


Men faktum er at det krever en kombinasjon av sterk koding og kunnskapsrike designferdigheter for å bygge et nettsted som folk vil besøke, kjøpe fra, abonnere på og så videre.

Dette gjør webdesignere og webutviklere uunnværlige denne dagen.

Hvis du vurderer å bygge nettsteder for å leve, er det viktig å finne ut hvilke av disse rollene du vil fylle. Det vil gjøre det enklere å planlegge din karrierevei, trening og posisjonering.

For eksempel:

  • Vil du heller skrive kode som resulterer i den typen høy ytelse og innovative funksjoner som gjør at nettsteder lykkes?
  • Eller foretrekker du å designe vakre og brukervennlige stier som tar målgruppen direkte til løsningen de leter etter?

Dette er hva slags ting du må vurdere når du veier alternativene.

I dag skal vi undersøke de viktigste forskjellene mellom en nettdesigner og nettutvikler og gi svar på de vanlige spørsmålene om hva hver enkelt gjør:

  1. Hva er forskjellen mellom hva webdesignere gjør og hva webutviklere gjør?
  2. Er det forskjellige typer designere og utviklere?
  3. Hvilke ferdighetssett bør designere og utviklere ha?
  4. Hvilke verktøy bruker designere og utviklere?
  5. Hva er gjennomsnittlig inntjening for webdesignere og webutviklere?
  6. Hvor kan du lære webdesign og webutvikling?
  7. Avgjør mellom de to stiene

Hva er forskjellen mellom hva nettdesignere gjør og hva nettutviklere gjør?

For å si det enkelt:

  • Nettdesignere bestemmer det generelle utseendet til et nettsted.
  • Nettutviklere gjør denne visjonen til et fullt fungerende nettsted.

Men mer spesifikt:

Hva gjør webutviklere?

Nettutviklere tar alle elementene som er opprettet – nettstedstrukturen, designmodeller og prototyper, så vel som kopien – og de gjør det til kode.

Mens webutviklere vanligvis ikke utfører noe designarbeid, samarbeider de ofte tett med webdesignere gjennom hele prosessen.

Dette samarbeidet kan begynne tidlig i webdesignprosessen, og setter utvikleren i stillingen som rådgiver. Etter at en nettdesigner har konseptualisert hvordan de vil at et nettsted skal se ut og fungere, vurderer utvikleren hvorvidt det de så for seg teknisk og kostnadseffektivt kan programmeres..

Nettutviklere og designere samarbeider også senere når designere deler ut klientgodkjente design og oversettelser (spesifikasjoner for hvordan du bygger en side) som skal kodes..

Hva gjør webdesignere?

Som nettutviklere har ikke webdesignere en entall oppgave eller område på et nettsted de er ansvarlig for.

Ja, webdesignere har i oppgave å designe digitale grensesnitt som både er tiltalende og effektive for å lede besøkende til å konvertere (f.eks. For å kjøpe eller abonnere på noe).

Imidlertid tar mye av webdesignprosessen dem også inn i områder med forskning og testing. Så det er vanligvis ikke nok å bare vite hvordan du velger en estetisk behagelig fargepalett.

Nettdesignere må kunne utforme skreddersydde opplevelser som appellerer til sluttbrukernes behov og motivasjoner. De må også balansere det med en forståelse av hvordan designvedtakene deres påvirker kodingen av et nettsted.

Dette betyr ofte å gå gjennom en omfattende prosess med forskning og planlegging før du forplikter deg til den endelige utformingen av et nettsted.

Er det forskjellige typer nettdesignere og utviklere?

Akkurat som det er forskjellige typer mennesker og bedrifter som trenger nettsteder, er det forskjellige typer webutviklere og designere som bygger dem.

Hva slags nettutviklere er der?

Back-end utviklereFront-end utviklereFull-stack utviklere
  • Bruk avanserte programmeringsspråk som PHP, Java og SQL
  • Ansvarlig for koding av databasen og serveren
  • Håndter all den komplekse funksjonaliteten på et nettsted
  • Ansvarlig for testing og feilsøking
  • Koder med språk som CSS, HTML og JavaScript
  • Ansvarlig for koding av selve nettstedet
  • Bygg ut all brukervendt funksjonalitet og funksjoner
  • Kan spesialisere seg i CMS-utvikling (f.eks. WordPress)
  • Kode med grunnleggende og avanserte programmeringsspråk
  • Ansvarlig for koding av alt: front- og bakenden av et nettsted

Hva slags nettdesignere er der?

NettdesignereUX-designereUI-designereUX / UI-designere
  • Design ofte ved hjelp av innholdsstyringssystemer som WordPress
  • Fokuser på å designe for mindre nettsteder og klienter
  • Design med profesjonell designprogramvare
  • Fokus på databasert og menneskesentrisk design
  • Prosessen innebærer omfattende forskning, testing og validering for å skape en ideell brukeropplevelse
  • Design med profesjonell designprogramvare
  • Fokus på brukervennlighet design
  • Prosessen innebærer å designe et grensesnitt som er friksjonsfritt og sannsynligvis vil konvertere godt
  • Design med profesjonell designprogramvare
  • Fokuser både på brukeropplevelsen og brukergrensesnittet

Hvilke ferdighetssett skal designere og utviklere ha?

Selv om det er en viss overlapping mellom det administrative ansvaret som webdesignere og utviklere har, er de jobbspesifikke ferdighetene veldig forskjellige:

Hvilke ferdigheter trenger webutviklere?

Nettutviklere eier den tekniske siden av et nettsted, noe som betyr at de må være flytende i koden.

Som vi allerede har nevnt, er det imidlertid forskjellige deler av et nettsted som utviklere kan være ansvarlige for programmering. På grunn av dette gjelder følgende liste over ferdigheter ikke alle som ønsker å bli nettutvikler.

Forsikre deg om at du finner ut hvilket spor du vil gå ned på, slik at du kan mestre riktig sett med ferdigheter:

HTMLEt grunnleggende markeringsspråk som gjør det mulig for utviklere å style tekst for nettlesere (front-end).
CSSEt grunnleggende stilark som lar utviklere formatere elementene på en webside (front-end).
JavascriptEt grunnleggende skriptspråk som gjør det mulig for utviklere å gjøre om en webside fra noe statisk til noe interaktivt (front-end).
PHPEt avansert programmeringsspråk på serversiden som utviklere jobber med gjennom et kommandolinjegrensesnitt (CLI) for å kode kjernen på et nettsted (back-end).
CSS-forprosessorer som SASS eller LESSEt verktøy som gjør koding med CSS mer effektiv.
JavaScript-rammer som jQueryEt verktøy som forenkler hva utviklere må gjøre for å utføre JavaScript-kode.
CSS- og JavaScript-bibliotekerForkodede ressurser som utviklere kan bruke for å spare tid på å skrive hver komponent eller interaksjon fra bunnen av.
GitEn versjonskontrollplattform som gjør det enkelt for utviklere å jobbe med og administrere forskjellige iterasjoner av et nettsted.

Utover programmeringsferdigheter, vil webutviklere også dra nytte av:

  • God prosjekt- og tidsstyring
  • Responsivt webdesign
  • Søkemotoroptimalisering (SEO)
  • Problemløsing (spesielt nyttig for feilsøking)
  • Kommunikasjons- og samarbeidsevner

Hvilke ferdigheter trenger webdesignere?

Nettdesignere eier alt som har med grensesnittet til et nettsted å gjøre. Når det er sagt, må ferdighetene deres gå utover grunnleggende designkonsepter eller fargelære.

Husk at hvis du bestemmer deg for å ta et av UX- eller UI-sporene, trenger du et bredere sett med ferdigheter. Så sørg for å finne ut hvilken type designer du vil være, slik at du kan spikre det rette ferdighetssettet fra farta:

merkevarebyggingSelv om du ikke utvikler merkevarebygging (som logoer) for klienter, er det fortsatt nyttig å forstå “hvorfor” bak et selskaps merkevare og hvordan det påvirker design og meldinger.
FargelæreDet er ikke nok for fargepaletter å være estetisk tiltalende. Farger betyr forskjellige ting psykologisk og kulturelt, og dette må gjøres rede for.
Layout / formatNår skjermene blir mindre, har utformingen av et nettsted blitt en viktig faktor i designprosessen.
Kartlegging av brukerreiseNettdesignere må kunne visualisere banen målet kundene vil ta for å bygge den ut (UI / UX design).
TraktutviklingDette handler om brukerens intensjon og forstå hvordan forskjellige tankesett driver brukerne til å ta forskjellige handlinger. Designet skal redegjøre for disse forskjellige traktene (UI / UX design).
FølelsesdesignEmpati spiller en stor rolle i webdesignprosessen – for designere av alle typer. Uten det vil du designe for feil personlighet.
Responsiv utformingMens plattformer som WordPress vil ta noe av arbeidet ut av dette for deg, og en webutvikler, er det viktig å vurdere hvordan designvalgene dine påvirker brukere på forskjellige enheter og nettlesere.
InteraksjonsdesignDette segmentet fokuserer på hvordan du kan øke klikkbarheten og engasjementet med viktige elementer på et nettsted.

I tillegg ville webdesignere dra nytte av å ha disse ferdighetene:

  • God prosjekt- og tidsstyring
  • Beste praksis for netttilgjengelighet
  • HTML- og CSS-koding
  • Optimalisering av søkemotorer
  • Konverteringsfrekvensoptimalisering
  • Klientkommunikasjon
  • Team samarbeid

Hvilke verktøy bruker designere og utviklere?

Fordi nettutviklere og designere fokuserer på helt forskjellige deler av et nettsted, er det ikke mye overlapping når det gjelder verktøyene de bruker for å få jobben gjort.

Hva slags verktøy bruker webutviklere?

I tillegg til å kunne manipulere kodespråk, bør webutviklere beherske følgende verktøy:

Nettutviklerverktøyeksempler
Integrert utviklingsmiljø (IDE)Visuelt studio

Atom

VersjonskontrollplattformGitHub
NettleserutviklerverktøyChrome DevTools

Firefox DevTools

Webhotell, kontrollpanel og FTPBluehost
System for innholdshåndteringWordPress

Joomla

Drupal

Testing av nettstederfyr

selen

Pingdom

Problemsporing og styringsverktøyJira

Hva slags verktøy bruker webdesignere?

Web Designer Verktøyeksempler
Programvare og verktøy for nettdesignPhotoshop

Skisse

ArkivfotograferingsressurserUnsplash

iStock

Bildeoptimaliseringsverktøy (komprimering / størrelse)ResizeImage.net

TinyPNG

Wireframing-verktøyBalsamiq

MockFlow

Prototyping programvareAdobe XD

InVision

Hva slags verktøy skal webdesignere og utviklere begge bruke?

Fordi designere og utviklere samarbeider tett, er det viktig at de deler et visst sett verktøy for enklere kommunikasjon og overleveringer. For eksempel:

Designer-Developer Toolseksempler
Designer-utvikler samarbeidsverktøyFigma

InVision

ProgramstyringsprogramvareTeamwork

Trello

Team chat-programvareSkype

Slack

Hvor mye tjener webdesignere og webutviklere i gjennomsnitt?

Det er en rekke medvirkende faktorer som påvirker hvor mye du kan tjene som webdesigner eller webutvikler. Liker hva slags designer eller utvikler du er, hva slags selskaper du jobber for, samt hvor mye erfaring du har.

KildeNettdesigner-lønnNettutviklerlønn
Glassdør$ 52 691$ 68 524
PayScale$ 49 707$ 59 229
ZipRecruiter$ 60 136$ 74 678
Gjennomsnittlig lønn$ 54 178$ 67 477

Merk:

Selv om det kan se ut som webdesignere gjør betydelig mindre, må du huske at dette er gjennomsnittet for web designere. Du kan forvente å tjene mer hvis du spesialiserer deg i UX- eller UI-design eller hvis du finner en spesielt lukrativ nisje.

Hvor kan du lære nettdesign og webutvikling?

Det er to forskjellige tilnærminger du kan ta for å bli utdannet innen webdesign eller webutvikling.

Alternativ 1: Få en grad eller sertifikat

For webutviklere

Mange webutviklere kommer inn i feltet med en grad i informatikk eller programmering.

Topp teknologiskoler som Stanford og MIT i USA gir gradspor for dette. Imidlertid er det rimeligere og praktiske alternativer også.

Colorado State University tilbyr for eksempel online sertifikater innen dataprogrammering og utvikling av webapplikasjoner.

Sydlige New Hampshire University er en annen skole som tilbyr online programmer – for grader på alle nivåer – innen informasjonsteknologi.

Hvis du ikke er sikker på hvor du vil trene, sjekk ut Coursera. Du kan finne universitetskurs som samsvarer med dine behov der.

For nettdesignere

Graden og programmet du velger å gå inn på, avhenger av hva du ser for deg i løpet av karrieren din. For eksempel:

Hvis du foretrekker å fokusere strengt på webdesign, så er et kunstinstitutt som Kunstakademiet kan være det beste alternativet.

Hvis du ønsker å ha en fullstendig forståelse av hvordan nettet fungerer mens du blir en mester i design, vil du oppdage at mange skoler tilbyr kombinerte grader som University of Marylands digitale medie- og webteknologiprogram.

Det finnes også billigere og mer praktiske online programalternativer som lar deg velge mellom et stort utvalg av grader og sertifikater innen webdesign eller informatikk. Full Sail University og Franklin University er bare et par av dem.

Pro-tips: Husk at en grad eller sertifikat alene ikke vil gi deg nye kunder – for et av disse feltene. Du trenger et bunnsolid porteføljeside for å vise dem, så fokuser på å bygge det opp så snart som mulig.

Alternativ 2: Utdanne deg selv

For webutviklere

Hvis du planlegger å jobbe for deg selv og ikke trenger eller vil at et byrå skal ansette deg, trenger du kanskje ikke en grad eller fagbrev.

Det betyr ikke at du kan starte en egen webutviklingsvirksomhet uten trening overhodet. Du må bruke tid på å lære deg å kode.

Det er mange gratis ressurser på nettet der du kan lære å kode – noen av dem tilbyr sertifikater når du fullfører opplæringen.

Du bør også abonnere på en blogg eller nettsted som regelmessig produserer tips og opplæringsprogrammer for nettutvikling. Du kan starte med å bokmerke nettstedet WebsiteSetup.org.

Det er mer formelle alternativer, for eksempel å ta (betalte) kurs gjennom nettsteder som EdX og Udemy.

For nettdesignere

Det er mye du må lære å bli en fullverdig webdesigner, så du er best av å ta en omfattende, men mangfoldig tilnærming.

For det første kan du abonnere på plattformer som Dribbble og Behance. For å følge med i konkurransen, må du være kjent med hvordan de designer og hva som for øyeblikket er i forkant med design..

For det andre, gå gjennom alle tutorials levert av din foretrukne design programvare. Photoshop og Sketch har et fantastisk sett tutorials som hjelper deg å komme i gang.

Deretter kan du abonnere på blogger og YouTube-kanaler som spesialiserer seg på tips og tutorials for webdesign. Smashing Magazine og WebDesignerDepot publiserer jevnlig nytt innhold for designere på alle nivåer.

Jo mer du kan se et nettsted som blir designet i sanntid (enten det er i en video eller med skjermbilder), jo bedre lærer du ferdigheten selv.

Det er mange gratis ressurser på nettet der du kan lære webdesign. Du trenger bare å finne den ressursen som gir deg best lyd.

Og hvis du vil mestre en spesifikk ferdighet, ikke glem å sjekke ut betalte kurs på topp e-læringsplattformer som Alison, EdX eller Skillshare.

Web Designer vs. Web Developer: Hvilken er den rette veien for deg?

Husk at nettdesign og utviklingstrening ikke er noen lattermilde sak, spesielt hvis du vil tjene utover gjennomsnittlig lønn for dine jevnaldrende.

Før du investerer tid eller penger i et av feltene, må du finne ut hva det er som gjør deg spent.

Liker du ideen om å skrive kode bak kulissene som informerer om hvor bra eller dårlig et nettsted presterer?

Eller foretrekker du å designe det visuelle utseendet til en webside og mer aktivt forme brukeropplevelsen?

Selv om vi snakker om dette som et spørsmål om webutvikling kontra webdesign, er sannheten:

Verken kan eksistere uten den andre. De er to halvdeler til en helhet.

Selv om du bestemmer deg for at webdesign er noe for deg eller omvendt, er det viktig å forstå hva som innebærer å være en webutvikler, i tillegg til at du kommer til å jobbe hånd i hånd for å utvikle feilfrie løsninger for klienter.

Så jo bedre du forstår hvordan din kreative visjon blir oversatt til kode eller omvendt, jo mer effektivt og effektivt kan du bygge nettsteder.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me