De Awwwards Conference 2022 - 3 topics waar je zeker over moet horen

Donderdag 15 en vrijdag 16 september vond de Awwwards Conferentie plaats in Amsterdam. Harborn’s UX-designers Lisanne & Riska waren er natuurlijk bij. Om ook jou op de hoogte te houden zetten ze de belangrijkste ontwikkelingen en inzichten voor je op een rijtje!

Na 2,5 jaar was de Awwwards Conferentie terug in Amsterdam. En wat was het een fijn event! Wij dompelden ons voor twee dagen onder in de wereld van user experience, creativiteit en online innovatie. We volgden meer dan twintig lezingen van de meest vooruitstrevende designers en genoten van de grote hoeveelheid inspiratie, grappige gif’s en onverwachte muzikanten. Maar, we hebben natuurlijk ook gekeken naar wat we met al die informatie kunnen! Onze drie belangrijkste topics hebben we daarom hieronder voor je opgesomd, inclusief onze eigen bescheiden Harborn-visie…

Het was een gróót topic dit jaar: animatie. Kleurrijke, bewegende, interactieve 2D- of 3D-elementen die het web doen stuiteren. Het toevoegen van ‘motion’ aan websites of applicaties kan gebruikers verrassen, de webpage of app verlevendigen, of helpen bij het overbrengen van informatie. Waar Adobe en anderen ons wegbliezen met indrukwekkende, soms ietwat overweldigende creaties, wees Louis Plaquet ons op de kunst van het doseren. Zo kan een klein bewegend element de aandacht van een gebruiker al gemakkelijk verleggen. Ook weten we dat animatie de gebruiksvriendelijkheid niet altíjd ten goede komt en dat 3D-renders niet voor ieder device even geschikt zijn. Anais Iris stelde de eerlijke vraag of 3D-animatie eigenlijk wel een plek heeft in een wereld waarin accessibility, inclusiviteit en duurzaamheid een steeds belangrijkere rol spelen. Sofia Papadopoulou en Teyosh zien juist vooral de eindeloze mogelijkheden. Met hun ‘Metamodernism’ -verwijzend naar de Metaverse- en ‘Dictionary of online behaviour’ gaven ze ons een enthousiaste en inspirerende blik in een toekomst.

Onze visie

Bij Harborn zien we dat (micro) animatie een latente behoefte is van veel eindgebruikers. Zowel voor B2C als B2B producten voelt dat als de (nieuwe) basisstandaard. En dat is heel begrijpelijk: animaties en transities kunnen extreem handig zijn bij het begeleiden van gebruikers door een product. Ze bieden hulp bij uitleg van bepaalde functies en bij onboarding. En wat te denken van een kleine beweging in de call to action om de aandacht van een gebruiker te verleggen? Of het managen van diens verwachtingen, door het tonen van een loader? Tal van mogelijkheden, die een digitaal product zoveel meer gebruiksvriendelijk maken! En niet alleen retail-sites, maar juist ook B2B producten. Denk aan portalen waarin veel informatie samenkomt en waar overzicht en hiërarchie extreem belangrijk zijn. Hoewel de behoefte nog niet altijd wordt onderkend, voelt een product zónder deze animaties en transities al snel hoekig, ruw en zelfs onhandig. Ook voor B2C passen we animatie toe. Maar, wel bedachtzaam en weloverwogen, zodat het oprecht waarde toevoegt.

Ofwel: How To Make Love, Correctly, zoals Jerrie (design) & Bruno (development) dit verwoordden. Het is een veelbesproken onderwerp tijdens de conferentie, wat wel aangeeft dat de ‘handoff’, zoals we de overdracht van design naar development noemen, bij veel bedrijven allesbehalve naadloos verloopt. We krijgen een checklist mee van de mannen. Daarin staat bijvoorbeeld dat UX-designers alle artboards op dezelfde pagina moeten zetten, dat ‘Type’ en ‘Colours’ als style moeten worden aangemaakt en we geen halve pixels mogen gebruiken. Het is herkenbaar en vermakelijk, al weten we zelf natuurlijk wel beter. Verder zijn aanwijzingen en notities voor development heel belangrijk en moeten we developers al in een vroeg stadium betrekken bij het proces. Het inkijkje dat we kregen in het proces en het design system van booking.com blijkt daarvoor zeker leerzaam.

Belangrijke take-aways

• Betrek development vroegtijdig in het proces
• Blijf constant in gesprek
• Aanwijzingen voor development zijn een must

Onze visie

Bij Harborn werken designers en developers nauw samen. Developers kijken al in een vroeg stadium mee in Figma. Ze kunnen proactief comments leveren en hebben rechten om zelf te kunnen exporteren. Bij het afronden van de ‘user stories’ (Korte beschrijvingen van een gewenste functionaliteit, beschreven in de taal van de gebruiker, red.) zijn zowel design als development betrokken en werken ze samen toe naar een mooi eindresultaat. Een goed product opleveren is een gezamenlijke inspanning. En uiteindelijk hebben developers en designers hetzelfde doel: zoveel mogelijk waarde leveren voor de klant. Zo lang we dat voor ogen hebben, dan valt er over zo’n checklist prima te praten ;).

Soms moet je daar even aan worden herinnerd. Het mooie verhaal van Mikkel Noe Westh, over de website die hij bouwde voor de Third Strike Campaign deed ons realiseren welke impact een product kan maken. Het geweldige duo van Cabeza Potata, dat zich bezighoudt met character design voor onder andere Spotify, stipte daarbij het belang aan van fun. Daarbij hoort volgens hen ook het stellen van gezonde grenzen om de fun te behouden. Ze leerden ‘nee’ zeggen, zodat ze dicht bij zichzelf konden blijven. Ze creëerden tijd om ook offline karakters te maken, zoals grote grappige poppen of een schaakspel. Gewoon omdat het leuk is en omdat het hun liefde voor ambacht versterkt. Die lol en passie vertaalt zich op een geweldige manier door naar hun online uitingen en onderstreept dat esthetiek een geweldige impact kan maken. Alice Cappo voegt daaraan toe dat die impact ook een verantwoordelijkheid meebrengt. Ze zet ons aan tot échte, bewuste keuzes op gebied van toegankelijkheid en inclusiviteit.

Dat alles begint met het herkennen van uitsluiting, de discussie aangaan. Testen met echte mensen en ze laten vertellen wat ze er zelf van vinden. Geef, in plaats van te nemen. En daar is nog veel werk in te doen. Het goede nieuws is dat organisaties in het bovenste kwartiel voor etnische/culturele diversiteit onder leidinggevenden 36% meer kans hebben om bovengemiddeld winstgevendheid te zijn. Laat dat een motivatie zijn! Tot slot daagt Irene Perreyra ons uit om daarbij wel kritisch te blijven op design principles. Wéét wanneer je met conventie moet breken. 'Usability first’, is wat we altijd leerden. Uit steeds meer onderzoek blijkt echter dat hoe aantrekkelijker een IT-product is, hoe meer concessies gebruikers doen op gebied van toegankelijkheid en gebruiksvriendelijkheid. Juist het ‘anders’ blijven doen is belangrijk om het web leuk en aantrekkelijk te houden.

Onze visie

Voor ons als UX designers zijn gebruiksvriendelijkheid, toegankelijkheid en inclusiviteit altijd top of mind. Harborn streeft ernaar om 'ervaringen' op te leveren die voor zoveel mogelijk mensen toegankelijk zijn. Nu de WCAG (Richtlijn op gebied van toegankelijkheid, red.) verplicht is voor E-commerce en overheden sijpelt dit besef ook langzaam door in de markt. En dat is fijn, want dan kunnen we écht verschil maken.

Nu je helemaal bent bijgepraat, hebben we nog een klein lijstje dat we graag met je delen. Want, naast dat we onze bak met inspiratie weer tot het randje hebben volgeladen, heeft de Awwwards ons uitgedaagd op de volgende vlakken:

De Metaverse We zitten er al vol in! Harborn doet steeds meer projecten op gebied van Augmented- en Virtual Reality. Storytelling verschuift daarbij meer en meer naar Storyliving, waarbij interactiviteit een grote rol speelt.

Sensory Design Wie interactiviteit zegt, zegt Sensory Design. Hoe meer zintuigen je prikkelt, hoe realistischer een ‘metaverse’-ervaring immers wordt. Wat zijn de mogelijkheden van geluid? Ook geur werd genoemd. Een interessante optie, want van alle zintuigen is geur het sterkst verbonden aan onze herinneringen…

De toekomst van het web? Dat het een nieuw tijdperk is voor het web, dat is duidelijk. Stefan Sagmeister stelt zelfs: ”alles wat met de werkelijkheid te maken heeft, staat ter discussie.” En die discussie gaan we graag aan!