Blogs van Rowan
Waar moet je op letten bij het ontwerp van een mega menu?
Wat is een mega menu? Bij een mega menu heb je vaak een assortiment met een heleboel product categorieën die je beschikbaar stelt voor je gebruiker. Om de gebruiker niet door je website heen te hoeven ...
Bekijk het artikelNieuwe CSS features waarvan je nog niet vanaf weet
Gebruik van variabelenVoor het maken van variabelen van bijvoorbeeld een font-family of kleuren om een bepaalde titel te stylen gebruikte je waarschijnlijk voorheen SASS of LESS. Dit is namelijk hand ...
Bekijk het artikelGebruik van ID's in CSS
Er zijn genoeg ideeën om structuur te krijgen in de CSS die je schrijft voor het stylen van jouw pagina’s. In dit artikel schrijf ik over het gebruik van ID’s in CSS en wat mijn advies is waarom je he ...
Bekijk het artikelLeadinfo triggers voor gebruikersinteractie
In dit blog vertel ik hoe wij Leadinfo gebruiken bij onze klanten om hen op de hoogte te stellen van verschillende gebruikersinteracties.Wat is Leadinfo?Leadinfo creëert inzicht in jouw zakelijke be ...
Bekijk het artikelGoogle Lighthouse verbeteren op basis van Best Practices
Zoals in mijn vorige blog is te lezen zijn er een aantal adviezen van Google Ligthouse Best Practices. Deze Best Practices ga ik in dit blog oppakken voor de homepagina van Sigma Solutions.Links to c ...
Bekijk het artikelBest practices Google Ligthouse
Naast Performance, Accessibility en SEO kun je in Google Lighthouse ook je website testen op Best Practices.Best Practices is een lijst met audits die veelvoorkomende fouten in web development testen ...
Bekijk het artikelToegankelijkheid verbeteren met de adviezen van Lighthouse
In mijn vorige blog was te lezen dat de toegankelijkheidsscore van de homepage van sigmasolutions.nlAfbeeldingenIn een aantal afbeeldingen onderbraken er alt attributen, alt attributen zijn belangri ...
Bekijk het artikelGoogle Page Experience
Wat is Google Page Experience?Voor de nieuwe update van Google die de algoritme gaat bepalen staat de Page Experience centraal, dit staat voor het centraal stellen van de gebruikerservaring.Zoals de ...
Bekijk het artikelVerbeter de technische SEO van jouw website met behulp van SEMrush
Als Online Succes partner werken wij met de marktleiders op het gebied van SEO-tooling. Zo gebruikt Sigma Solutions SEMrush om inzichten te krijgen in de SEO-status van de website van onze klanten. Ee ...
Bekijk het artikelWat voor inzicht biedt Lighthouse aan toegankelijkheid
In dit blog laat ik zien hoe je een test doet met Google Lighthouse om de toegankelijkheid van je website te checken.Waarom is de toegankelijkheid zo belangrijk, dat legt Google in dit artikel uit. K ...
Bekijk het artikelMicrosoft gaat concurrentie aan met Hotjar
Met de komst van Microsoft Clarity lijkt Microsoft een geduchte concurrent van de tooling van Hotjar te worden. Microsoft Clarity is namelijk een nieuwe analysetool waarmee je het gebruikersgedrag van ...
Bekijk het artikelDe eerste inzichten van Google Analytics 4
Google Analytics blijft de meest populaire tool om inzicht te krijgen in de bezoekers van uw website. Google blijft Analytics ontwikkelen om u meer data en inzichten te verschaffen. Naast de upgrades ...
Bekijk het artikelVeelgebruikte tools voor B2B Conversie Optimalisatie
In deze blog beschrijf ik een aantal tools die je kunt gebruiken om de conversie op jouw website te optimaliseren.Waardevolle tools voor B2B Conversie OptimalisatieGoogle Pagespeed: Google ...
Bekijk het artikelDe voordelen en overwegingen van B2B Conversie Optimalisatie
Conversies zijn bepaalde acties die een online bezoeker kan doen op de website. In deze blog leg ik de voordelen van B2B conversie optimalisatie uit. Daarnaast worden een aantal overwegingen benoemd o ...
Bekijk het artikelConversie optimalisatie in B2B vereist samenwerking
Conversie-optimalisatie wint terrein in de B2B en wordt daardoor steeds belangrijker. Dit speelt al langer in de B2C-wereld, maar dat is een andere tak van sport. In de B2B is er een ander proces ...
Bekijk het artikelAfbeeldingseffecten toevoegen in CSS met filter
Er bestaan een hoop CSS eigenschappen die je niet elke dag gebruikt. Één van die eigenschappen waar ik heel enthousiast van wordt is ‘filter’. Hiermee kun je afbeeldingen mooie effecten geven die je n ...
Bekijk het artikelDesign Social Media posts en meer met Adobe Spark
Adobe ontwikkelt continu nieuwe software en diensten. Adobe Spark is een van hun nieuwste toevoegingen. Met Adobe Spark maak je gemakkelijk aantrekkelijke social media posts. In dit blog gee ...
Bekijk het artikelVerbeter je workflow in Adobe XD met sneltoetsen
De interface van Adobe XD heb ik altijd al duidelijk en gebruiksvriendelijk gevonden. Geen verrassing natuurlijk, omdat het een programma voor UX designers door UX designers is. Na jaren gebruik te ma ...
Bekijk het artikelOvereenkomsten tussen Growth Hacking en UX design
Laten we beginnen met wat Growth hacking is, Growth hacking zijn experimenten voor oplossingen die groeiproblemen moeten oplossen. Dit is een nieuwe marketing aanpak die met name wordt gedreven door d ...
Bekijk het artikelDesign voor meertaligheid
Bij het ontwerpen van een User interface van een meertalige omgeving komen een aantal belangrijke zaken kijken waar rekening mee moet worden gehouden. In dit blog ga ik in op een aantal punten waar in ...
Bekijk het artikelOntwerp een succesvolle homepage
Je ziet vaak op sites dat een homepage naar mate de tijd vordert een eigen leven is gaan leiden. Vaak heeft iedereen een mening over de homepage van een site, iedereen wilt daar een stukje op kwijt wa ...
Bekijk het artikelGebruik maken van symbolische kleuren
Kleur is een belangrijk onderdeel van elk ontwerp. Hoeveel kleur wordt gebruikt in tegenstelling tot grijstinten, kleurgebruik in foto’s, kleur van (kop)teksten en natuurlijk wélke kleuren in het pall ...
Bekijk het artikelAfbeeldingen vullend maken met CSS
Soms willen we in een site een afbeelding vullend tonen, omdat we niet van te voren weten hoe groot het vlak is waarin de afbeelding wordt getoond. Dit komt meestal voor omdat we niet weten hoe breed ...
Bekijk het artikelDe ultieme designer hack om tekst op afbeeldingen vorm te geven
Hoe kun je leesbare tekst op een drukke afbeelding leesbaar houden? Dit is een veelvoorkomend probleem dat ontwerpers vaak tegenkomen. Er zijn verschillende manieren om dit op te lossen: J ...
Bekijk het artikelContent driven design
"Moeten we bij het wireframen onszelf eerst richten op het design of de content?" is een leuke vraag om eens bij stil te staan. Veel klanten gaan pas daadwerkelijk nadenken over de content wanneer zij ...
Bekijk het artikelVerzamel feedback voor nieuwe design keuzes
Hoe krijg je nu nog feedback van jouw klanten?Nu een groot deel van de wereld thuis aan het werk is, is het van nog groter belang om online gezien te worden. Toch wil je ook van jouw onlinegebruikers ...
Bekijk het artikelPsychologische triggers beïnvloeden bij gebruikers
Veel van onze handelingen gebeuren niet door rationaliteit maar worden gedaan in emotie, anticipatie en aantrekking. In dit blog schrijf ik over een psyschologische triggers die een gebruiker kunnen b ...
Bekijk het artikel10 tips om de perfecte bestelknop te ontwerpen
Een duidelijke en aantrekkelijke bestelknop aanbieden in de winkelwagen van je B2B Webshop is van een zeer groot belang. Ook al bewandelt je klant een complex beslissingspad voordat zij haar aankoop d ...
Bekijk het artikelUX audit: heatmaps
Een UX audit kun je uitvoeren op een digitaal product met als doel er achter te komen waar gebruikers van het product tegenaan lopen in het gebruik van bijvoorbeeld uw site. Door een UX audit te laten ...
Bekijk het artikelGoede pagespeed score
Eerder beschreef Vincent in zijn blog al wat Pagespeed Insights is, in dit blog beschrijf ik wat er technisch gedaan kan worden om een goede score te halen.Optimaliseer afbeeldingenAfbeeldingen kunn ...
Bekijk het artikelHet gebruik van een Photoslider
Ze zijn er in alle soorten en maten en staan meestal bovenaan een websitepagina. Dan heb ik het natuurlijk over photosliders. Zo bent u vast bekend met de traditionele foto die langzaam vervaagd en wa ...
Bekijk het artikelMicrointeractions worden gewaardeerd door de gebruiker
Wat zijn het?Microinteractions zijn de momenten waar een gebruiker met het ontwerp interacteert en het ontwerp reageert op de gebruiker. Dit zie je vaak gepaard gaan met een mooie subtiele anmiatie. ...
Bekijk het artikelSkeleton screens
Het is helaas niet onvermijdelijk om laadtijden te voorkomen op uw website, de gebruiker zou een trage verbinding kunnen hebben om welke reden dan ook. Skeleton screens is een mooi alternatief op een ...
Bekijk het artikelAtomic design - technische implementatie
Hoe kun je CSS zo schrijven dat het modulair, correct en te onderhouden is? Dit is een vraag die bij elke front-end ontwikkelaar speelt, hoe kun je op een goede manier code schrijven zodat het te begr ...
Bekijk het artikelAtomic design - ontwerpen
In mijn vorige blog heb ik verteld wat Atomic design in theorie is, namelijk het modulair opbouwen van bijvoorbeeld een interface. Hieronder vertel ik meer over het ontwikkelen van modules binnen ontw ...
Bekijk het artikelAtomic design – theorie
In dit blog ga ik in op het ontwerpen van een website door middel van modulaire ontwerpen. Namelijk; Atomic Design, dit is een theorie bedacht door webdesigner Brad Frost. Atomic design staat voor het ...
Bekijk het artikel5 manieren om makkelijk animatie toe te voegen aan je website
We weten allemaal dat animaties de beste blikvangers zijn. Zo trekken de LED-billboards langs de snelweg en de digitale posters op het station zeer effectief onze aandacht. Ook op het web zorgt animat ...
Bekijk het artikelOntwerpregels bij een Modal window
Hoe ontwerp je een goede Modal?Modals zijn vensters die we over het hoofdscherm leggen om de aandacht van de gebruiker te trekken op de interactie die nodig is in het bovenliggende venster. Dit doen ...
Bekijk het artikelHotjar heatmaps met Lazy Loading
Hotjar is een prachtige service waarmee je het gedrag van de gebruikers van je site kunt vastleggen. Zo kun je bijvoorbeeld opnames maken van het scherm, de interacties met formulieren onderzoeken en ...
Bekijk het artikelMijn favoriete Adobe XD Plug-ins
Adobe XD wordt met de tijd steeds uitgebreider. Toch moet je als ontwerper sommige handelingen nog repetitief handmatig uitvoeren – denk hierbij aan het toevoegen van een placeholder-tekst. Sommige fu ...
Bekijk het artikelSnelheid in mobiele pagina’s
Het AMP project (accelerated mobile pages) van Google is bedoeld om het mobiele web sneller te maken, zodat de gebruiker zich optimaal kan richten op de content van de pagina en niet verhinderd worden ...
Bekijk het artikel10 designer hacks om je website rustiger te doen ogen
Je hebt een website voor je onderneming. Toch heb je het gevoel dat hij nogal druk aanvoelt. Mogelijk is je website tien jaar geleden gebouwd, en is het tijd voor een visuele upgrade. Veel bedrijven h ...
Bekijk het artikelHTML tips voor mail templates
Bij het bouwen van een e-mail template binnen HTML komen er veel dingen kijken, ik leg in deze post een aantal basiselementen uit hoe je om moet gaan met de HTML van een mail template, en hoe wij daar ...
Bekijk het artikelEen betekenisvol kleurenpalet voor een interface samenstellen
Het samenstellen van een kleurenpalet voor je website of programma is van groots belang. Zoals je misschien weet zijn kleuren in staat een sfeer en een betekenisvolle uitstraling te creëren. Simpele v ...
Bekijk het artikelOntwerpen in Adobe XD (deel 3) - Prototypes maken
In het derde deel van deze serie blogartikelen over Adobe XD laat ik je zien hoe je in Adobe XD een klikbaar prototype maakt dat je kunt testen met je doelgroep en je opdrachtgever. In het vorige deel ...
Bekijk het artikelOntwerpen in Adobe XD (deel 2) - Vormgeven
In het vorige blogartikel over Adobe XD kon je lezen hoe we voor de fictieve opdrachtgever ‘the Vinylist’ low-fi wireframes hebben getekend. Zodra je een low-fi schets hebt van een website of applicat ...
Bekijk het artikelOntwerpen in Adobe XD (deel 1) - Schetsen
In mijn vorige blogartikel kon je lezen waarom Adobe XD hét programma is om interactieve prototypes te maken. In dit artikel laat ik je zien hoe je met Adobe XD snel prachtige wireframes kunt maken om ...
Bekijk het artikelDesign Awards voor interactief werk in Nederland
Dutch Design in de digitale wereldMisschien heb je wel eens van 'Dutch Design' gehoord - minimalistisch, experimenteel, krachtig, licht humoristisch maar vooral typisch Nederlands. Dutch Design is in ...
Bekijk het artikelAdobe XD - een introductie
Sinds kort is er een nieuw design-programma op de markt – Adobe XD (eXperience Designer). Dit programma onderscheid zich van andere ontwerpprogramma’s omdat het compleet gericht is op het maken van in ...
Bekijk het artikelUX Design - De basis
Hoe vaak heeft u wel eens meegemaakt dat u op een website kwam die niet naar uw zin werkte? Of dat het voelde alsof u niet begrepen werd? Misschien heeft u wel eens een slechte ervaring met een websho ...
Bekijk het artikelUX Design - een iteratief proces
In het vorige blogartikel over UX Design kon u lezen wat UX design precies is. In dat artikel kaartte ik kort het iteratieve proces aan. In dit artikel kunt u lezen welk proces de UX designer doorloop ...
Bekijk het artikelHoe wordt een site getoond in Google’s “featured snippets”?
Sinds vorig jaar worden in Google “featured snippets” getoond. Featured snippets worden getoond wanneer er een vraag in de zoekbalk is gesteld. Bij de vraag “Wat kost een traplift” wordt de volgende s ...
Bekijk het artikelDpi van png in javascript
Wat is dpiDe grote van een digitale afbeelding verschilt van een geprinte afbeelding. Dit wordt aangegeven met de dpi van de afbeelding. Dpi staat voor dots per inch, ook wel uitgedrukt in ppi (pixel ...
Bekijk het artikel