Fråga tio personer vad digital design är och du kommer att få tio svar, varav de flesta är halvvägs rätt. Det är en av de där termerna som alla använder men få kan definiera. Enkelt uttryckt är det design skapad för skärmar: det visuella och interaktionerna i webbplatser, appar och andra digitala produkter. Lätt att definiera, alltså. Betydligt svårare att utföra, eftersom skärmen den lever på har egenskaper och krav som papper aldrig haft.
Här är vår ståndpunkt, och resten av den här texten är ett argument för den: digital design motiverar sin budget när den förändrar vad användarna gör, inte när den ser proffsig ut. Vi kan sätta siffror på det. När vi genomförde en UX-revision och en omdesign av gränssnittet för Learninghubz, en plattform för företagsutbildning, ökade antalet aktiva användare med 20 % under de tre månaderna efter lanseringen, och tiden i appen ökade med 15 % på desktop och 50 % på mobil. Inget i det underliggande innehållet ändrades. Samma videor, samma katalog, ett annat gränssnitt.
Så låt oss gå igenom det. Vad digital design faktiskt är, hur den skiljer sig från den äldre sorten, dess olika typer och när det är värt att beställa den. Och, lika användbart, när det inte är det.
Design är funktionell konst. Den skapas med ett syfte: att förbättra användbarhet, forma upplevelser, skapa identitet, främja engagemang och generera effekt, beroende på vilket medium som används. Du hittar den överallt, från möbelkonstruktion till varumärkesbyggande och reklam, utförd i vitt skilda material och miljöer.
Digital design är den gren som bara existerar på en skärm. Den är skapad för att ses och interageras med där, och ingen annanstans. Det låter som en liten skillnad. Det är det inte, för att leva på en skärm innebär att den kan göra saker som papper helt enkelt inte kan – framför allt kan den se vad som händer härnäst och ändras därefter.
Den är dynamisk, interaktiv och formbar till sin natur, och den omfattar discipliner långt utöver grafisk design: programmering, multimedia och dataanalys. Digitala designers arbetar sida vid sida med utvecklare under byggfasen, och med marknadsföringsteamet under hela processen, eftersom arbetet har en mätbar effekt och bör planeras utifrån specifika mål från start.
Det är här de flesta går bet. All design görs numera på datorer, så visst är all design digital? Nej. Skillnaden ligger inte i verktygen. Den ligger i vad som produceras, vilka medier som används och vilken typ av relation som skapas med mottagaren.
Tänk på en tryckt affisch. När bläcket har torkat är den färdig: den förmedlar samma budskap, på samma sätt, till alla som går förbi, så länge den hänger kvar. En digital design är raka motsatsen. Den känner av hur människor reagerar och anpassar sig därefter, och den kan förbättras nästa vecka på ett sätt som en affisch aldrig kan.
Trycksaksdesigners arbetar vanligtvis för analoga medier, främst pappersbaserade eller liknande. Några exempel på trycksaksdesign:
Digitala designers skapar digitala leverabler, såsom:
Men den djupare klyftan ligger i de uttryckssätt som används. Trycksaksdesign fokuserar främst på det visuella. Digital design är i grunden en dynamisk, interaktiv upplevelse som använder programmeringsspråk för att skapa rörelse och bädda in andra medier i slutresultatet. Här är paradoxen värd att reflektera över: digital design är den mer immateriella av de två, och samtidigt den vi interagerar med mest.
Digital design fokuserar på hur människor interagerar med sina skärmar: hur de läser, hur de reagerar och vad de beslutar sig för. Det beteendet omvandlas till data, och den datan ligger till grund för nästa iteration, vilket gör designen mer effektiv för varje gång.
Bra design kan styra ett beslut som tas på en bråkdels sekund och leda användaren mot det mål du har satt upp. Dålig design missar målet. En knapp med felaktig storlek eller färg kan minska effekten av en uppmaning till handling, och en dåligt uppbyggd layout kan göra det svårt för användare att förstå vad de har framför sig.
Learninghubz-revisionen är ett bra exempel på hur vardagliga dessa brister oftast är. Innehållet fanns där och kunderna fanns där. Det revisionen visade var alldagligt: svag navigering, dålig läsbarhet, föråldrade gränssnittsmönster och grafik som saknade auktoritet. Responsivitet, dokumentation och hjälpfunktioner i produkten släpade också efter, om än i mindre utsträckning.
Inget av detta är särskilt glamoröst. Åtgärderna var inte heller glamorösa: etablerade UI-mönster istället för egenhändigt påhittade, navigeringskonventioner som användarna redan kände till, en tydligare texthierarki, konsekvent visuell stil och en genuin introduktionsprocess istället för att bara kasta in användarna i en katalog. Att tiden i mobilappen ökade med 50 % är den detalj vi fann mest lärorik: mobilanvändarna var inte ointresserade, de blev motarbetade.
Effektiv design bygger alltid på insikter om beteenden, och i den digitala världen kommer dessa insikter i form av data. Du kan analysera hur människor navigerar, var de dröjer sig kvar och hur de hittar rätt. Sedan testar du en ny version mot den gamla, jämför, finjusterar och kan till och med anpassa designen för en specifik målgrupp. En reklamskylt längs vägen får aldrig den chansen.
Vi har redan snuddat vid några av de definierande dragen. Låt oss gå igenom kärnan ordentligt.
Digital design lever på en mängd olika skärmar och enheter, så den måste passa varje enhet med högsta möjliga kvalitet och anpassa sig efter hur människor använder den. Kommer du ihåg när video alltid filmades i liggande format? Användarnas vanor och enheter dikterar oftast reglerna för digital design.
När folk tänker på design tänker de på färger, former och typografi. Digital design lägger till rörelse och förändring på den listan. De flesta webbplatser använder tekniker som parallax, effekten där bakgrund och förgrund rör sig i olika hastigheter, eller ändrar färg på aktiva element. För navigering används också formföränderliga objekt, som hamburgermenyn som fälls ut till en lista när du trycker på den. Till skillnad från trycksaker kan en digital designer ge element dynamiskt beteende.
Interaktivitet är hela poängen med digitalt innehåll. Det började med hyperlänkar, där ett ord eller en fras kunde ta dig vidare till en annan sida. Det var egentligen där digital design började, på den tiden då ingen brydde sig särskilt mycket om typografi eller layout utöver att få det att fungera (båda var ärligt talat väldigt grundläggande på den tidiga webben).
Plötsligt fick ett element en uppgift att utföra. Lösningen blev att understryka länkade ord och färga dem blå. Principen har inte ändrats sedan dess. De visuella möjligheterna har dock gått från en handfull till i praktiken obegränsade.
Måste en digital designer kunna skriva kod? Inte nödvändigtvis, men man kan inte heller ignorera den. Tryckdesign förutsätter en tryckprocess och en yta; digital design använder kod för att materialiseras. Så en digital designer behöver CSS och HTML för det visuella, och när du lägger till interaktivitet får även JavaScript sin givna plats.
Teknikstacken formar vad som är realistiskt, vilket är anledningen till att våra designers sitter tillsammans med utvecklarna istället för att bara skicka över filer. På Learninghubz var front-enden Angular, med TypeScript och Node.js som körde en mikrotjänst för bildhantering och .NET i bakgrunden. Ett designbeslut som ignorerar det sammanhanget är ett beslut som någon annan måste omförhandla senare.
Du behöver inte vara expertprogrammerare. Du behöver däremot veta hur man förvandlar en statisk mockup till en levande produkt, och vad som är tekniskt möjligt när du vill prova något nytt.
Här är vad papper aldrig erbjöd: du kan mäta om designen fungerar. Utöver att fånga blicken måste digital design hålla kvar uppmärksamheten och sedan leda den smidigt till den avsedda handlingen. Heatmaps, klickrapporter, navigeringsträd och liknande verktyg låter designers bygga flera versioner och ställa dem mot varandra genom A/B-testning.
En varning baserad på erfarenhet: välj mätetalet före omdesignen, inte efter. Aktiva användare, tid i appen och slutförandegrad kan röra sig i olika riktningar av samma förändring, och ett team utan ett överenskommet mätetal slutar med att diskutera tycke och smak. Vår egen UX-revisionsprocess börjar där av just den anledningen.
Digital design är något vi använder och interagerar med, och det är precis därför den har en annan tyngd än tryckt material. Det är ingen slump att vi kallas användare. Arbetet är skapat för att vara funktionellt och leda någonstans specifikt.
Begreppet digital design är brett: digitala banners och annonser, nyhetsbrev, presentationer online, e-böcker och även de mindre detaljerna, som ikoner och logotyper som dyker upp i allt annat. De tre områden som slukar mest budget är webb, app och UX/UI, och de är inte utbytbara.
Varje företag behöver en webbplats, vilket gör detta till den överlägset populäraste formen av digital design. Webbdesigners och utvecklare formar layouten och beteendet på webbplatser, samt hur de ser ut och fungerar på olika enheter.
Design av landningssidor är en specialiserad del av webbdesign, fokuserad på sidor byggda för att trigga en specifik handling: anmäla sig till en konferens, prenumerera på ett nyhetsbrev, köpa en produkt eller ladda ner något gratis. Landningssidor är marknadsavdelningens favorit eftersom de kan skräddarsys för en specifik produkt, målgrupp och önskad handling.
Välj detta när syftet är att informera, övertyga eller konvertera, och besöket är kortvarigt. Avvägningen: bredd framför djup. En webbplats som är optimerad för förstagångsbesökaren fungerar sällan bra för den dagliga användaren.
Appar är byggda kring en specifik funktion och står på egna ben. Vi använder dem till mycket: shoppa, lyssna på musik, kolla vädret, följa en plan, anteckna, beställa mat eller boka en bil. Appar är gjorda för att prestera, medan webbsidor främst informerar. Därför är tankesättet bakom en app en egen disciplin, oftast mobilfokuserad, vilket innebär mycket specifika tekniker och miljöer.
Välj detta när samma person återkommer upprepade gånger för att utföra en uppgift, och upplevelsen drar nytta av enhetsfunktioner som en webbläsare hanterar dåligt. Avvägningen: kostnad och engagemang. Du förbinder dig till lanseringscykler, granskningar i appbutiker och plattformsspecifikt arbete på obestämd tid.
Två av de snabbast växande områdena inom digital design är UX (användarupplevelse) och UI (användargränssnitt). De är nära besläktade, men deras uppgifter skiljer sig åt.
UX handlar om hur någon interagerar med produkten och säkerställer att den är tillgänglig och genuint trevlig att använda. UX-designers skapar wireframes, användarflöden och prototyper för att kartlägga resan och förbättra den genom forskning och testning i varje skede.
UI handlar om hur produkten ser ut och känns. UI-designers skapar produktens stil och ser till att layout, färger, former och typografi drar åt samma håll för att bygga en identitet och underbygga de insikter som UX-arbetet gett. De tar även fram stilguider och bibliotek som säkerställer ett konsekvent utseende på alla plattformar.
Välj detta när du redan har användare som inte beter sig som du hoppats. Precis som i fallet med Learninghubz. Avvägningen: det är ett diagnostiskt arbete, vilket innebär att slutsatsen kan bli att problemet inte alls handlar om design.
De flesta byråer kommer inte att berätta detta för dig, så här är det: Det finns projekt där en dedikerad designfas är fel investering.
Vi byggde gränssnittet för Eurofounds ekonomidatabas, EU-organet för förbättring av levnads- och arbetsvillkor, helt utan tilldelad designer. En utvecklare, sex veckor, Django i backend och Azure för driftsättning, vilket resulterade i 280 initiativ med tolv olika filtreringsalternativ. Utvecklaren arbetade utifrån Eurofounds befintliga stilguide och stämde av UX-beslut med designers i studion när frågor dök upp.
Det var rätt beslut, och det vilade på tre förutsättningar. Det fanns en mogen stilguide, så identiteten var redan fastställd och en designfas hade bara inneburit att man ifrågasatt ett redan löst problem. Gränssnittet var ett välkänt mönster (en filtrerbar, sökbar lista) med etablerade konventioner att följa istället för att uppfinna hjulet på nytt. Och tidsramen var sex veckor, vilket inte ger tillräckligt med utrymme för att genomföra research, idéarbete, utförande och teknisk utvärdering på ett seriöst sätt.
Ta bort en av dessa faktorer och svaret blir ett annat. Ingen stilguide, och en utvecklare tvingas improvisera fram ditt varumärke. En okänd interaktionsmodell, och konventioner har inget att erbjuda. En längre tidsplan, och att hoppa över research flyttar bara kostnaden längre fram i processen.
Den generella regeln: köp design när problemet rör användarbeteende eller när identiteten är oklar. Hoppa över det när mönstret är känt, riktlinjerna finns och tiden är den begränsande faktorn. Att betala för en designfas för att ta fram skärmar som din stilguide redan dikterar är att betala två gånger för samma beslut.
Digital design har två ansikten. Det är ett porträtt av organisationen bakom, och det är ytan som användarna faktiskt interagerar med. En digital designer måste tillgodose båda samtidigt.
För organisationen är det tre värden som gör det tunga arbetet:
Trycksaksdesign kände redan till dessa tre. Digital design lägger till en andra uppsättning, eftersom den också bryr sig om hur användarna rör sig genom det digitala:
För själva verksamheten är inget av detta bara dekoration. Identitet och konsekvens skyddar ert varumärke på varje skärm en kund möter, vilket minskar risken för att en förvirrande upplevelse i tysthet kostar er en försäljning. En tydlig resa förkortar vägen till konvertering. Och som Learninghubz visade kan vinsten komma utan att en enda funktion läggs till. Målgruppen fanns redan där, gränssnittet stod helt enkelt i vägen.
Digital design är ett brett område som vävs samman av användarupplevelse, typografi, dataanalys och datavisualisering. Till skillnad från tryckt material blir det aldrig riktigt färdigt vid leverans: även en liten ändring kan påverka slutresultatet, så att utvärdera effekten är det som förvandlar en vacker design till en både vacker och effektiv sådan.
Två saker att ta med sig. Bestäm vilken siffra som ska flyttas innan någon öppnar Figma: en omdesign utan ett mätetal är en fråga om tycke och smak, och åsikter är svåra att enas om. Och var ärlig med om design är vad du faktiskt behöver, för ibland räcker en tydlig stilguide och en utvecklare som följer vedertagna principer för att nå målet på sex veckor.
Digital design är design skapad för skärmar och som upplevs uteslutande där. Den går bortom den grafiska designens visuella dimension och lägger till rörelse, interaktivitet och kod, vilket gör att resultatet svarar mot användaren istället för att vara statiskt som en tryckt sida.
En digital designer planerar och bygger det visuella och interaktionerna för digitala produkter som webbplatser, appar och landningssidor. De arbetar nära utvecklare och marknadsförare och använder beteendedata för att testa och förbättra varje version utifrån specifika mål.
Det handlar inte om verktygen, utan om leverablerna och mediet. Grafisk design fokuserar främst på det visuella och hamnar ofta i tryck. Digital design är till sin natur dynamisk och interaktiv, använder programmeringsspråk för att skapa rörelse och kan mätas och förbättras efter lansering.
De vanligaste är webbdesign, appdesign och UX/UI-design. Webbdesign passar för korta, övertalande besök; appdesign passar för återkommande uppgifter på mobilen; UX/UI-design passar produkter som redan har användare som inte agerar som förväntat. Det bredare paraplyet omfattar även banners och annonser, nyhetsbrev, onlinepresentationer, e-böcker, ikoner och logotyper.
Det kan den, och effekten är mätbar. Efter en UX-revision och omdesign av gränssnittet för lärplattformen Learninghubz ökade antalet aktiva användare med 20 % inom tre månader, och tiden i appen ökade med 15 % på desktop och 50 % på mobil – utan att plattformens innehåll ändrades.
När gränssnittet följer ett välkänt mönster, en etablerad stilguide redan finns och tidsplanen är tajt. Vi levererade gränssnittet för Eurofounds Economy Database – 280 initiativ, tolv filter – på sex veckor med en utvecklare och utan någon dedikerad designer, eftersom alla tre förutsättningarna var uppfyllda. Ta bort en av dem och en designfas blir återigen värd sin kostnad.
Om du vill förbättra din digitala närvaro erbjuder Imaginary Cloud webbutveckling, mobilutveckling, UX-revision och UX/UI-design för att hjälpa användare att nå sina mål.
Och dina också.
Innehållsförfattare och digital medieproducent med intresse för det symbiotiska förhållandet mellan teknik och samhälle. Böcker, musik, och gitarrer är en konstant.
Ung UX/UI-designer som brinner för detaljer och mänskligt beteende som älskar att lära sig något nytt varje dag.
People who read this post, also found these interesting:
