HomeExpertises
Ontwerpsystemen

Het ontwerpsysteem zorgt voor consistentie en uniformiteit

Het internet is gegroeid van een vreemd, lelijk eendje tot een jong, licht gerijpt, knap beest. Voorbij zijn de jaren dat we geen typografie, video of zelfs vermakelijke animaties meer hadden om zachtaardig te zijn voor onze ogen. Tegenwoordig hebben de meeste organisaties hun publieke website, maar ook een portaal, en hun aangepaste webapplicaties. "Vergeet onze app niet!" ah, ja. En een app. Maar hoe zorg je ervoor dat al deze applicaties consistent blijven in stijl en ervaring? Ga naar de scene: Ontwerpsystemen!

Wat u moet weten over ontwerpsystemen

Een Design System is meer dan een paar kleuren en lettertypes. Het is een uitgebreide regelset die uw organisatie in staat stelt om consistente digitale ervaringen te creëren over meerdere apparaten en toepassingen. Dit resulteert in een meer consistente merkbeleving en een positieve gebruikerservaring.

Waarom u zich zorgen moet maken over ontwerpsystemen

Consistentie

Als u met meerdere applicaties op meerdere apparaten werkt, wilt u een consistente ervaring creëren.

Omzetting

Wanneer een conversiepagina er anders uitziet en aanvoelt, is het direct een kwestie van vertrouwen!

Bespaar tijd

Door herbruikbare componenten te maken, hoef je het wiel niet steeds opnieuw uit te vinden.

Tijd voor een ontwerpsysteem?

Hoe zijn we hier zelfs maar gekomen?

We hebben allemaal die ene oudere broer die, om een of andere reden, alles heeft gezien. Hij heeft alles meegemaakt waar we nu mee worstelen. En voor ons digitale inboorlingen, onze oudere broer is print.

En print heeft al decennia lang corporate identiteiten gedocumenteerd. Een van de bekendste voorbeelden is het analoge ontwerpsysteem van NASA voor printontwerp.

NASA's documentatie van haar identiteit heeft veel problemen opgelost. Zo wordt er bijvoorbeeld niet meer geknoeid met het logo. Er worden dingen aan toegevoegd of zelfs de kleuren van het logo worden veranderd. Het document laat zien hoe het logo en alle andere grafische elementen van het systeem gebruikt kunnen worden. Van briefpapier tot astronautenpakken en ruimteschepen.

Maar hoe zit het nu?

Het is niet gemakkelijk om geweldige digitale producten te maken. Het vergt veel werk van veel mensen die hun manier van doen hebben. Meerdere disciplines die betrokken zijn bij hun oplossingen en systemen werken.
Maar we doen je er een beter: Moderne digitale producten, software, saasproducten, apps zijn complexer dan ooit.

De manier waarop we samen ontwerpen moet worden verbeterd. Want we moeten allemaal dezelfde taal spreken als we voor dezelfde organisatie werken. We moeten allemaal dezelfde, onberispelijke digitale ervaring kunnen bieden aan onze gebruikers.

Consistentie met ontwerpsystemen creëren

Sommigen noemen ze Atomen, Componenten, of zelfs Legoblokjes. Ontwerpsystemen bestaan niet alleen uit deze kleine, herbruikbare onderdelen, maar het legt ook de regels en de visie achter het ontwerp uit. Het is een bibliotheek vol visuele, effectief herbruikbare elementen.

Het gewenste resultaat van een Design System is altijd consistent. Niet alleen in de manier waarop het eruit ziet, in de manier waarop het werkt, maar ook in de manier waarop we het gebruiken in een ontwerp. De kleinste versie van een Design System is een online stijlgids. De meer complexe ontwerpsystemen bevatten ook principes, dynamische front-end componenten, technische documentatie, schrijfstijl (tone-of-voice), en zelfs schrijfregels!

Hoe gaat u uw ontwerpsysteem omschrijven?

Een eenvoudige manier om het project van uw ontwerpsysteem te formuleren is als volgt:

Ons ontwerpsysteem biedt
Een visuele stijl, UI-componenten en toegankelijkheidsprocedures
vrijgegeven als
React onderdelenbibliotheek en Schetsmiddelen via Lingo
en gedocumenteerd bij
designsystems.companyname.com
geproduceerd door
een systeemteam van 1 systeemleider, 1 productmanager, 1 ontwerper en 2 front-end ontwikkelaars die samenwerken met een React-gebaseerd engineeringteam.
om te dienen
~10 web-based en 2 native app producten en ervaringen.

We willen voorstellen om een oud maar klassiek "waarom?" toe te voegen aan deze lijst. Ervaart u spanning tussen uw ontwerpers en voorstanders? Veel klachten over uitzonderingen of nieuwe patronen? Haal ze op dezelfde pagina door samen te werken aan een Design Systeem! Het zal resulteren in meer consistentie en een beter begrip tussen twee specialisaties.

Materiaalontwerp & Koolstofontwerpsysteem

Als u op zoek bent naar een beetje inspiratie, kijk dan eens op https://designsystemsrepo.com/design-systems - een online collectie van enkele van de meest prominente Design Systems van Apple, IBM, Microsoft, Google, Airbnb, Lonely Planet, Salesforce en meer.

Onze ervaring met ontwerpsystemen

In onze tijd bij The Dutch Financial Time heeft BuitenAardig een nieuw Design Systeem ontworpen en geïmplementeerd. Ons doel: Het creëren van een meer consistente ervaring door middel van meerdere apps op meerdere apparaten. Meer informatie over het project vindt u onder dit artikel.
Tot slot heeft Philip bij ORTEC gewerkt aan het herontwerpen van lokale software (.exe files) naar moderne in-browser webapplicaties. We lieten een Windows UI achter ons en creëerden een nieuw ORTEC-ontwerpsysteem op basis van Google's Material Design met onze persoonlijkheid. Het creëerde een consistente ervaring en een unieke visuele stijl voor de producten van ORTEC.

Is uw organisatie klaar om het ontwerp naar een hoger niveau te tillen? Door in een zo vroeg mogelijk stadium te investeren in een ontwerpsysteem wordt de hoogst mogelijke ROI behaald.

Wat is je doel vandaag?