Spørg ti mennesker, hvad digitalt design er, og du får ti forskellige svar, hvoraf de fleste kun er halvt rigtige. Det er et af de begreber, som alle bruger, men som de færreste kan definere præcist. Kort sagt er det design skabt til skærme: det visuelle og interaktionerne på hjemmesider, apps og andre digitale produkter. Det lyder enkelt. Men det er langt sværere at udføre, fordi skærmen har nogle egenskaber og krav, som papir aldrig har haft.
Her er vores holdning, og resten af denne tekst er et argument for den: Digitalt design er pengene værd, når det ændrer brugernes adfærd, ikke når det blot ser professionelt ud. Vi kan sætte tal på det. Da vi foretog en UX-audit og et redesign af brugerfladen for Learninghubz, en læringsplatform til virksomheder, steg antallet af aktive brugere med 20 % i de tre måneder efter lanceringen, mens tiden brugt i appen steg med 15 % på desktop og 50 % på mobil. Intet i det underliggende indhold blev ændret. De samme videoer, det samme katalog, blot en anden brugerflade.
Så lad os gennemgå det. Hvad digitalt design egentlig er, hvordan det adskiller sig fra den traditionelle form, hvilke typer der findes, og hvornår det kan betale sig at investere i det. Og lige så vigtigt: hvornår det ikke kan.
Design er funktionel kunst. Det skabes med et formål: at forbedre brugervenlighed, forme oplevelser, skabe identitet, fremme engagement og generere effekt, alt efter hvilket medie der anvendes. Du finder det overalt, fra møbelkonstruktion til branding og reklamer, udført i vidt forskellige materialer og sammenhænge.
Digitalt design er den gren, der udelukkende eksisterer på en skærm. Det er skabt til at blive set og interageret med dér og ingen andre steder. Det lyder måske som en lille forskel. Det er det ikke, for når noget lever på en skærm, kan det ting, som papir slet ikke kan – vigtigst af alt kan det reagere på, hvad der sker, og ændre sig derefter.
Det er dynamisk, interaktivt og formbart af natur, og det trækker på discipliner langt ud over grafisk design: programmering, multimedier og dataanalyse. Digitale designere arbejder tæt sammen med udviklere under selve opbygningen og med marketingteamet under hele forløbet, fordi arbejdet har en målbar effekt og bør planlægges med specifikke mål fra starten.
Det er her, de fleste tager fejl. Alt design bliver i dag lavet på computere, så er alt design så ikke digitalt? Nej. Forskellen ligger ikke i værktøjerne. Den ligger i de færdige produkter, de medier, de bruger, og den type relation, de skaber til modtageren.
Tænk på en trykt plakat. Når blækket er tørt, er den færdig: Den formidler det samme budskab på samme måde til alle, der går forbi, så længe den hænger der. Et digitalt design er det stik modsatte. Det observerer, hvordan folk reagerer, og tilpasser sig derefter, og det kan forbedres i næste uge på en måde, en plakat aldrig kan.
Printdesignere arbejder typisk med analoge medier, oftest papirbaserede eller lignende. Her er et par eksempler på printdesign:
Digitale designere skaber digitale produkter, såsom:
Men den dybere forskel ligger i de formsprog, de benytter. Printdesign arbejder primært med det visuelle aspekt. Digitalt design er i sagens natur en dynamisk, interaktiv oplevelse, der bruger programmeringssprog til at skabe bevægelse og integrere andre medier i det endelige resultat. Her er et paradoks, der er værd at overveje: Digitalt design er det mest uhåndgribelige af de to, og samtidig det, vi interagerer mest med.
Digitalt design fokuserer indgående på, hvordan mennesker interagerer med deres skærme: hvordan de læser, hvordan de reagerer, og hvad de beslutter sig for. Denne adfærd bliver til data, og dataene danner grundlag for overvejelserne bag den næste iteration, hvilket gør designet mere effektivt for hver gang.
Godt design kan skubbe til en beslutning taget på et splitsekund og føre brugeren mod det mål, du havde i tankerne. Dårligt design rammer ved siden af. En knap med en ineffektiv størrelse eller farve kan svække effekten af en call-to-action; et dårligt opbygget layout kan gøre det umuligt for brugerne at gennemskue, hvad de har foran sig.
Learninghubz-audit er et godt eksempel på, hvor banale disse fejl ofte er. Indholdet var til stede, og kunderne var der. Det, som auditten afslørede, var helt almindelige ting: svag navigation, dårlig læsbarhed, forældede interface-mønstre og visuelle elementer, der manglede autoritet. Responsivitet, dokumentation og hjælp i produktet haltede også bagefter, omend i mindre grad.
Intet af dette er prangende. Løsningen var heller ikke prangende: etablerede UI-mønstre frem for opfindsomme løsninger, navigationskonventioner som brugerne allerede kendte, et tydeligere teksthierarki, konsekvent visuel stil og et reelt onboarding-flow i stedet for blot at kaste folk direkte ud i et katalog. Stigningen på 50 % i tid brugt i mobilappen er den detalje, vi fandt mest lærerig: Mobilbrugerne var ikke uinteresserede, de blev blot hindret i deres færd.
Effektivt design er altid bygget på indsigt i adfærd, og i den digitale verden kommer denne indsigt i form af data. Du kan analysere, hvordan folk navigerer, hvor de dvæler, og hvordan de finder rundt. Derefter tester du en ny version mod den gamle, sammenligner, finjusterer og tilpasser endda designet til en specifik målgruppe. Et vejskilt får ikke den chance nummer to.
Vi har allerede berørt et par af de definerende træk. Lad os gennemgå de vigtigste grundigt.
Digitalt design lever på tværs af et væld af skærme og enheder, så det skal passe til hver enkelt i højest mulige kvalitet og tilpasse sig måden, folk bruger det på. Kan du huske, da video altid blev optaget i panoramavisning? Brugernes vaner og enheder ender oftest med at diktere reglerne for digitalt design.
Når folk forestiller sig design, tænker de på farver, former og typografi. Digitalt design tilføjer bevægelse og forandring til den liste. De fleste hjemmesider benytter teknikker som parallax – effekten, hvor baggrund og forgrund bevæger sig med forskellig hastighed – eller skifter farve på aktive elementer. Til navigation bruger de også objekter, der ændrer form, som f.eks. en hamburger-menu, der folder sig ud til en liste, når du trykker på den. I modsætning til tryksager kan en digital designer give elementer dynamisk adfærd.
Interaktivitet er selve kernen i digitalt indhold. Det startede med hyperlinks, hvor et ord eller en sætning kunne føre dig videre til en anden side. Det var reelt her, digitalt design begyndte, dengang ingen gik synderligt op i typografi eller layout udover at få tingene til at fungere (hvilket, sandt at sige, var utroligt basalt på det tidlige internet).
Pludselig havde et element en opgave. Løsningen var at understrege de linkede ord og gøre dem blå. Det princip har ikke ændret sig siden. De visuelle muligheder er dog gået fra at være få til reelt ubegrænsede.
Skal en digital designer kunne skrive kode? Ikke nødvendigvis, men de kan heller ikke ignorere den. Printdesign forudsætter en trykmaskine og en overflade; digitalt design bruger kode til at materialisere sig. Så en digital designer har brug for CSS og HTML til det visuelle, og når man tilføjer interaktivitet, får JavaScript også sin plads.
Teknologien bag former, hvad der er realistisk, og det er grunden til, at vores designere sidder sammen med udviklerne i stedet for blot at sende filer videre. På Learninghubz var frontenden Angular, med TypeScript og Node.js til at køre en mikrotjeneste til billedhåndtering og .NET i baggrunden. En designbeslutning, der ignorerer den kontekst, er en beslutning, som andre skal genforhandle senere.
Du behøver ikke at være ekspertprogrammør. Du skal dog vide, hvordan man forvandler en statisk mockup til et levende produkt, og hvad der er teknisk muligt, når du vil prøve noget nyt.
Her er noget, papir aldrig har tilbudt: Du kan måle, om designet virker. Udover at fange øjet skal digitalt design fastholde opmærksomheden og derefter lede den gnidningsfrit hen til den ønskede handling. Heatmaps, klikrapporter, navigations-treemaps og lignende værktøjer gør det muligt for designere at bygge flere versioner og lade dem dyste mod hinanden gennem A/B-test.
En advarsel fra erfaring: Vælg målepunktet før redesignet, ikke efter. Aktive brugere, tid i appen og gennemførelsesrater kan bevæge sig i forskellige retninger ved den samme ændring, og et team uden et aftalt succeskriterium ender med at diskutere smag. Vores egen UX-auditproces starter netop der af den grund.
Digitalt design er noget, vi bruger og interagerer med, og det er netop derfor, det har en anden vægt end trykte medier. Vi kaldes ikke brugere ved et tilfælde. Arbejdet er skabt til at være funktionelt og til at føre et bestemt sted hen.
Begrebet digitalt design dækker over meget: digitale bannere og annoncer, nyhedsbreve, online præsentationer, e-bøger og de små ting som ikoner og logoer, der indgår i alt det andet. De tre områder, der sluger de fleste budgetter, er web, app og UX/UI, og de kan ikke erstatte hinanden.
Enhver virksomhed har brug for en hjemmeside, hvilket gør dette til den mest populære form for digitalt design med længder. Webdesignere og udviklere former layoutet og funktionaliteten på siderne samt deres udseende og virkemåde på tværs af forskellige enheder.
Landing page-design er et specialiseret hjørne af webdesign, der fokuserer på sider bygget til at udløse én bestemt handling: tilmelding til en konference, abonnement på et nyhedsbrev, køb af et produkt eller download af gratis materiale. Landing pages er marketingafdelingens favorit, fordi du kan skræddersy dem til et specifikt produkt, en målgruppe og en ønsket handling.
Vælg det, når opgaven er at informere, overbevise eller konvertere, og besøget er kortvarigt. Ulempen: bredde frem for dybde. En side, der er optimeret til førstegangsbesøgende, fungerer sjældent godt for en daglig bruger.
Apps er bygget op omkring en enkelt funktion og fungerer selvstændigt. Vi bruger dem til meget: at shoppe, lytte til musik, tjekke vejret, følge en plan, tage noter, bestille mad eller booke en bil. Apps er skabt til at præstere, hvor websider primært informerer. Derfor er tankegangen bag en app sin egen disciplin, der for det meste er mobilfokuseret, hvilket kræver helt specifikke teknologier og miljøer.
Vælg det, når den samme person vender tilbage gentagne gange for at udføre en opgave, og oplevelsen drager fordel af enhedsfunktioner, som en browser håndterer dårligt. Ulempen: omkostninger og forpligtelse. Du binder dig til release-cyklusser, godkendelsesprocesser i app-stores og platformsspecifikt arbejde på ubestemt tid.
To af de hurtigst voksende felter inden for digitalt design er UX (brugeroplevelse) og UI (brugerflade). De er tæt beslægtede, men deres opgaver er forskellige.
UX handler om, hvordan en person interagerer med produktet, og sikrer, at det er tilgængeligt og rent faktisk behageligt at bruge. UX-designere udarbejder wireframes, brugerflows og prototyper for at kortlægge rejsen og forbedre den gennem research og test i alle faser.
UI handler om, hvordan produktet ser ud og føles. UI-designere skaber produktets stil og sikrer, at layout, farver, former og typografi arbejder sammen om at skabe en identitet, der understøtter de indsigter, UX-arbejdet har givet. De udarbejder også de stilguides og biblioteker, der sikrer et ensartet udtryk på tværs af alle platforme.
Vælg dette, når du allerede har brugere, men de ikke agerer, som du havde håbet. Tag for eksempel situationen med Learninghubz. Ulempen: det er diagnostisk arbejde, så det kan ende med at konkludere, at dit problem slet ikke handler om design.
De fleste bureauer fortæller dig ikke dette, så her får du det: Der findes projekter, hvor en dedikeret designfase er det forkerte valg.
Vi byggede Economy Database-interfacet for Eurofound, EU-agenturet for forbedring af leve- og arbejdsvilkår, helt uden en dedikeret designer. Én udvikler, seks uger, Django i backenden og Azure til deployment – resultatet blev 280 initiativer med tolv filtreringsmuligheder. Udvikleren arbejdede ud fra Eurofounds eksisterende designguide og afstemte UX-beslutninger med designere i studiet, efterhånden som spørgsmål opstod.
Det var den rigtige beslutning, og den afhang af tre forudsætninger. Der fandtes en gennemarbejdet designguide, så identiteten var allerede fastlagt, og en designfase ville blot have genåbnet en allerede løst problemstilling. Interfacet var et kendt mønster (en filtrerbar, søgbar liste) med veletablerede konventioner, som man kunne følge frem for at opfinde nye. Og tidsfristen var seks uger, hvilket ikke giver nok råderum til en ærlig proces med research, idégenerering, eksekvering og teknisk vurdering.
Fjern blot én af disse faktorer, og svaret ændrer sig. Ingen designguide, og din udvikler ender med at improvisere dit brand. En ukendt interaktionsmodel, og konventionerne har intet at tilbyde. En længere tidshorisont, og ved at springe researchen over flytter du blot omkostningerne længere frem i forløbet.
Den generelle regel: køb design, når problemet er adfærdsbaseret, eller når identiteten ikke er fastlagt. Spring det over, når mønsteret er kendt, retningslinjerne findes, og tiden er den begrænsende faktor. At betale for en designfase, der skal producere skærmbilleder, som din designguide allerede dikterer, er at betale to gange for den samme beslutning.
Digitalt design har to ansigter. Det er et portræt af organisationen bag, og det er den overflade, som brugerne rent faktisk interagerer med. En digital designer skal tjene begge dele på én gang.
For organisationen er der tre værdier, der gør det tunge arbejde:
Printdesign kendte allerede til disse tre. Digitalt design tilføjer et ekstra sæt, fordi det også handler om, hvordan brugerne bevæger sig gennem produktet:
For selve forretningen er intet af dette blot pynt. Identitet og konsistens beskytter dit brand på enhver skærm, kunden møder, hvilket mindsker risikoen for, at en forvirrende oplevelse i stilhed koster dig et salg. En klar rejse forkorter vejen til konvertering. Og som Learninghubz viste, kan gevinsten opnås uden at tilføje en eneste ny funktion. Målgruppen var der allerede; interfacet stod blot i vejen.
Digitalt design er et bredt felt, der er sammensat af brugeroplevelse, typografi, dataanalyse og datavisualisering. I modsætning til trykte medier er det aldrig helt færdigt ved levering: selv en lille ændring kan ændre resultatet, så det er evalueringen af effekten, der forvandler et smukt design til et både smukt og effektivt design.
To ting, du bør tage med dig. Beslut dig for, hvilket tal der skal rykke sig, før nogen åbner Figma: et redesign uden en målsætning er et spørgsmål om holdninger, og holdninger er svære at blive enige om. Og vær ærlig omkring, hvorvidt design er det, du reelt har brug for, for nogle gange kan en klar stilguide og en udvikler, der respekterer konventioner, få dig i mål på seks uger.
Digitalt design er design skabt til skærme, som kun opleves der. Det rækker ud over grafisk designs visuelle dimension og tilføjer bevægelse, interaktivitet og kode, så resultatet reagerer på brugeren i stedet for at forblive statisk som en trykt side.
En digital designer planlægger og opbygger det visuelle og interaktionerne i digitale produkter som hjemmesider, apps og landingssider. De arbejder tæt sammen med udviklere og marketingafdelingen og bruger adfærdsdata til at teste og forbedre hver version i forhold til specifikke mål.
Det handler ikke om værktøjerne, men om leverancerne og mediet. Grafisk design arbejder primært med det visuelle aspekt og ender ofte i trykt form. Digitalt design er dynamisk og interaktivt af natur, bruger programmeringssprog til at skabe bevægelse og kan måles og forbedres, efter det er lanceret.
De mest almindelige er webdesign, app-design og UX/UI-design. Webdesign egner sig til korte, overbevisende besøg; app-design egner sig til gentagne opgaver på mobilen; UX/UI-design egner sig til produkter, der allerede har brugere, som ikke agerer som forventet. Den bredere kategori dækker også bannere og annoncer, nyhedsbreve, online præsentationer, e-bøger, ikoner og logoer.
Det kan det, og effekten er målbar. Efter en UX-audit og et redesign af brugerfladen på læringsplatformen Learninghubz steg antallet af aktive brugere med 20 % inden for tre måneder, mens tiden brugt i appen steg med 15 % på desktop og 50 % på mobil – uden at der blev ændret i platformens indhold.
Når brugerfladen følger et velkendt mønster, der allerede findes en moden stilguide, og deadline er stram. Vi leverede brugerfladen til Eurofounds Economy Database – 280 initiativer, tolv filtre – på seks uger med én udvikler og uden en dedikeret designer, fordi alle tre betingelser var opfyldt. Fjern blot én af dem, og en designfase tjener sig selv hjem igen.
Hvis du ønsker at styrke din digitale tilstedeværelse, tilbyder Imaginary Cloud webudvikling, mobiludvikling, UX-audit og UX/UI-design som hjælper brugere med at nå deres mål.
Og dine også.
Indholdsforfatter og digital medieproducent med interesse i det symbiotiske forhold mellem teknologi og samfund. Bøger, musik, og guitarer er en konstant.
Ung UX/UI-designer brænder for detaljer og menneskelig adfærd, der elsker at lære noget nyt hver dag.
People who read this post, also found these interesting:
