20 Web Design Industry Vilkår for Clueless Client
I webdesignindustrien bruger vi mange insider vilkår. Dette gør det ikke kun svært at komme i gang for nyankomne, især kunder, der ikke er involveret i designindustrien, men kommunikere deres mening korrekt kan nogle gange være en ganske udfordring.
I denne ordliste har vi samlet 20 ofte anvendte webdesign betingelser og tilføjede en kort forklaring til hver, så alle kan hurtigt se på dem i tilfælde af usikkerhed. Hvis du har en klient, der virkelig har brug for et crash kursus i webdesign jargon, kan du dele denne artikel med dem.
“Animation”
En webdesign teknik, der tilføjer bevægelse til på skærmen elementer for at visualisere forandring eller til tiltrække brugernes opmærksomhed.
Animationer er mere magtfulde end overgange, da de kan gå gennem mange forskellige tilstande mellem deres start- og slutpunkter, kan de derfor bruges til mere komplicerede effekter.
“Brødkrumme”
EN navigationstype der informerer brugerne om deres Nuværende lokation på et websted.
Breadcrumbs indeholder sti som den aktuelle side kan nås fra hjemmesiden, normalt i formatet af Hjem / Kategori / Side
. Hvert element af stien er også klikbart så brugerne kan hurtigt navigere i webstedshierarkiet. Breadcrumbs vises normalt oven på hver side.
“Uorden”
En webdesign blunder, en indikator for a dårligt designet side.
Vi taler om en rotete side, når designeren presset for meget information på samme side uden at tilføje nok hvidt rum og korrekt struktureret indhold. Roterede sider har lav læsbarhed, og skade brugeroplevelse.
“Farveskema”
EN samling af harmoniserende farver bruges til at oprette en genkendelig mærkeidentitet.
Normalt er det samme farveskema anvendes konsekvent på tværs af brandets hjemmeside, mobilapp, logo og marketingmateriale. Et farveskema kan udformes i henhold til forskellige principper, der er monokromatiske, analoge, komplementære, triadiske og andre farveskemaer.
“Kontrast”
En design teknik til understrege forskelle mellem elementer, der har anden rolle eller betydning.
Ved brug af komplementære farver (modsætninger på farvehjulet) er imidlertid den mest velkendte måde at udtrykke kontrast på visuelle forskelle i form, stil, typografi eller layout af sideelementer, vi vil skelne, kan også opnå en kontrasterende effekt.
“Tom tilstand”
En bestemt tilstand på et websted eller en ansøgning, når der er endnu ikke noget indhold På en bestemt side er designelementerne dog allerede på deres sted.
Første brugslande, såsom tomme profiler, er typiske eksempler på tomme stats sider. De kræver specifikke designteknikker (såsom onboarding design) som informere brugere om hvad der skal være på siden, og opmuntre dem at udføre visse aktiviteter.
“Fast layout”
EN layout type hvor et websted og dets elementer brug samme bredde på tværs af alle beslutninger, defineret i statiske værdier (normalt pixels).
Den traditionelle måde at opbygge hjemmesider på. Sjældent valgt til nyere websteder, da websteder med faste layouter næppe er brugbare (læsbare) på mobile skærme. For at være tilgængelig for mobilbrugere bruger mange faste layoutsider a sekundære mobilsite.
“Flad Design”
EN UI designsprog det fokuserer på rene og minimalistiske stilarter, og fjerner komplicerede teksturer, mønstre, gradienter og andre fancy effekter for at hjælpe brugere bedre fokus på indholdet.
Flade design er blevet kritiseret for brugervenlighedsproblemer, der stammer fra mangel på tredimensionalitet. Mere moden Flad 2,0 designsprog, som Googles materiale design, har dukket op som svar, og tilføjet en lille dybde tilbage til fladt design.
“Fluid Layout”
EN layout type at bruger relative enheder at definere bredden af et websted og dets elementer.
De hyppigst anvendte relative enheder til væskeformater er procenter, men ems og rems kan også bruges. Et fluid layout ændres (strækker og krymper) som bredden af visningsporten ændres. I modsætning til reaktive layouts, et fluid layout bruger ikke medieforespørgsler. Også omtalt som flydende layout.
“Folde”
Undersiden af skærmens synlige del.
Begrebet “over folden” henviser til den del af en webside, som besøgende kan se uden at handle, mens “under folden” henviser til resten af siden, som brugerne kan nå kun ved at interagere med webstedet - normalt ved at rulle eller swiping (på mobil).
Det anbefales at placere branding elementer (fx logoet), navigation på stedet, og lokkende indhold over folden for at gøre brugerne hurtigt klar over formålet med webstedet og være interesseret i resten af indholdet.
“Graceful nedbrydning”
En webdesign strategi, der indeholder alle avancerede funktioner som standard på et websted, fjerner eller forenkler senere ting, der ikke virker i ældre browsere, på mindre kompatible enheder eller ved lavere båndbredder.
fokuserer mere på udseende end på indholdet. I den mobile æra er progressiv forbedring blevet den fremherskende webdesignstrategi for nye websteder, idet graceful nedbrydning hovedsagelig anvendes på ældre eller gamle websteder.
“Hero Image”
En overdimensioneret billed banner placeret over folden.
Hero-billeder er af høj kvalitet, normalt billeder i fuld bredde, der er relevante for indholdet af webstedet. På toppen af dem er der typisk en kort tekst (en eller to linjer) der formidler en besked til brugere, og a Call-to-Action-knap det opfordrer dem til at tage en vis handling, såsom shopping eller tilmelding til webstedet.
“Destinationsside”
Oprindeligt en side hvor en online besøgende går ind på et websted. For nylig er udtrykket ret brugt til en frittstående side designet til a Specifikke forretningsformål.
Hvis f.eks. Webbrugere følger en bannerannonce, finder de sig ofte på en destinationsside, der opfordrer dem til at købe et relevant produkt. Landingssider med a enkelt fokus og a klare opkald til handling har tendens til at nå højere konverteringsfrekvenser.
“Lazy Loading”
En teknik til at indlæse billeder og andet statisk indhold, såsom videoer, kun kort tid før de synlig for brugeren.
Hvis et websted bruger doven belastning, er kun billeder oven over folden først indlæst, resten er kun indlæst, når (hvis) brugeren ruller siden. Ofte brugt i lydhør og mobilt design som det sparer ressourcer. For eksempel fremskynder Google AMP mobilwebsites af doven laver statiske ressourcer som standard.
“Media forespørgsel”
En CSS-funktion, der gør lydhurtigt webdesign muligt ved at give designere mulighed for at oprette forskellige designs til forskellige enhedsdimensioner (bredde og / eller højde), retninger (landskab eller portræt) og medietyper (print, skærm osv.).
Typisk reagerende websteder har separate layouter til desktop, tablet og mobile skærme, breakpoints mellem dem er defineret af medie forespørgsler tilføjet til CSS.
“Progressiv forbedring”
En webdesign strategi der først tilføjer kun de grundlæggende elementer til et websted, der arbejder på enhver browser, båndbredde og enhed. Mere avancerede front-end-funktioner (stilarter og interaktivitet) er indlæst i lag bagefter.
Progressiv forbedring primært fokuserer på indholdet, resulterer i steder, der er tilgængelig til alle brugere, derfor er det den overvejende måde at opbygge hjemmesider i den mobile æra på (i modsætning til grasiøs nedbrydning).
“Responsive Design”
En webdesign tilgang til at skabe hjemmesider som juster til målene af forskellige enhedstyper (oftest mobil, tablet og desktop) ved at designe forskellige layouter og andre stilarter (fx typografi, billedstørrelse) for dem.
Responsive design gør brug af forskellige teknikker, såsom relative enheder, fleksible net, og medieforespørgsler for at kunne tjene hver bruger med brugbart læsbart og tilgængeligt indhold. De fleste moderne websites bruger responsivt design.
“Skeuomorphism”
Et UI design sprog, der udnytter princippet om fortrolighed, og fokuserer på at skabe designelementer som ligner deres virkelige verden tilsvarende.
For eksempel knapper, der ligner virkelige knapper ved hjælp af effekter som f.eks skrå og præg, drop skygger, gradienter og andre. Før flad design er blevet fremherskende, var skeuomorphism den førende webdesign trend i mange år.
“Overgang”
En webdesignteknik til visualisere simple ændringer når et on-screen element ændrer jævnt mellem en begyndelses- og slutstat.
Overgange - i modsætning til animationer - har ikke mellemstater, kun a start og slutpunkt, derfor skal de bruges til subtile ændringer, som for visualisering hover stater.
“Hvidt rum”
Det tomt mellemrum mellem tilstødende designelementer. Også omtalt som negativt rum.
Hvidt rum hjælper brugere skim indholdet, og visuelt angiver indholdshierarki. Hvidt rum er ikke nødvendigvis hvidt, men bruger baggrundsfarven på webstedet. Manglen på tilstrækkelig hvidt rum fører til a rodet side.