5 belangrijke stappen om het perfecte ontwerpsysteem te bouwen

Essentiële stappen om een ​​ontwerpsysteem te bouwen

Ontwerpsystemen zijn een verzameling herbruikbare items, elementen en regels die als richtlijn dienen voor het hele team van projectontwerp. Het wordt nu algemeen beschouwd als een cruciaal onderdeel van het UX-ontwerpproces dat van belang is bij het bieden van een succesvolle ervaring voor gebruikers.

In de afgelopen jaren heeft dit systeem in veel landen een frisse wind gebracht in productontwerpstrategieën en het is veel meer dan de typische UI-handleidingen.

We horen veel over de noodzaak om dit systeem te creëren, gezien de consistentie en andere voordelen die het ons biedt.

Beroemde bedrijven zoals IBM en Airbnb hebben ook hun eigen ontwerpsystemen ingebouwd om creaties binnen hun teams te versnellen en te vergemakkelijken.

Laten we, met deze korte introductie in gedachten, een meer gedetailleerde beschrijving van ontwerpsystemen geven en ontdekken hoe het ons kan helpen.

Wat is een ontwerpsysteem precies?

Een ontwerpsysteem is de alles-in-één informatiebron die bestaat uit verschillende elementen om teamleden te helpen bij productontwerp en -ontwikkeling.

Hiermee kunt u alles wat met productontwerp te maken heeft op grotere schaal voor meerdere toepassingen afhandelen. Het algemene resultaat van deze reeks richtlijnen is een coherente volgorde in systemen die elke stap dekken, van actieknoppen tot een landingspagina.

 

Wat is het verschil tussen ontwerpsystemen en stijlgidsen?

Een ontwerpsysteem bestaat doorgaans uit verschillende elementen die het tot een betrouwbare bron maken voor verschillende toepassingen.

Wat u in een stijlgids vindt, is een breed scala aan kleuren, logo's, lettertypen en andere noodzakelijke kenmerken voor een merk. Ontwerp- en marketingteams gebruiken meestal de stijlgidsen, maar een ontwerpsysteem gaat boven de visuele en presentatieaspecten.

Het is een combinatie van stijl, stem en componenten die cruciaal zijn voor het creëren van de belichaming van een systeem.

Denk aan de handleidingen die vooral gericht zijn op de manier waarop bedrijven met hun publiek moeten praten.

Dit is anders dan de reguliere stijlgidsen, omdat het je vertelt wat je moet doen en wat je moet vermijden om een ​​beter gevoel op een mens over te brengen en daardoor een waardevollere ervaring achter te laten.

In eenvoudige bewoordingen kunt u de principes, handleidingen, patronen, componenten en protocollen allemaal vinden op een plaats die een ontwerpsysteem wordt genoemd.

Waarom zou een bedrijf een ontwerpsysteem moeten hebben?

Een ontwerpsysteem is een dynamische verzameling informatie die samen met de producten evolueert naarmate het bedrijf groeit of de behoeften van de klant veranderen.

Verhoogde productiviteit en gemakkelijker samenwerking zijn twee onafscheidelijke uitkomsten van ontwerpsystemen in teamwerk. Ze kunnen bedrijven op veel manieren helpen met hun groei, en hier zijn enkele van de belangrijkste:

Consistentie

Bedrijven moeten vaak voor meerdere platforms ontwerpen terwijl ze de consistentie van interactie en gedrag tussen hen behouden.

Hoe consistenter uw bronnen zijn, hoe gemakkelijker het voor ontwerpers en ontwikkelaars zou zijn om een ​​hoogwaardige gebruikersinterface te implementeren.

Op deze manier kunnen ze een specifiek product of pagina beschouwen als een combinatie van bekende elementen. Bedenk dat u een CTA-knop op een bestemmingspagina nodig heeft.

In plaats van de exacte details over het lettertype, de opvulling, de kleur en de achtergrond te beschrijven, vraag je ze gewoon om je een 'primaire CTA' te geven.

Hierdoor wordt voorkomen dat u een product ziet met meer dan tien verschillende soorten knopstijlen, meerdere ontwerplay-outs en verschillende gevoelens en looks.

Vanuit een ander gezichtspunt geeft het een op componenten gebaseerd en modulaire mentaliteit voor uw ontwerpers. Het stelt hen in staat om veel beter beheersbare elementen te definiëren en de vereiste wijzigingen aan te brengen volgens de ontwerpbehoeften.

Deze consistentie laat geen eindresultaat maar een product met hogere kwaliteit dat ook de monitoring van het QA-team vergemakkelijkt.

Samenspel

Ben jij een van die bedrijven waar meerdere teams tegelijkertijd aan de projecten werken? Als dat voor u het geval is, kan het opzetten van een ontwerpsysteem de samenwerking tussen teamleden aanzienlijk versnellen.

Met deze informatiebron kunt u zoveel tijd besparen bij het maken van nieuwe projecten vanaf het begin of het upgraden van de bestaande, omdat mensen betere toegang hebben tot verschillende bronnen.

Bovendien wordt de communicatie tussen ontwerpers en ontwikkelaars efficiënter. Daarom beschouwen velen ontwerpsystemen als een brug tussen deze disciplines.

Het hebben van een ontwerpsysteem verhoogt niet alleen de productiviteit van de huidige teamleden, maar versnelt ook de instapfasen van nieuwkomers.

Nieuwe ontwerpers of ontwikkelaars in uw team kunnen veel sneller vertrouwd raken met uw waarden en zullen moeiteloos kunnen vinden wat ze nodig hebben.

Welk type ontwerpsysteem hebben we nodig?

Het soort ontwerpsysteem dat moet worden gevolgd, is sterk afhankelijk van uw team en het product dat u wilt produceren. We kunnen erachter komen door te beginnen met enkele eenvoudige vragen.

• Wordt het systeem gebruikt door een klein team of een groot team? Begrijpen ze het onderwerp volledig?
• Wat is het totale aantal producten dat wordt uitgelijnd? Welke platforms en technologieën gebruiken we?
• Is de consistentie van alle producten voor ons van levensbelang of niet?

De volgende principes kunnen ons hier meer inzicht in geven.

 

Flexibel of rigide?

Allereerst moet je een duidelijk idee hebben of je ruimte wilt laten voor verdere experimenten of niet.

Een flexibel plan geeft alle teamleden een algemene richtlijn om te gebruiken, terwijl het hen een zekere mate van vrijheid geeft. Het betekent dat uw teamleden in zowel ontwerp- als ontwikkelingsafdelingen er gebruik van kunnen maken op basis van hun vereisten.

Aan de andere kant omvat een rigide plan gedetailleerde documentatie, waardoor zowel ontwerpers als ontwikkelaars een gesynchroniseerd plan hebben om te volgen.

Het invoeren van nieuwe ideeën of elementen in het plan is niet eenvoudig in strikte systemen, en daarom moeten ze in de eerste plaats met alles overwogen worden voorbereid.

De beste aanpak is om een ​​combinatie van flexibiliteit en rigiditeit te gebruiken. Soms zijn uw ontwerpers en ontwikkelaars misschien niet zo geïnteresseerd in het gebruik van uw ontwerpsysteem, en als u ze verplicht om dit te doen, blijft er geen impact over, maar om ze terug te duwen.

Een heel los systeem dat alles optioneel laat, kan echter helemaal niet als een ontwerpsysteem worden beschouwd! Houd er dus rekening mee om het beste van twee werelden te krijgen door samen uw ontwerpsysteem op te stellen met strikte en losse systeemplannen.

Modulair versus geïntegreerd

Modulaire systeemontwerpen worden nu op grote schaal gebruikt in verschillende industrieën. Het wordt het beste aanbevolen om te worden gebruikt in projecten die de behoeften van meerdere gebruikers met zich meebrengen en die in een korte periode moeten worden opgeschaald.

De implementatie van dergelijke systemen vereist echter vaak hogere budgetten, aangezien het een uitdagende taak is om onafhankelijke onderdelen te maken die efficiënt kunnen samenwerken.

Het wordt vaak gebruikt in brede projecten zoals grote online winkels of overheidswebsites.

Een geïntegreerd systeem daarentegen is vooral gericht op één enkele context. Hoewel het uit sommige onderdelen bestaat, kunnen ze worden vervangen of door elkaar worden gebruikt.

Het is geschikt voor systemen die niet zoveel herhalende elementen bevatten.

Hoe bouw je een ontwerpsysteem?

Het starten van een ontwerpsysteem voor uw organisatie kan in het begin erg ontmoedigend zijn. Er is een breed scala aan aandachtspunten en een ontwerpsysteem kan niet van de ene op de andere dag worden voorbereid en in werking gesteld.

Over het algemeen liggen er twee gevallen voor ons, het starten van een heel nieuw project of het werken met de producten die we momenteel hebben. De algemene aanpak is bijna hetzelfde, maar de laatste omvat meer stappen.

Voor een nieuw project moet u beginnen met het controleren van verschillende voorbeelden die elementen en concepten bevatten. Zoek naar de ontwerpen waarmee je je tevreden kunt voelen en gebruik vervolgens bestaande populaire principes om kleuren en vormen voor verschillende onderdelen te bedenken.

Als u al met een project werkt, is de eerste stap die u moet nemen het maken van een inventarisatie van: UI-elementen.

Door dit te doen, kunt u de verschillen en overeenkomsten tussen beide analyseren en dus extra opties verminderen.

Nu kunt u ze efficiënt groeperen op basis van hun toepassing en de beschikbare tools gebruiken om het proces te versnellen.

Als algemene procedure zijn de belangrijkste stappen voor het maken van een dergelijk systeem als volgt.

Analyseer wat je hebt

De beste manier om te kiezen welk ontwerpsysteem u wilt implementeren, is door de bestaande benadering die u voor uw ontwerpen hebt toegepast, te herzien. Begin met het uitzoeken van de processen die je volgt en de tools die je daarvoor gebruikt.

Evalueer ook hoe gemakkelijk uw productteams ontwerpaspecten kunnen begrijpen in een poging om de benodigde tijd voor de introductie van het ontwerpsysteem in te schatten.

Identificeer vervolgens het alfabet dat u voor uw merk gebruikt.

Deze algemene term omvat de productwaarden en de kleuren, stemmen en lettertypen die u gebruikt. U kunt ook de richtlijnen van uw merk bekijken en verwijzen naar deze gegevensverzameling wanneer u werkt aan ontwerpprincipes.

 

Visuele aspecten onderzoeken

Het laatste dat u ooit wilt tegenkomen, is ontwerpduplicatie. Het zorgt voor inconsistentie, wat leidt tot een lagere kwaliteit van de projectresultaten.

Voer een visuele audit uit om de duplicaties te identificeren en alle gerelateerde componenten in het product te classificeren. Deze audit helpt u niet alleen de inconsistenties in het product te vinden, maar ook de belangrijkste en meest gebruikte elementen erin.

U kunt dit proces met meerdere fasen beginnen door met behulp van de tool CSS-statistieken het aantal unieke kleuren en lettertypen in uw CSS te achterhalen.

Nu je een beter idee hebt van je styling, kun je op zoek gaan naar de componenten.

Hier kunt u gebruik maken van de Atomic Design-website waarin u, zoals de naam al aangeeft, een overzicht vindt van de kleinste elementen die op een webpagina bestaan.

Ontwerptaal en patroon maken

Uw ontwerptaal is het hart van het ontwerpsysteem dat u wilt gebruiken. Een geweldige gebruikerservaring kan worden bereikt door duidelijk te begrijpen waarom ontwerpbeslissingen worden genomen.

Je ontwerpprincipes moeten een begrijpelijk antwoord geven op vragen over wat je bouwt, de reden erachter en de methodologie die je ervoor hebt gebruikt. Een ontwerptaal moet vier hoofdonderdelen hebben.

Kleur

Gewoonlijk worden twee of drie hoofdkleuren gebruikt om de identiteit van een merk weer te geven. Als u uw ontwerpers meer opties wilt geven, voeg dan kleurmengsels, tinten en tinten toe.

 

fonts

Een goed ontwerpsysteem bestaat vaak uit twee lettertypen; een voor koppen en hoofdtekst en een ander lettertype voor codes. Vermijd het hebben van meerdere lettertypen, omdat het uw gebruikers alleen maar in verwarring brengt zonder positieve resultaten. Ook, Het juiste lettertype voor de website kiezen kan lastig zijn, dus besteed er voldoende aandacht aan.

 

Afstand en maatvoering

De spaties en marges die u op uw pagina's gebruikt, lijken het gunstigst als ze in evenwicht zijn. Kiezen voor systemen die volledig compatibel zijn met smartphones wordt daarbij een must.

 

Afbeeldingen

Uw afbeeldingen moeten ook worden voorbereid op basis van richtlijnen. Stel een aantal regels en plannen op voor uw merk en houd u eraan ten koste van alles.

Nu is het tijd om in de daadwerkelijke componenten te duiken die in uw gebruikersinterface zullen worden gebruikt. Maak een bibliotheek van de onderdelen die je hebt, inclusief elke knop, afbeelding en zelfs je formulieren.

Evalueer ze op basis van uw exacte behoeften, voeg de vergelijkbare samen en verwijder de extra items om een ​​eenvoudiger besluitvormingsproces te maken.

 

Regels en strategieën instellen

Zoals eerder aangegeven, is het uiteindelijke doel van een ontwerpsysteem om creativiteit naar een hoger niveau te tillen.

We hebben in de vorige paragrafen vermeld dat je regels een combinatie moeten zijn van strikte en losse regels, zodat de creativiteit van teamleden nooit beperkt is tot één richting.

Rekening houdend met de dynamische aard van een ontwerpsysteem, moet u bepalen hoe u op de lange termijn met veranderingen omgaat.

Een van de populaire modellen beschrijft drie benaderingen voor een governancestrategie: solitair, gecentraliseerd en federatief.

In het solitaire model neemt een verantwoordelijke persoon of een groep alle beslissingen met betrekking tot het ontwerpsysteem.

Het gecentraliseerde model verwijst naar omstandigheden waarin een team de leiding heeft over wat er in het systeem gebeurt. En het gefedereerde model betekent dat meerdere mensen van verschillende teams de leiding hebben over het systeem.

Velen geloven dat het eenzame model de meest risicovolle keuze is, omdat één persoon voor alles beslist, wat in veel gevallen het voltooien van taken kan voorkomen.

Organisaties die een team hebben dat verantwoordelijk is voor het upgraden en wijzigen van het systeem, moeten hen in nauw contact houden met anderen om het systeem veelzijdiger te maken.

Gezien de betrokkenheid van meerdere teams in het federatieve model, kunnen mensen zich veel sneller aanpassen aan veranderingen. Toch is er een teamleider nodig om de algehele voortgang te controleren.

Elk van deze opties heeft voor- en nadelen, en het kiezen van het model is helemaal aan jou.

U kunt een combinatie van alle benaderingen in uw team implementeren, maar wat u ook doet, blijf altijd gefocust op de deelname van teamleden aan uw systeem en moedig hen aan om hun ideeën te bespreken.

Afsluiten

Ontwerpsystemen zijn geen futuristische visies meer. Een ontwerpsysteem is een volledig pakket van ontwerpbehoeften dat steeds meer de basis wordt van productstrategieën in bedrijven.

Hoe betere integratie het kan bieden met ontwerpers en ontwikkelaars, hoe beter het resultaat. Dit systeem versterkt ontwerpgedreven activiteiten en blijft in de loop van de tijd evolueren.

Daarom moeten we het continu up-to-date houden naast productwijzigingen en -ontwikkelingen.