Composable Architecture is overal aanwezig. Je hebt de term misschien wel eens gehoord, vooral als het gaat over contentmanagementsystemen (CMS’en), e-commerceplatformen en marketingtechnologie.
Beïnvloedt Composable Architecture nu experiences en CMS’en? Ja, zoveel zelfs dat Composable is veranderd in een eigen gebied dat een reeks principes omvat die zijn afgestemd op kant-en-klare software, contentmodellering en UI-design.
Laten we dieper duiken in dit onderwerp en ontdekken hoe het toepassen van Composable UX-principes aan jouw CMS je business kan verbeteren.
Een snelle terugblik op Composable Architecture
Composable Architecture is een manier om gecompliceerde onderdelen van jouw systeem op te splitsen in kleinere, herbruikbare stukken.
Het helpt om je systeem flexibeler te maken en om er makkelijker mee te werken. Software engineers hebben altijd al zulke systemen willen maken, maar Composable Architecture gaat zelfs nog verder. Je kan het namelijk ook toepassen voor hoe je jouw content en user interfaces (UI) ontwerpt.
Tegenwoordig wordt “Composable Architecture” vaak geassocieerd met kant-en-klare software-oplossingen die naadloos integreren in jouw algemene systeemarchitectuur. Waarom is dit dan toch zo’n game changer? Oudere tools van leveranciers beperkten je vaak tot hun eigen ecosystemen, waardoor aanpassingsmogelijkheden voor user interfaces, het verplaatsen van data, integratie en interoperabiliteit werden beperkt.
Ik ben geen software engineer; waarom zou ik mij zorgen maken over Composable Architecture?
In het kort: door gebruik te maken van Composable principes kun je snel van koers veranderen en wendbaarder zijn.
Door je systeemontwerp te splitsen in kleinere, herbruikbare onderdelen, kan je het onderhoud en management van jouw platform makkelijker maken en uiteindelijk lagere eigendomskosten hebben.
Hoe Composable-principes de UX van contentmanagementsystemen verbeteren
Iedereen die betrokken is bij het implementeren van contentmanagementsystemen kan je vertellen dat het proces van creëren, bewerken en het publiceren van content ogenschijnlijk makkelijk lijkt. Toch zijn er kleine addertjes onder het gras verborgen die tot enorme problemen kunnen leiden naarmate je de omvang van jouw redactieteam en klantenbestand uitbreidt.
Het is essentieel om verder te kijken dan alleen het uiterlijk en gedrag van pagina’s of schermen en na te denken over het bredere gebruik van contentonderdelen in de gehele business. Om deze problemen voor te zijn, kan je het proces van contentmodellering toepassen in combinatie met het design van user experiences.
Contentmodellering
Contentmodellering is een proces dat gebruikmaakt van Composable Architecture-principes en contentstrategie, contentbeheer, redactionele ervaring, ontwerp en omnichannelvereisten samenvoegt om de structuur te creëren van hoe content wordt beheerd en gebruikt.
Een contentmodel representeert content onderverdeeld in een collectie van composable types. Deze set van types, die vaak contenttypes worden genoemd, is een set van gestructureerde objecten die content agnostisch van hun presentatie kunnen leveren. Types bevatten velden en eigenschappen voor tekst, afbeeldingen, links, metadata, nested types en vele andere varianten en combinaties. Het inhoudsmodel vormt het geraamte van elke CMS-implementatie en helpt niet alleen bij het organiseren van content, maar ook bij het afhandelen van de functionele aspecten van de implementatie.
Door deze verschillende concepten uit elkaar te halen, kun je snel dingen verplaatsen en items op meerdere manieren hergebruiken, waardoor de consistentie in andere kanalen behouden blijft zonder dubbel werk te doen.
Waar contentmodellering over het algemeen niet op ingaat, is visueel ontwerp. Maar het is een essentiële oefening om een goede user experience te hebben.
User experience design
Als een user experience-professioneel, weet je dat klanten niet geven om je contentmodelleringsstrategie, maar waar ze wel om geven is of je site, app of kanaal gemakkelijk te gebruiken is en hoe het er uitziet. Dit is waar user experience en UI’s in het spel komen.
We kunnen ook Composable Architecture-principes toepassen op UX-design, dat een aantal overeenkomsten heeft met contentmodellering en daardoor moet worden geïnformeerd.
Een composable aanpak voor UX kan het vermogen van je business om verandering te ondersteunen vergroten. Dit concept bestaat al een tijdje in UX-design en je hebt er waarschijnlijk al van gehoord onder verschillende namen. Atomic UI is een voorbeeld van een UX-design framework waar Composable principes worden gebruikt. Het verdeelt UI’s in kleinere herbruikbare componenten die snel en gemakkelijk weer in verschillende combinaties kunnen worden geweven. De kernbegrippen zijn:
- Atomen – De individuele elementen die het gehele designsysteem formuleren. Bijvoorbeeld, knoppen, vorm elementen, typografie, afbeeldingen, avatars, menu items, etc.
- Moleculen – Simpele groeperingen van atomen om eenvoudige combinaties te creëren, zoals hoe een profiel of CTA eruit zou kunnen zien.
- Organismen – Atomen en moleculen worden gecombineerd tot meer complexe items om zo een uitgebreid designsysteem te creëren.
- Templates – Definities van hoe organisme-componenten gecombineerd kunnen worden om volledige ervaringen te creëren zoals pagina’s en schermen.
- Pagina’s – Het uiteindelijke resultaat van de andere atomische elementen en templates om een full experience te creëren.
Hier is een voorbeeld van hoe je zou kunnen denken aan een user interface met deze aanpak:
Dankzij de geatomiseerde UI en responsive design kunnen moleculen en atomen in een compositie worden herschikt zonder het ontwerp op de viewport te baseren. In plaats daarvan zijn componenten beperkt tot hun respectievelijke bovenliggende regio’s. Of je nu rijen, kolommen of andere conventies implementeert, het combineren van deze principes kan iets langer duren om te implementeren, maar creëert een enorme kans voor geavanceerde contentmanagement mogelijkheden voor redactie- en marketingteams.
Het overnemen van deze concepten in de geatomiseerde UI als aanvullende front-end componenten zorgt ervoor dat de presentatie-applicatie richtlijnen ontvangt van het CMS voor het samenstellen van de pagina, het scherm, etc. Dit omvat lay-out functies en overeengekomen opties die van invloed zijn op het visuele thema en de stijlen van de compositiecomponenten. Dit is wat ingewikkelder werk vooraf, maar zorgt voor een lange levensduur van de implementatie en ondersteuning voor het bedrijf.
Het combineren van deze atomische UI met contentmodellering principes ontgrendelt samenstelbaarheid in het beheren van je content ongeacht het kanaal. Zoals beschreven in Composable Architecture – Content Modelling, heeft het contentmodel CMS-componenten, CMS-templates en CMS-regio’s als concepten om een herbruikbare atomische user experience-fundering te bouwen.
Deze twee benaderingen geven meerdere voordelen:
- Stelt herbruikbare UI-componenten snel opnieuw samen zonder veel dubbel werk om verschillende ervaringen voor je business te creëren.
- Bied een uitstekende gelegenheid om te experimenteren en gecontextualiseerde ervaringen te leveren.
- Geeft je marketing- en redactieteams de vrijheid en kracht om analytics en data te gebruiken voor nieuwe ideeën zonder tegengehouden te worden. Dit stelt ze in staat om nieuwe features en componenten aan te vragen die snel samengesteld en uitgebracht kunnen worden zonder noemenswaardige overhead en developmentinspanningen.
- De overeenkomsten van deze benaderingen spoort aan tot een betere samenwerking en eenheid tussen je business- en technische teams.
Je bent misschien al bekend met de concepten die besproken zijn in dit artikel. Door ze allemaal met elkaar te verbinden wordt echter duidelijk hoe krachtig de concepten van Composable kunnen zijn als ze geïntegreerd worden. Hier bij DEPT® zijn we groot fan van flexibele architecture en helpen we graag om dit toe te passen voor jouw bedrijf.
