Innehåll
- Vad är ett ”design system”?
- Viktiga överväganden innan du implementerar ett designsystem
- 01. Tänk på produkt- och företagsmognad
- 02. Skapa ett visionuttalande
- 04. Upprätta vägledande designprinciper
- 05. Granska teknikstacken och gör ett gränssnittsinventering
- 06. Upprätta ett kärnteam
- Skapa ett designsystem
- 01. Sälj idén
- 02. Välj och slutför ett pilotprojekt
- 03. Design och bygg
- 04. Starta och underhålla
Designsystem hjälper stora branschaktörer att standardisera designprocessen och göra den mer förutsägbar. Många företag försöker ta initiativet till att bygga sitt eget designsystem. Men ganska ofta, trots allas bästa avsikter, kan alla ansträngningar som ett produktteam lägger för att göra ett tankeväckande designsystem gå rakt ner i avloppet.
Under denna artikel kommer vi att definiera vad ett designsystem är, vad man ska tänka på innan man bygger ett designsystem och hur man bäst introducerar ett designsystem i din organisation. För fler fantastiska resurser, se vår sammanställning av webbdesignverktyg.
Vad är ett ”design system”?
Namnet ”design system” kan skapa ett falskt intryck av något som bara ger värde för designers. Men i själva verket är ett designsystem inte något som bara berör designers; istället handlar det om hur en hel organisation bygger sina produkter (om det inkluderar en webbplats, behöver du en toppwebbplatsbyggare och lysande webbhotell).
Framgångsrika designprocesser beror vanligtvis på att det finns ett tätt tvärfunktionellt samarbete mellan alla team som är involverade i skapandet av produkten. Och ett designsystem handlar om att bygga ett gemensamt språk som gör det möjligt för team att samarbeta mer effektivt. Det är en komplett uppsättning designprinciper, regler och standarder tillsammans med verktygslådan (designmönster, visuella stilar och ett kodbibliotek med återanvändbara UI-komponenter) som krävs för att uppnå dessa principer, regler och standarder. Ett designsystem gör det möjligt för ett produktteam att skapa en produkt snabbare - utan att behöva offra någon kvalitet - genom att göra designen återanvändbar (se till att du har tillförlitlig molnlagring för att lagra dina tillgångar).
Det yttersta syftet med att bry sig om att implementera ett designsystem är att hjälpa företaget att lära sig och växa. Därför bör ett designsystem alltid baseras på ett företags mål. Av samma anledning är inte alla designsystem byggda desamma, men ändå delar de flesta designsystem några vanliga element:
- Designprinciper - värden som säkerställer att designinsatserna går i rätt riktning.
- Komponenter och mönsterbibliotek - det här är byggstenarna i ett designsystem.
- Designguider - specifika regler för hur man designar en viss del av
en produkt. Dessa kan inkludera stilriktlinjer (typografi, färger, avstånd osv.) Och UX-skrivriktlinjer (röst och ton, språk, skrivprinciper osv.). - Designpraxis - hjälper till att hålla systemet vid liv och värdefullt för produktteamet.
Viktiga överväganden innan du implementerar ett designsystem
01. Tänk på produkt- och företagsmognad
Innan du börjar bygga ett designsystem behöver du en klar förståelse för varför du behöver ett. Många företag introducerar designsystem för att minska sin tekniska skuld och påskynda produktutvecklingsprocessen (genom att spendera mindre tid på tråkiga, monotona aktiviteter). Men inte alla företag möter sådana problem eftersom företag har olika nivåer av designmognad.
Att skapa ett designsystem från grunden är en tidskrävande aktivitet och små, snabba team behöver sannolikt inte ett designsystem eftersom det skulle sakta ner dem. En tre-till-fem-personers start som fortfarande försöker hitta en produktmarknadsanpassning skulle förmodligen spendera betydande tid på att skapa ett system. När resurser spenderas på att bygga ett designsystem spenderas de inte på att bygga produkten. Därför, tills ett företag är i stånd att ha etablerat en tydlig riktning med sin produkt, investerar tid i att skapa ett designsystem att producera mycket avfall.
02. Skapa ett visionuttalande
Ett designsystem handlar om människor - hur de arbetar tillsammans för att uppnå ett gemensamt mål. Och folk vill veta svaren på följande frågor:
- Vart är vi på väg?
- Vad vill vi uppnå?
- Varför vill vi uppnå det?
Det är grundläggande frågor som du behöver svara på för att bygga en delad vision. En delad vision kommer att vara en grund för ett designsystem som ger teamen ett vägledt sätt att bygga lösningar för sina produktproblem.
En vision uttalande definierar vad ditt team, produkt eller företag försöker uppnå och, ännu viktigare, varför. Det anpassar team till en tydlig uppsättning delade mål och blir en North Star för hela organisationen - det förenar människor som är involverade i produktutveckling och leder dem till en gemensam destination.
Om du letar efter ett enkelt sätt att skapa en vision, kan du överväga att beskriva hur din produkt eller organisation ska se ut om fem år. Genom att göra det definierar du ett målvillkor och det blir mycket lättare att skapa en strategi som hjälper dig att uppnå det.
04. Upprätta vägledande designprinciper
Hur definierar du bra design? Hur vet du när något är klart för implementering? När det gäller att utvärdera designens kvalitet litar designers ofta på sin egen uppsättning standarder. Men att följa ett sådant tillvägagångssätt kan införa mycket kaos i produktdesignprocessen eftersom varje designer kommer att ha subjektiva idéer. Det är där designprinciper kan rädda dagen.
Solida designprinciper är grunden för alla fungerande system. De bör fånga kärnan i vad bra design betyder för företaget och ge praktiska rekommendationer till produktgrupper om hur man uppnår det (designprinciper bör alltid vara användbara). Designprinciper fungerar som standard för produktteamet och hjälper dem att mäta sitt arbete.
Här är några saker att komma ihåg när du arbetar med designprinciper:
- Designprinciper bör återspegla produktens natur. Till exempel, när det gäller gränssnittsdesign mellan människa och maskiner för bilar, bör den viktigaste designprincipen vara ”Säkerhet först” (målet är att hålla förare och passagerare säkra). Därför bör varje designbeslut mätas för säkerhet.
- Designprinciper bör inte låta som regler. De borde inte blockera kreativ energi. Produktskapare ska inte känna sig begränsade eller återhållsamma.
- Designprinciper bör vara resultatet av en öppen diskussion. I många fall är det inte svårt att få folk att följa riktlinjerna utan snarare att få människor att komma överens om riktlinjer. Om en organisation har många designteam är det viktigt att involvera dem i en diskussion. Genom att få feedback om designprinciperna kan du anpassa principerna till användarnas behov.
05. Granska teknikstacken och gör ett gränssnittsinventering
Många företag tenderar att bygga ett designsystem ovanpå det nuvarande gränssnittet men detta tillvägagångssätt är inte det bästa av många skäl. Föreställ dig att ditt företag har byggt en produkt länge utan system.
Produkten har troligen en viss inkonsekvens i designen. Inkonsekvens orsakas vanligtvis av duplicering av designelement. Att identifiera duplicering av designelement hjälper ett team att undvika scenariot där teammedlemmar bygger ett element från grunden och efter ett tag får reda på att det redan finns en version av det.
Det är därför om du planerar att införa ett designsystem, börja med en granskning - gör ett gränssnittsinventering för att förstå vad som används.
Utforska befintliga interaktioner, samla alla UI-element som utgör gränssnittet och granska dem. Det är viktigt att göra detta innan du bygger det faktiska designsystemet eftersom proceduren hjälper dig att förstå två saker:
- Hur mycket designskuld din organisation har och vilka områden behöver mer uppmärksamhet.
- Anledningarna till inkonsekvens och de förändringar du behöver införa i designprocessen för att undvika sådana problem i framtiden. Kanske måste du ändra processen eller kanske du behöver introducera ny teknik.
06. Upprätta ett kärnteam
Vem ska vara inblandad i att bygga ett designsystem? Design är en lagsport och att skapa ett designsystem är inget undantag. Kompetensen och den kreativa energin som tillhandahålls av tvärfunktionellt samarbete krävs för att bygga ett designsystem. Det är därför som kärnteamet av människor som faktiskt skapar ett system vanligtvis inkluderar ingenjörer, designers, produktchefer och intressenter. När du börjar bygga ett designsystem är det viktigt att ha en liten storlek för kärnteamet (sex till åtta personer) eftersom det hjälper dig att skapa fart och snabbt bygga upp något.
Skapa ett designsystem
Överväg att implementera ett designsystem som ett projekt. Och precis som alla andra projekt bör det här ha en gedigen process med följande steg:
- Sälj idén
- Slutför ett pilotprojekt
- Designa och bygg
- Lansering och underhåll
01. Sälj idén
Att sälja idén om ett designsystem är det första och viktigaste steget i införandet av ett designsystem. Vanligtvis är det svårt att sälja designsystem på grund av avvägningarna - både ledning och medlemmar i produktteamet förstår att resurser som spenderas på att bygga ett designsystem inte spenderas på leveransfunktioner. Så det är naturligt att förvänta sig en viss pushback. För att kunna sälja ett designsystem måste du göra två saker:
Få inköp från intressenter
Ett designsystem kommer inte att starta om de som beslutar om finansiering inte godkänner det. Det är mycket lättare att få inköp från chefer när du visar att systemet löser verkliga affärsproblem. Identifiera viktiga affärsmärkpunkter (områden där företaget tappar pengar) och visa hur designsystemet kan rädda dagen. Skriv en strategi med ett tydligt förslag och kasta den till de nyckelpersoner som fattar besluten.
Vi rekommenderar att du skapar en presentation (eller en serie presentationer) för att övertyga intressenter att investera i detta projekt. Du kan slå in din presentation i form av en berättelse. Genom att berätta framgångshistorier har du större chans att engagera intressenter.
Få support från dina användare
Att få inköp från intressenter är bara hälften av striden. Du måste få support från dina potentiella användare. Först måste du identifiera din målgrupp. Vem kommer att använda ditt designsystem och hur kommer de att använda det? Här är några vanliga användargrupper:
- Produktgrupper (dvs. designers, utvecklare)
- Tredje part (dvs. leverantörer)
- Affärsverksamhet (dvs. marknadsföring, försäljning, laglig)
Du måste identifiera smärtpunkter för olika grupper av användare och visa det värde som systemet kommer att ge dem. Varje grupp användare har olika inköpstriggers - skäl till varför de skulle vilja använda ett designsystem. Till exempel, för utvecklare, kan utlösaren vara mer konsekvent i implementeringsmetoder eller spendera mindre tid på att refactorera kod.
02. Välj och slutför ett pilotprojekt
Så snart du skapar ett grundläggande koncept för ditt designsystem är det viktigt att validera det. Det bästa sättet att validera konceptet är att testa det på ett pilotprojekt.
Välj ett exempel på en riktig produkt och skapa ett designsystem som driver en riktig lösning. Det projekt du väljer ska användas som en grund för ditt framtida designsystem, så att du kan testa om systemet fungerar för din organisation eller inte.
Här är en uppsättning kriterier som du kan använda för att bestämma en pilots potentiella effektivitet:
- Ett projekt bör ha potential för gemensamma komponenter och mönster. Den ska innehålla komponenter och mönster som kan återanvändas i andra produkter.
- Det bör ha god teknisk genomförbarhet och inte vara svårt att införa alla nödvändiga ändringar.
- Projektet ska vara genomförbart på en rimlig tid (helst ett par veckor) och bör inte kräva involvering av många människor från olika avdelningar (att upprätthålla oberoende är viktigt).
- Ett projekt bör ha marknadsföringspotential. Projektet bör inspirera andra team att introducera designsystem i sin designprocess.
03. Design och bygg
Skapa återanvändbara komponenter
Ett misstag som jag ser gång på gång är att team skapar komponenter som är för fokuserade på ett engångsfall. Som ett resultat blir systemet för oflexibelt och dess användare måste skapa sina egna komponenter varje gång de behöver täcka ett visst scenario.
Försök att utveckla komponenter som inte är knutna till ett engångsfall men kan
återanvändas i flera sammanhang. För att kunna återanvändas och skalas måste komponenter ha följande egenskaper:
- Modul: modulära komponenter är fristående - de har inga beroenden.
- Komponerbar: det är möjligt att kombinera komponenter för att skapa nya komponenter.
- Anpassningsbar: det är möjligt att justera och förlänga komponenter så att de fungerar i olika sammanhang.
Varje gång teammedlemmar vill introducera en ny komponent måste de överväga hur det kommer att fungera på de olika plattformarna de designar för. Helst bör varje komponent de designar fungera på alla plattformar.
Visa värde genom en sandlåda miljö
Det är välkänt att det bästa sättet för människor att se värde är att uppleva det. Så skapa en sandlåda miljö för medlemmar i produktteamet att prototypa produkter med hjälp av ditt designsystem.
04. Starta och underhålla
Vissa produktgrupper tror att när ett designsystem har byggts är arbetet slutfört. Inte sant. Ett designsystem är en produkt och det är viktigt att hantera det som en produkt istället för ett projekt - ett designsystem kräver kontinuerligt underhåll och förbättringar efter behov.
Uppmuntra antagandet av ditt designsystem
På samma sätt som alla andra produkter behöver ett designsystem aktiva användare. Du kan skapa det bästa designsystemet i världen, men om du inte aktivt marknadsför det i din organisation kommer hela ansträngningen att drabbas mycket. Därför måste du, från den första versionen av ditt system, arbeta hårt för att främja dess antagande:
- Skapa en grupp supportrar. Sätt ihop en grupp evangelister, ledda av auktoritativa influenser eller designers, som kommer att sätta och sälja idéer om ditt designsystem. Evangelisterna bör delta i aktiviteter som workshops och möten som har som mål att öka medvetenheten om att systemet finns och utbilda människor om hur man använder det.
- Presentera uppdateringar. Väntetiden för uppdateringar spelar en nyckelroll i antagandet av designsystemet. Öva på regelbundna inkrementella utgåvor snarare än stora avslöjanden och se alltid till att du skickar uppdateringar med en förändringslogg.
Analysera hur människor använder designsystemet
Designsystem stiger och faller baserat på hur lätt de är att använda. Om du precis börjat integrera ett designsystem i din organisations designprocess, gör en serie intervjuer med användare för att förstå hur människor använder det. Genom att göra det kan du hitta vanliga problem som din målgrupp kan möta.
För system som kommer att integreras i en designprocess under en tid är det viktigt att mäta den tid som krävs för att hålla systemet uppdaterad. Om det blir svårt att hålla designsystemet uppdaterat blir det snabbt föråldrat.
Testa dina designbeslut
Oavsett hur bra du är på att förutsäga saker kan det vara svårt att förutsäga hur en viss förändring kommer att påverka användarupplevelsen. Det är därför det är viktigt att validera dina beslut.
Här är tre typer av test som hjälper dig:
- Användbarhetstestning
- Test av visuell regression, vilket hjälper dig att fånga oavsiktliga visuella förändringar av komponentstilar
- Manuell och automatiserad tillgänglighetsprovning, vilket säkerställer att dina komponenter är tillgängliga
Presentera versionering
Designsystem bör ha versioner eftersom versionering gör det mycket lättare att spåra ändringar. Med versionerade versioner kan användare hänvisa till en specifik version som ett beroende. De har också kontroll över när och hur uppgraderingar till nya versioner hanteras.
Det finns två typer av versioner:
- Versionar hela systemet. Här tillhör allt i systemet ett versionsnummer. Som användare hanterar vi versionering för hela systemet när vi uppdaterar vårt mobila operativsystem - när vi uppdaterar iOS uppdaterar vi hela programvaran.
- Versionversion av moduler. Det handlar om att ha ett versionsnummer för varje komponent eller stil inom designsystemet. Jämfört med versionering av hela systemet ger versionering efter modul mer flexibilitet - användare kan välja att uppgradera just de element de behöver.
Att skapa ett designsystem är inte en engångsaktivitet; det är faktiskt iterativt. De människor som är involverade i att skapa ett designsystem måste tänka på det som en levande organism som förbinder hela organisationen. Ett framgångsrikt designsystem blir en del av en organisations DNA och hjälper till att skapa konsekventa användarupplevelser.
Detta innehåll uppträdde ursprungligen i netmag.
