01<\/h6>\n\n\n\nGoblin-modus – maximalisme<\/h3>\n\n\n\n
<\/p>\n<\/div>\n\n\n\n Goblin Mode’ is gekozen tot Oxford Woord van het Jaar 2022.\nDe term verwijst naar “een type gedrag dat onverbloemd genotzuchtig, lui of slonzig is, en doorgaans sociale normen of verwachtingen verwerpt. “Het is het eerste woord van het jaar dat door het publiek is gekozen. <\/p>\n\n\n\n Het is geen geheim dat we als samenleving de afgelopen decennia langzaam zijn afgegleden naar zelfverheerlijking.\nSoms is het g\u00eanant en soms overdreven, maar je ziet het in alle aspecten van het westerse leven.\nAtletische mode, alles online shoppen, fastfood bestellen als we lui zijn en de nieuwste tv-series kijken.\nDit zijn slechts enkele voorbeelden van het moderne leven die de perfecte sfeer cre\u00ebren voor onze innerlijke kobold om door te breken en het is intrigerend om te bedenken hoe dit in de toekomst van invloed zal zijn op webdesign. <\/p>\n\n\n\n Deze nieuwe sociale normen, zoals de term kobold aangeeft, zijn interessant als we ze in verband brengen met UI- en UX-design.\nIn de kern is UI- en UX-design een vakgebied dat is gebaseerd op standaarden, best practices en het bestuderen van gebruikers, waarbij wordt geprobeerd zo inclusief mogelijk te zijn.\nEen van de manieren waarop we deze trend in actie zien is door middel van kabouterwebsites die het merk op de eerste plaats zetten, v\u00f3\u00f3r de gebruiker.\nBest practices en soms zelfs toegankelijkheid negerend, stellen deze websites de vraag wat “schoonheid” is.\nZe streven ernaar om de aanwezigheid van het merk<\/a> te versterken, door de website memorabel en aantrekkelijk te maken met behulp van een ruwe stijl, een overdaad aan beeldmateriaal, duplicaties, sterke kleuren, luidruchtigheid, harde entree-animaties, meerdere objecten, enz.\nWe kunnen verliefd worden op deze websites of ze bekritiseren, maar we kunnen niet doen alsof we nooit een of twee van deze gimmicks hebben gebruikt om de aanwezigheid van een website te versterken. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Aan de andere kant van het spectrum van het maximalisme zien we een eenvoudbeweging die beweert dat we alleen wat balans nodig hebben – een oefening in “vertragen”.\nDeze trend cre\u00ebert een aangename en ontspannende ervaring voor de gebruiker en staat tegenover de “alles draait om uiterlijkheden cultuur”. <\/p>\n\n\n\n We zullen steeds meer websites zien die de eenvoud opzoeken door details te verminderen, met de vraag om anonimiteit te bereiken.<\/p>\n\n\n\n Deze websites gedragen zich soms als een structuur of een ontworpen wireframe, met minimalistische typografie, een beperkt aantal letterstijlen binnen de site, gedempte kleuren die samengaan met grote afbeeldingen of met amorfe illustraties die gedetailleerde UX-illustraties vervangen.\nBovendien wordt de website soms omhuld door een zoete animatiescroll die je in een serene sfeer laat zweven. <\/p>\n\n\n\n Verrassend genoeg kan het een lastig proces zijn om een website als deze te ontwerpen, omdat er rijpheid van de ontwerper nodig is om te begrijpen waar de essentie ligt en wat overbodig is.\nDeze websites springen er soms meer uit, zowel qua stijl als qua prestaties<\/a>, waardoor ze zich onderscheiden van concurrerende websites die vol staan met inhoud en afbeeldingen. <\/p>\n\n\n\n Templeton Clothing<\/a> is een e-commerce website uit de Beierse Noordelijke Alpen.\nEen snelle blik op hun heldensectie is genoeg om hun houding te begrijpen; slow motion animatie, geen promoties of geen CTA.\nZe gebruiken geen woorden en vragen je om rustig te scrollen.\nDe algemene zwart-witte lineaire randen en grote afbeeldingen passen bij hun “anti-design”, waarbij de producten op de voorgrond staan en de branding op de tweede plaats. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Vorig jaar hadden we het over scrollytelling<\/a>, en hoewel het voelt als tien jaar geleden, lijkt het dit jaar alsof de webervaring een aantal stappen vooruit heeft gezet met nieuwe manieren om betrokken te raken.<\/p>\n\n\n\n Voordat we een website maken, brengen we het traject van de gebruiker in kaart en om functionele redenen cre\u00ebren we een structuur en raamwerk.\nAls we het parallel trekken met de echte wereld, is de website een pad dat we de gebruiker willen laten bewandelen op weg naar conversie<\/a>.\nDe vraag die deze trend oproept is: wat is dit gebruikerspad en hoe moet het er in 2023 uitzien? <\/p>\n\n\n\n Deze ‘delight’ benadering inspireert ons om de website te gaan zien als meer dan een verzameling pagina’s, maar eerder als een driedimensionale ervaring.\nHet overkoepelende doel is natuurlijk om gebruikers betrokken en nieuwsgierig te houden, en om ze vooruit te leiden op het pad met verrassingen en vrolijke paaseitjes onderweg.\nEen goed voorbeeld van zo’n vrolijk genoegen is de geanimeerde cursor, die een belangrijke rol kan spelen bij het verbeteren van de gebruikerservaring in webdesign. <\/p>\n\n\n\n Vanuit deze denkrichting kunnen we denken aan de functies die we vroeger afdeden als technisch, splitsingen in de weg, zoals het menu of interne links, CTA<\/a> en ook de uiteinden van de weg – zoals de footer of 404.\nIn deze “conflictgebieden<\/a>” kunnen we de gevoelens in kaart brengen die gebruikers kunnen ervaren, zoals succes of mislukking, interesse, vertrouwen of achterdocht, enz.\nHet toevoegen van animaties, marketingberichten<\/a> en humoristische motieven kan de gebruikerservaring verlichten en de band tussen de gebruiker en het merk versterken.\nHet lijkt erop dat klanten vooralsnog geen sterke gevoelens hebben op deze gebieden, waardoor ze de ideale plek zijn om onze creativiteit op los te laten. <\/p>\n\n\n\n Studio Brot<\/a> is een ontwerpbureau dat zich richt op reclame en branding.\nHun diensten zijn uitgesplitst en vereenvoudigd en worden aan de gebruiker gepresenteerd in de vorm van een metafoor voor brood bakken (Brot – Duits voor brood).\nWe werden verliefd op hun navigatietechnieken en de verschillende animaties op de website die je altijd scherp houden, zodat je je afvraagt wat je hierna kunt verwachten. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Als onderdeel van het vervagen van de grenzen tussen fysiek en virtueel, is het fascinerend om in de e-commerce<\/a> arena te duiken en de veranderingen te voorzien.\nHet is een beetje een paradox.\nAan de ene kant wordt fysiek design hypergedigitaliseerd, maar aan de andere kant suggereren sommige gedurfde e-commerce<\/a> websites een sensuele, aanraakbare koopervaring. <\/p>\n\n\n\n Velen van ons vinden het niet voor niets leuk om een kledingwinkel binnen te stappen, de geur van nieuwe kleren op te snuiven of een overhemd te passen en de zachtheid van de stof te voelen.\nDeze webtrend probeert een echte winkelervaring na te bootsen door middel van interactieve productdisplays die een extra laag toevoegen om het hele koopproces bijna tastbaar te maken. <\/p>\n\n\n\n Zelfs met een klein budget kunnen we proberen de zintuigen van de gebruiker te prikkelen met lottie-animaties, rotatie en 3d-animaties – allemaal om de gebruiker aan te moedigen het product dat we verkopen te verkennen en zich ermee bezig te houden.\nDit cre\u00ebert een krachtig, gedenkwaardig gevoel van ontdekking van de functies, hoeken en belichting van het product met een groot gevoel van speelsheid.\nDe kunst is om te begrijpen waarin jouw product verschilt van andere producten en hoe je de gebruiker tot interactie aanzet. <\/p>\n\n\n\n Grace<\/a> is een voedingsproduct met een impactvolle benadering van marketing.\nZe laten gebruikers de ervaring simuleren van het uitpakken, spelen met de verpakking en het onthullen van het product door middel van een zorgvuldig samengesteld gebruikerspad dat niet eens mogelijk is in de fysieke winkel. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Hoewel we nog lang niet aan het begin staan van AI-technologie, is het pas sinds kort toegankelijk voor het grote publiek en het lijkt wel of iedereen erover praat.\nIn het afgelopen jaar zijn we getuige geweest van de doorbraak van verschillende online AI engines die het spel lijken te veranderen.\nEngines als ChatGPT, dall.e2, Midjourney, Stable diffusion om er maar een paar te noemen, hebben samen met de deepfake technologie een breed debat op gang gebracht over hoe onze rol als makers er in de toekomst uit zou zien. <\/p>\n\n\n\n Veel van het gesprek gaat over het idee dat AI binnenkort de behoefte aan creatieve professionals overbodig zal maken.\nDit is nogal een dystopische benadering.\nDe waarheid is dat AI in zijn huidige vorm meer een hulpmiddel voor ons is dan een toekomstige vervanging.\nEn gebruiken zullen we het. <\/p>\n\n\n\n We hebben deze trend de afgelopen maanden zien versnellen met de explosie van dall.e2 en Midjourney met hun verbluffende mogelijkheden om afbeeldingen te maken.\nOnlangs is ChatGPT in de mix ge\u00efntroduceerd en microcopy voelde nog nooit zo toegankelijk.\nMaar het is belangrijk om te onthouden dat de resultaten die we met deze engines behalen werk vereisen, en zoals bij elk hulpmiddel geldt: hoe beter we het beheersen, hoe meer controle we zullen hebben.\nLaten we ons richten op het maken van afbeeldingen.\nAls we bijvoorbeeld Midjourney nemen, kun je gemakkelijk afbeeldingen maken van eenvoudige tekstaanwijzingen.\nDit zijn afbeeldingen waarvoor het vroeger een eeuwigheid duurde om ze te maken of zelfs maar te vinden en de rechten ervoor te kopen.\nMaar met eenvoudige aanwijzingen kom je niet verder.\nDe sleutel is om je zoekopdrachten gaandeweg te verfijnen en je te richten op de gebieden waaraan je denkt te moeten werken.\nHoe dieper je graaft, hoe sneller je de gewenste resultaten bereikt. <\/p>\n\n\n\n <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n In mei vieren we dat WordPress 20 jaar bestaat.\nDe introductie van WordPress veroorzaakte een soort eigen revolutie, waarbij webcreatie naar de massa werd gebracht.\nNu zitten we in 2023 – en elke paar weken lezen we over een andere, sensationele digitale ontwikkeling. <\/p>\n\n\n\n Soms willen we als goede early adopters voorop lopen met technologie, een artikel lezen en een nieuwe tool of techniek leren en onze ontdekkingen delen met onze web-creatorgemeenschap.\nMaar van tijd tot tijd slaan we de leercurve liever over, kruipen we lekker onderuit en houden we vast aan het comfortabele verleden, zelfs in dit tijdperk van digitale versnelling.\nWe zien nog steeds veel motieven uit de jaren 80-90.\nWat we intrigerend vinden is het verlangen naar oude technologie, zoals de eerste computer die we thuis hadden of de compacte, maf uitziende cd-speler. <\/p>\n\n\n\n Dus voor de achterblijvers onder ons, of voor degenen met een voorliefde voor het millenniumprobleem, letten we vooral op collages, pixelisatie, felle kleuren, MS-DOS-achtige UI en invloeden van oude arcadegames. <\/p>\n\n\n\n Hie<\/a> is een talentenbureau voor contentmakers.\nZe gebruiken nostalgische voorwerpen en verbeelden ze opnieuw vanuit een hedendaags gezichtspunt.\nDeze speelsheid is bedoeld om onze nieuwsgierigheid te prikkelen en ons naar binnen te lokken. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n De aandachtsspanne van mensen wordt elk jaar lager en lager.\nWe kunnen dit natuurlijk wijten aan sociale media, Tiktok<\/a> en Instagram, maar we zijn ook consumenten en makers.\nGezien deze realiteit kan UI niet statisch blijven. Beweging<\/a> is een geweldig middel om gebruikers aan te trekken en kan een zeer effectieve en meeslepende ervaring zijn.\nIn het afgelopen jaar hebben we gezien hoe beweging wordt gebruikt om ons betrokken te houden en ons meer content te laten consumeren.\nHet geeft ons als gebruikers het gevoel dat we op een hoger niveau interactie hebben met de website dan voorheen, en op een betekenisvollere manier. <\/p>\n\n\n\n Onze gebruikers zijn gewend om pixels te zien bewegen en rondspringen; ze verwachten indicaties te krijgen voor elke afzonderlijke actie.\nDeze feedback geeft de gebruiker het gevoel een actieve deelnemer te zijn, waardoor hij zich aanwezig en gefocust voelt.\nEen manier om zo’n ervaring te cre\u00ebren is door middel van soft scroll-animatie, door zwevende parallax-effecten te gebruiken tussen secties die micro-animaties vergemakkelijken.\nEen ander voorbeeld, waarvan we verwachten dat het steeds populairder zal worden, is beweging die de normen overschrijdt – en zelfs zo ver gaat dat er gespeeld wordt met het evenwichtsgevoel en de zwaartekracht van de gebruiker.\nWe zullen meer animaties of ge\u00efntegreerde video’s zien die gericht zijn op het spelen met je ogen, met ruwe entreeanimaties, krachtige blow-ups, zoom-ins, variabele lettertypen, rotatiestickers enzovoort.\nHet kan soms vermoeiend zijn, maar de aandacht van de gebruiker is zo kostbaar dat we die op alle mogelijke manieren proberen te trekken. <\/p>\n\n\n\n Estudios Victor Cordon<\/a> is een creatief platform dat de onafhankelijke artistieke gemeenschap support.\nZe gebruiken een constante naadloze beweging terwijl je van onderdeel naar onderdeel scrollt.\nE\u00e9n ding dat opviel, en dat we zowel mooi als uniek vonden, was dat de onderdelen op het scherm eigenlijk statisch zijn, maar de beweging die door de achtergrond wordt gecre\u00eberd geeft een gevoel van vloeibaarheid en constante beweging. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n In tegenstelling tot een strakke ontwerpesthetiek zien we steeds meer websites die letterlijk de grenzen opzoeken met unieke typografische lay-outs.\nDeze trend is nogal verrassend als je bedenkt dat deze ontwerppraktijk gebruikelijk is op media met weinig ruimte, zoals achterverpakkingen, posters voor muziekfestivals, etiketten en bewegwijzering, enz.\nMisschien heeft deze trend te maken met ons verlangen naar ontwerpen met echte materialen, die we hebben laten varen ten gunste van het scherm en de interactieve ervaring. <\/p>\n\n\n\n De interessantste willen de aandacht trekken en spelen met typografie<\/a> en rasters, terwijl ze de conventionele lay-outs loslaten in hun missie om een gedenkwaardige, op tekst gebaseerde kijkervaring te cre\u00ebren.\nDeze websites maken vaak gebruik van grote briefhoofden met brutalistische typografie<\/a>, wat niet gebruikelijk is op het web.\nAls onderdeel van deze beweging zien we misschien ook meer websites met secties die slechts \u00e9\u00e9n alinea hebben met een lettergrootte die zo groot is dat deze de hele sectie overneemt.\nAlles bij elkaar voegt het een dynamisch element toe aan de pagina, zelfs als deze statisch is. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n In een tijd waarin de stemmen van extremisten in de echte wereld steeds luider klinken, hebben wij de kans om een verschil te maken hier in het alternatieve webuniversum dat we hebben gecre\u00eberd.\nTenslotte zijn wij als webcreators een grote gemeenschap.\nWe hebben de kans om meer waarde toe te voegen en van het wereldwijde web een betere, meer inclusieve<\/a> plek te maken. <\/p>\n\n\n\n Samen met de toegenomen digitale afhankelijkheid in onze samenleving, sinds de komst van Covid19, brengen gebruikers veel meer tijd online door om zelfs de meest basale diensten te verkrijgen.\nAls we aan een project beginnen, maken we meestal een nauwkeurige briefing en stemmen we het ontwerp af op een specifieke gebruikerspersoon<\/a> en -behoefte.\nMisschien kunnen we dit jaar proberen het internet door de ogen van anderen te zien – technologie bruikbaar maken voor alle mensen, ongeacht hun capaciteiten, economische situatie, leeftijd, opleiding of geografische locatie. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Sociale media, met hun eindeloze mogelijkheden, hebben nog steeds een paar beperkingen; het delen van slechts \u00e9\u00e9n link in je profiel is daar zeker \u00e9\u00e9n van.\nZo werd de ‘Link in bio’ geboren.\nLink in bio is in feite een landingspagina die is ontworpen om sociale media, websites, winkels, video’s, muziek, podcasts, evenementen en meer met elkaar te verbinden.\nZe komen allemaal samen op deze pagina die is ontworpen om te verbinden, nieuwe relaties te vormen en te converteren. <\/p>\n\n\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/image-2.png\")
<\/a>
Bornfight studio<\/a> is een klein bureau dat gespecialiseerd is in webproductie.\nHun Goblin-attitude komt tot uiting in de tone of voice van hun website, die erg “in-your-face”, onbevangen en enigszins brutaal is.\nNeem bijvoorbeeld hun grappige cookie-banner – “het leven is bitter dus gebruiken we cookies”, of de openhartige bewering dat ze werken voor complimenten en geld, en de overweldigende, maar prachtige hover-animaties van overlappende beelden. <\/p>\n\n\n\n02<\/h6>\n\n\n\n
Eenvoud en minimalisme<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/2.png\")
<\/a>03<\/h6>\n\n\n\n
Hyper-blijheid in een website reis<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/3-1.png\")
<\/a>04<\/h6>\n\n\n\n
E-commerce – Een bijna tastbare ervaring<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/image-2-1.png\")
<\/a>05<\/h6>\n\n\n\n
AI klopt aan onze deur<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/5-1.png\")
<\/figure>\n\n\n\n06<\/h6>\n\n\n\n
Nostalgie in tijden van digitale overbelasting<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/6.png\")
<\/a>07<\/h6>\n\n\n\n
Beweging roept emotie op<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/7.png\")
<\/a>08<\/h6>\n\n\n\n
Typografische lay-outs – We missen je drukwerk<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/8.png\")
<\/a>
De webpagina van Parazker<\/a>heeft veel om in je op te nemen.\nDeze enkele vouw had gemakkelijk verspreid kunnen worden over meerdere vouwen en pagina’s, maar toch cre\u00ebert deze presentatie een gevoel van vertrouwdheid, zoals etiketten op verpakkingen of barcodes.\nDe ontwerpers hebben hier alle informatie in \u00e9\u00e9n vouw samengevat, zodat gebruikers alles in \u00e9\u00e9n oogopslag kunnen zien. <\/p>\n\n\n\n09<\/h6>\n\n\n\n
Toegankelijkheid – laten we het web een betere plek maken<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/9.png\")
<\/figure>\n\n\n\n
Het is een kleine mentaliteitsverandering en een kleine aanpassing van de workflow<\/a>.\nHet begint al in de beginfase met de verantwoordelijkheid om de klant voor te lichten over toegankelijkheid en de wettelijke vereisten die dit met zich meebrengt.\nDoor er al in de vroege briefingfase over na te denken en iets meer tijd en moeite te investeren, kan de ontwerpstijl van de website vorm krijgen.\nWe kunnen kleuren en lettergroottes verstandig gebruiken, evenals alternatieve tekst en support voor toetsenbordnavigatie.\nOntwerpen door de lens van deze uitdaging kan niet alleen nieuwe stijlen en conventies cre\u00ebren, maar kan ook de manier veranderen waarop we het web als geheel ervaren. <\/p>\n\n\n\n10<\/h6>\n\n\n\n
Link in bio-index webpagina verkenning<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/10.png\")
<\/figure>\n\n\n\n