Feed

In deze feed deel ik interessante nieuwsberichten, artikelen, boeken en video's over UI, UX, webdesign, Design Systems, Drupal, nieuwe media en technologie.

Daar sta ik dan

Een maand nadat ik trotse eigenaar was geworden van een zit/sta bureau kom ik dit artikel tegen. Over hoe de hele dag staan net zo slecht is als de hele dag zitten. Gelukkig is de oplossing, zoals eigenlijk met alles, dat je moet afwisselen. Het is voornamelijk dat je het zitten en staan af en toe afwisselt met een wandeling.

Geplaatst op
Moet een 'destructieve' knop moeilijk te vinden zijn?

Adam Silver, expert op het gebied van UI/UX design, had een discussie met een collega: moet een knop die iets 'kapot' kan maken, zoals het verwijderen van een item, moeilijk te vinden zijn? Uiteindelijk komen ze tot de conclusie dat een destructieve knop niet moeilijk te vinden hoeft te zijn als je maar inbouwt dat iemand een destructieve actie moet bevestigen. Op deze manier maak je de actie niet moeilijk vindbaar voor een gebruiker die ook echt iets moet verwijderen en voorkom je onbedoelde acties.

Geplaatst op
Het 'aesthetic-usability' effect

In dit artikel van de UX experts van de Nielsen Norman group wordt het aesthetic-usability effect uitgelegd. Dat wil zeggen dat mensen denk dat producten (zoals app of websites) die er goed uitzien ook makkelijker in gebruik zijn. Een goed argument om naast gebruiksvriendelijkheid ook te investeren in de esthetiek. Auteur Kate Moran waarschuwt wel dat er een limiet aan dit effect zit. Hoe mooi een website of app ook is, het kan een slechte gebruikerservaring niet oneindig verbloemen.

Geplaatst op
Volle aandacht

Een kleine blog met een grote boodschap: Bill Wear breekt een lans voor als je iets doet, doe het dan met je volledige aandacht. Dit vereist oefening. Aandacht geven aan de dingen die er echt toe doen.

Geplaatst op
Hemingway effect

Maak slim gebruik van het 'Hemingway effect' wat zoveel betekent dat je altijd stopt als je ergens midden in zit. Als je dus eigenlijk het gevoel heb dat je nog wel even door kan gaan, met bijvoorbeeld een creatief project, maar dat je opzettelijk stopt zodat het de volgende keer makkelijker is om verder te gaan.

Geplaatst op
Excessief schermgebruik ook schadelijk voor volwassenen

Het gaat vaak over het schermgebruik van kinderen en wat voor een schade dit kan doen. Maar ook voor volwassenen is het niet goed om de hele dag naar een scherm te staren. Het is niet goed voor je ogen en passief schermtijd wordt vergeleken met suiker voor je hersenen. Het advies van wetenschappers is daarom om het eerste uur van de dag schermen te vermijden. In plaats daarvan kun je bijvoorbeeld een boek lezen, muziek luisteren of een gezond ontbijt maken.

Geplaatst op
Zon voor scherm

Hannah Bussey benadrukt dat het belangrijk is om zo snel mogelijk, nadat je wakker bent, je te baden in het zonlicht. Ook op een bewolkte dag en dus voordat je je telefoon bekijkt. Dit zorgt ervoor dat je optimaal gebruikt maakt van je bioritme zodat je 's nachts beter slaapt.

Geplaatst op
Een checkbox van $100 miljoen dollar

In deze uitgebreide essay van Adrian Hanft laat hij zien hoe belangrijk UI/UX design kan zijn en waarom je het altijd moet testen met de gebruiker. In 2017 voltrok zich een drama toen een Amerikaans marineschip schijnbaar onbestuurbaar werd omdat er een vinkje aanstond wat niet werd opgemerkt door de mariniers. Het schip ramde een ander schip met doden, gewonden en een torenhoog bedrag aan schade als gevolg. Volgens Hanft was dit te voorkomen geweest als de verschillende schermen maar waren getest bij de eindgebruikers.

Geplaatst op
Geen doelen hebben

Ryan Holiday legt uit waarom hij geen doelen heeft. Het komt er op neer dat je gewoon aan de slag moet gaan en het niet moet laten afhangen van externe factoren zoals een 'arbitrair' doel wat verder niks zegt.

Geplaatst op
Zwemmen als hobby

Ryan Holiday vertelt over zijn hobby: zwemmen. Volgens Holiday is dit ideaal omdat je met zwemmen helemaal afgesloten bent van schermen en telefoons. Ook maakt hij er een sport van om op elke locatie een mooie zwemplek te bezoeken.

Geplaatst op
Geplaatst op
target is blank of _blank?

Ik heb nooit het verschil geweten tussen <a href="#" target="blank">Link</a> of <a href="#" target="_blank">Link</a> dus ben ik eens gaan zoeken en kwam op dit Stack Overflow antwoord. Wat blijkt: als je blank zonder underscore gebruikt wordt de link telkens in dezelfde nieuwe tab of venster geopend maar als je _blank gebruikt dan wordt er voor elke keer een nieuw venster of tab geopend. 

Zo zie je maar weer dat je zelfs na 20 jaar websites bouwen nog steeds iets nieuws kan leren.

Geplaatst op
Alles over treinreizen

Ik hou van treinreizen en het lijkt me ook geweldig om door Europa te reizen met de trein. Deze beste man heeft het treinreizen blijkbaar uitgespeeld dus vandaar dat ik dit deel. Voornamelijk als referentie voor mezelf.

Geplaatst op
Stel je leven niet uit

Uit de nieuwsbrief van Ernst-Jan Pfauth: "Over sparen gesproken: is dat niet een vorm van uitgesteld geluk? Jonathan Clements schreef meer dan duizend columns voor The Wall Street Journal over zuinigheid. Hij spaarde zelf tot wel 30 procent van zijn inkomen, zodat hij het tot zijn negentigste kon uitzingen. Op zijn 61ste kreeg hij last van duizelingen. Na een paar onderzoeken vertelde de dokter dat hij hoogstens nog een jaar te leven had. Kanker. Heeft hij nu spijt van zijn zuinigheid, wilde een collegajournalist weten. “Ik heb me al twintig jaar geen zorgen meer om geld gemaakt”, antwoordde Clements, “Het belangrijkste dat geld ons kan geven, is een gevoel van financiële zekerheid.” Bovendien heeft zijn zuinigheid hem nooit beperkt in het ervaren van geluk: “Wat ik heel graag doe, is na het opstaan een kop koffie inschenken, wat schrijven en redigeren, sporten en goed eten, een glas wijn drinken,” zei hij. “Dit is wat ik al decennialang met plezier doe, en ik kan me geen betere manier voorstellen om de tijd die ik nog heb door te brengen.”"

Geplaatst op
Doe moeilijk

Ryan Holiday beseft zich dat het de moeite waard is om soms de moeilijke weg te kiezen omdat je jezelf op deze manier kan verbeteren. Pak de fiets in plaats van de auto dan krijg je een betere conditie of pak een boek in plaats van de telefoon zodat je iets nieuws leert.

Geplaatst op
Hoe Spotify het steeds moeilijker maakt om muziek te vinden

Kyle Chyaka schrijft dat hij gestopt is met Spotify omdat het voor hem steeds moeilijker wordt om de muziek te vinden die hij wil. De interface van Spotify wordt constant geüpdatet waar de focus steeds meer op algoritmes komt te liggen waardoor de app bepaalt welke muziek je luistert. Ook wel 'coporated-centered' design genoemd, waarbij het belang van het bedrijf belangrijker is dan dat van de gebruiker.

Geplaatst op
Lees geen nieuwe boeken

Volgens Janan Ganesh is het beter om geen nieuwe boeken te lezen maar een paar jaar te wachten als een boek net is uitgekomen. Zo kun je kijken of het boek de tand des tijds doorstaat. Echt goede boeken zijn na 10 of 20 jaar nog steeds waardevol om te lezen.

Geplaatst op
Focus niet op doelen maar op 'Quests'

Volgens David Cain zijn doelen te groot en is het beter ze op te delen in kleine behapbare 'quests' waar het om het proces gaat en niet om het einddoel.

Geplaatst op
Scrum is niet Agile

Volgens Adam Ard is de Scrum methode gemuteerd in iets wat lijnrecht tegenover de Agile Manifesto is komen te staan. In plaats van dat ontwikkelaars meer ruimte, vrijheid en tijd krijgen om dingen op te leveren wordt het misbruikt door management om teveel controle uit te oefenen. De oplossing? Ontwikkelaars meer eigenaarschap geven over de beslissingen die worden gemaakt.

Geplaatst op
Hoe ga je helemaal off grid?

Niet meer afhankelijk zijn van het stroomnetwerk is iets dat mij fascineert. Guy Vrancken vertelt op Tweakers hoe hij dit voor elkaar heeft gekregen. Ik vind het vooral interessant hoe hij slim omgaat met zijn stroomgebruik. Zo zet hij zijn vriezer overdag, als de zon schijnt, extra koud en als de zon ondergaat helemaal uit. Hierdoor blijft alles koel genoeg. En als je dit combineert met slimme domotica oplossingen kun je het in theorie volledig automatiseren.

Geplaatst op
Appel cider azijn als wondermiddel?

Dominic Frisby ziet de Ozempic hype met lede ogen aan en biedt een alternatief: Appel cider azijn. Hij gebruikt het (onregelmatig) dagelijks drie keer per dag (theelepel verdund in water) omdat het de eetlust schijnt te onderdrukken. Hoe wetenschappelijk is het? Geen idee maar het een tijdje proberen kan volgens mij geen kwaad.

Geplaatst op
ChatGPT vat niet samen

Ik gebruik ChatGPT eigenlijk voor maar twee dingen: vertalen en samenvatten. Deze blogger heeft ontdekt dat ChatGPT teksten niet samenvat maar alleen maar korter maakt. Hierdoor ontbreken essentiële onderdelen of worden ze verkeerd geïnterpreteerd.  

Geplaatst op
Verzameling onetische patronen

Duistere UI/UX patronen die ingezet worden om gebruikers te misleiden.

Geplaatst op
Batterijen worden steeds goedkoper

Batterijen zijn een belangrijk onderdeel om de transitie naar volledige hernieuwbare energie te kunnen maken. Auke Hoekstra voorspelt dat batterijen spotgoedkoop gaan worden. En dat je rond 2030 een 20 Kwh batterij kan kopen voor je huis die je in 3 jaar terug kan verdienen omdat je de opgewekte energie (van bijvoorbeeld zonnepanelen) kan opslaan.

Geplaatst op
Responsive grafieken met HTML en CSS

Mathias Schäfer deelt een mooie manier om staafdiagrammen met enkel HTML, CSS en SVG.

Geplaatst op
Focus op je belangrijkste taken met de meeste impact

Andrew Chen deelt op zijn substack het idee van '10x work'. Dat zijn taken die 10 keer zoveel impact heeft als andere klusjes. Dus in plaats van dat je de hele dag druk bent met reactieve dingen, zoals het beantwoorden van mailtjes of het bijwonen van onbelangrijke vergaderingen, verleg je de focus naar het maken/doen van nieuwe dingen. Zoals hij zelf zegt: "Agency and ownership rule the day, and this is why “Send email to X” is stronger than “Send reply to Y” — the best work does not happen in reaction to what others do."

Geplaatst op
37 lessen van een 37-jarige Ryan Holiday

Deze vind ik interessant:

  1. De belangrijkste beslissing die je maakt is dat je in een goede bui bent.
  2. Holiday stelt zichzelf geen doelen maar doet gewoon wat hij leuk vindt. Het resultaat komt dan vanzelf.
  3. Als succes je geen beter persoon maakt, dan is het geen succes.
  4. Uitchecken bij hotels is voor amateurs. Je kan weggaan wanneer je wil.
  5. Zeg vaker aardige, complimenteuze dingen.
Geplaatst op
Frank M Taylor gaat helemaal los op wat er allemaal mis is met Front-end Development

Waar het volgens Taylor op neerkomt is dat het allemaal moet gaan om de content. Het is de afgelopen jaren veel te complex geworden en de meeste websites hebben meer dan voldoende aan simpele HTML en CSS om statische informatie te tonen. Denk gewoon even logisch na, aldus Taylor.

Geplaatst op
Eetgewoontes aanpassen voor een beter klimaat en dierwelzijn

Twee dingen die ik meeneem uit dit artikel van Hannah Ritchie: 

  1. Kip vervangen voor rund verlaagt je 'carbon footprint' met wel 80%. Echter moet je meer kippen slachten om tot dezelfde hoeveelheid vlees te kopen. Beter voor het milieu maar slechter voor de dieren.
  2. Als ik voedselkeuzes wil maken die beter zijn voor het klimaat en dieren moet ik, uiteraard, switchen naar vegetarisch en het liefst vegan opties.
Geplaatst op
We worden overspoeld met 'junk-food' informatie

Gurwinder constateert dat ons brein voortdurend op zoek is naar informatie. Er wordt echter veel informatie van lage kwaliteit geproduceerd om onze interesse vast te houden. 

Zijn oplossing is om je bewust te zijn van de informatie die je tot je neemt met behulp van de 10-10-10 regel: 'Als ik deze informatie consumeer, hoe voel ik me daar over in 10 minuten, 10 maanden of 10 jaar?'. Op deze manier kom je erachter dat je over 10 jaar waarschijnlijk meer hebt aan het lezen van informatief boek dan het scrollen langs Instagram berichten.

Geplaatst op
Onder de indruk zijn

Tim Ferris heeft het vaak over het onder de indruk zijn van de grote dingen in het leven en hoe dat je een beter mens maakt. Hij plaatste daarom het artikel van Ashley Simpson op zijn blog waaruit blijkt dat onder de indruk ervoor zorgt dat je ergens kippenvel van krijgt. Zoals het kijken naar natuur (gebergte of oceaan) maar ook de kleinere dingen zoals kunst (muziek of film) of zien dat je eigen kind leert lezen en schrijven.

Geplaatst op
Elektrisch vliegen

Een interessant artikel op Tweakers over elektrisch vliegen. Hier wordt beweerd dat elektrisch vliegen zich nu op het punt bevind waar de elektrische auto zich tien jaar geleden bevond. Zou de ontwikkeling echt zo snel gaan waardoor ik het volgende decennium af ben van mijn vlliegschaamte?

Geplaatst op
Slaaf zijn van je eigen gewoontes

Markham Heid geeft in de artikel op de Financial Times aan dat het hebben van ogenschijnlijk productieve gewoontes ook een dwangmatige keerzijde heeft. Even niet elke dag dezelfde dingen doen en iets nieuws ondernemen kan dan ook een positief effect op je leven hebben.

Geplaatst op
Goedkope en duurzame energie de oplossing voor het klimaatprobleem?

In een artikel op de correspondent.nl laat Jesse Frederik zien dat de prijzen van schone energie (zon en wind) maar blijven dalen. Iets waar zelfs de meeste optimistische klimaatrapporten geen rekening mee houden. Frederik heeft goede hoop dat deze ontwikkeling een oplossing kan zijn voor het klimaatprobleem.

Geplaatst op
Waarom hebben de meeste mensen in Japan een gezond gewicht?

Johann Hari ging op onderzoek uit in Japan en concludeert dat het niet genetisch is (obesitas is namelijk wel een ding bij geëmigreerde Japanners) maar dat het gaat om de voedselcultuur. Namelijk: Simpele keuken en smaken zonder teveel toevoegingen, eten totdat je voor 80% vol zit omdat het langer duurt voordat je brein doorheeft dat je verzadigd bent en er wordt op school aandacht besteed aan hoe je eet (bewust) en wat je eet (gezond).

Geplaatst op
Drupal voor iedereen met Drupal 'Starshot'

Afgelopen Drupalcon (2024 in Portland) kondigde Dries Buytaert, oprichter Drupal, het initiatief Drupal Starshot aan welke Drupal toegankelijker moet maken voor beginnelingen en specialisten die nauwelijks of geen code kunnen schrijven. 

Starshot is een versie waar standaard al veel modules geïnstalleerd en geconfigureerd zijn. De functies die al ingebakken zitten lijken (verdacht? ;)) veel op wat ik al eerder beschreef in mijn blog over wat elke Drupal website vanaf het begin zou moeten bevatten.

Het mooie aan dit initiatief is dat experts nog steeds de flexibiliteit van Drupal kunnen benutten omdat er onder de motorkap niks verandert.

Geplaatst op
Creativiteit is dingen op de goede plek zetten

Een interessante observatie verstopt in de nieuwsbrief van Ernst-Jan Pfauth waarbij hij een opmerking van creatieve alleskunner Sef uitlicht: “Ik zet dingen op hun plek. Dat is wat ik doe. Dan is het een collage en dan zijn dingen ook gelijk helemaal niet zo moeilijk, want je gebruikt sowieso bestaande onderdelen.” Oftewel: alles is een remix.

Geplaatst op
Uitgebreid overzicht van nieuwe CSS functies die je anno 2024 kan gebruiken

Interessant om te zien dat CSS steeds meer standaardoplossingen aanbied de we voorheen alleen in SCSS/SASS zagen.

Geplaatst op
Verzameling kerken met een brutalistische architectuur

Prachtig om te zien en ooit eens te bezoeken?

Geplaatst op
Een goed leven volgens Carl Jung

Arthur C. Brooks distilleert Jung zijn werken tot vijf steunpilaren van een goed leven, namelijk: goede fysieke en mentale gezondheid, goede relaties met andere mensen, de schoonheid zien in kunst en natuur, een goede levenstandaard en betekenisvol werk en een filosofische of religieuze zienswijze.

Geplaatst op
Met 5 gebruikers testen is meestal meer dan genoeg

In een artikel uit 2000 (maar daarom niet minder waardevol!) geeft usability goeroe Jakob Nielsen aan dat je iets (een website of app) maar met 5 gebruikers hoeft te testen. Je haalt dan 80 tot 90% van alle problemen naar boven. Bij alles wat je met meer dan 5 gebruikers test vlakt de curve van het aantal gevonden problemen af. Besteed daarom meer resources aan het vaker testen met minder gebruikers dan het eenmalig testen met heel veel gebruikers. 

Geplaatst op
Bewegen is niet alleen gezond maar ook goed voor de creativiteit

In dit artikel legt Ryan Holiday uit waarom je af en toe moeten gaan bewegen. Als je bijvoorbeeld vastzit met een moeilijk probleem. Door je hoofd even leeg te maken met een fysieke activiteit kun je je productiviteit een boost geven.

Geplaatst op
Terry McGovern waarschuwt: AI is niet jouw vriend

McGovern geeft aan dat AI gewoon een variatie is op het advertentiemodel. En als de toegang tot de AI gratis dan ben jij het product. 

Geplaatst op
Figma prototypes vs HTML prototypes

Adam Silver houdt een betoog waarom HTML prototypes beter zijn dan Figma prototypes. In het kort: Figma is minder realistisch (je kan bijvoorbeeld niet een formulier invullen), je kan het niet testen met een screenreader, je kan de responiveness niet testen (van landscape naar portrait) en de hand-off naar developers is lastiger.

Geplaatst op
Robin Rendle ziet het van de andere kant

Voorheen was Robin Rendle verantwoordelijk voor het onderhouden van een Design System. Nu staat hij als product designer aan de andere kant en merkt hij dat een Design System niet te beperkend moet zijn. Prima dat de kleuren en groottes van de buttons bepaald zijn maar wees niet te rigide want dan gaan Designers er geen gebruik van maken.

Geplaatst op
Creëer meer dan je consumeert

Op zijn blog zet Omar Itani uiteen waarom je meer moet maken (creatief zijn) dan dat je consumeert. Uit onderzoek blijkt namelijk dat 45 minuten per dag creatief bezig zijn stressverlagend werkt. Ook is consumeren zinloos waar je bij het maken aan het eind van de rit iets tastbaars hebt. Dit resoneert bij mij omdat het gaat om het proces en niet zo zeer om het eindproduct. De (creatieve) reis is belangrijk dan het doel.

Geplaatst op
Grote doorzoekbare database aan kunstwerken en foto's

Rechtenvrij aangeboden door het Getty Museum.

Geplaatst op
Quote van Ryan Holiday over het 'Imposter Syndrome'

"The thing that’s wrong about imposter syndrome is that for the most part no one is thinking about you at all. They’re too busy with their own doubts and their own work."

Geplaatst op
Uit onderzoek blijkt dat het beter is om met de hand te schrijven als je notities maakt

Als je met de hand schrijft is het brein op een andere (en betere) manier actief. Omdat je minder tijd en ruimte hebt als je met de hand schrijft moet je zorgvuldiger omgaan met de informatie die je tot je neemt. Tijdens dit proces weeg je meteen af wat belangrijk is wat ervoor zorgt dat je het beter onthoudt. Mijn voornemen is daarom om voortaan tijdens vergaderingen handgemaakte notities te maken en deze later digitaal te verwerken.

Geplaatst op
Zorgvuldig samengestelde collectie van webdesign inspiratie

Handige verzameling van inspirerende webdesigns die niet altijd experimenteel zijn en ook goed toepasbaar zijn voor zakelijke websites.

Geplaatst op
Noisy SVG

Daniel Immke deelt een methode om 'noisy' (korrelige) SVG's te maken.

Geplaatst op
De Nielsen Norman Group heeft onderzoek gedaan naar het nut van het populaire 'Dark mode' en komt tot de conclusie dat het aanbieden van deze modus in de meeste gevallen niet nodig is.

Dark mode, het tonen van lichte tekst op een donkere achtergrond, is volgens onderzoeken van de NN Group alleen voor de esthetiek, dus omdat gebruikers het mooi vinden. In uitzonderlijke gevallen kan het bijdragen aan een verbeterde toegankelijkheid. Geef de gebruiker echter altijd de mogelijkheid om te switchen tussen Dark en Light mode. Maar het is niet minder vermoeiend voor de ogen en zorgt voor een minimale besparing van energie. Het is daarom beter andere zaken prioriteit te geven, zoals een verbeterde gebruiksvriendelijkheid, dan het ontwikkelen van een Dark mode.

Geplaatst op
Nicolas Bouliane moest een gedrocht van een PDF formulier invullen om zijn adres te registreren in Berlijn. Dus maakte hij een gebruiksvriendelijke online formulierentool.

Dit is een mooi voorbeeld van 'zo kan het ook'. In plaats van een onduidelijke en onoverzichtelijk PDF formulier, welke lastig in te vullen is, heeft Nicolas een gebruiksvriendelijke online formulierentool gebouwd. Stap voor stap met een duidelijke uitleg.

Geplaatst op
Bas Wallet beargumenteert dat sommige landen vrouwelijk zijn (zoals Nederland) en andere mannelijk (zoals Amerika) en dat je dit terug ziet in Design uitingen bijvoorbeeld in het visuele ontwerp van televisieprogramma's.

Daarbij zouden mannelijke landen zoals Amerika, Italië, Griekenland gebruik maken van een agressievere stijl en staat competitie (de sterkste wint) centraal.

In vrouwelijke landen zoals Nederland, Denemarken en Noorwegen wordt er met gevoel ontworpen waarbij de nadruk op foto's ligt in plaats van op harde feiten. Ook wordt er meer witruimte gebruikt.

Hoewel er geen sterke wetenschappelijke onderbouwing is het een interessante observatie die tot nadenken stemt.

Geplaatst op
Inspiratie voor mooi opgemaakte presentaties of decks.

Een verzameling van presentaties van bedrijven zoals Apple, OpenAI en Zapier waarbij extra aandacht is besteed aan design.

Geplaatst op
Andy Buddy schetst de geschiedenis van de web/ui/ux/product designer

En beargumteert dat een ui/ux designer meer gefocust is op de gebruiker en onderzoeken vanwege de academische oorsprong. De product designer is meer gericht op de business kant omdat deze functie oorspronkelijk is ontstaan in Silicon Valley.

Geplaatst op
Gratis web based AI tool waarmee je songs kan 'demixen'.

Voer een MP3 in. Wacht even... kan best lang duren. En je krijgt losse tracks terug van de drums, vocals, bass en eventueel andere partijen.

Geplaatst op
Ryan Holiday deelt 38 regels over lezen

Interessant vind ik voornamelijk dat hij aangeeft dat je niet moeilijk moet doen als het aankomt op geld uitgeven aan boeken. Ook al haal je maar 1 ding uit een boek wat je leven verandert, dan is het nog steeds meer dan de moeite waard.

Geplaatst op
Discussie op Hackernews over Design Systems van verschillende landen

Waaronder die van Amerika, Canada, UK en ook Nederland. Werkt een Design System eigenlijk wel? De meningen zijn er over verdeeld want zoals gebruiker ProxCoques terecht opmerkt is het makkelijk om een repository met gelikte components en patronen te maken. Maar dat het correct implementeren van het Design System in legacy systemen een heel ander verhaal is. De andere reacties zijn ook de moeite waard om te lezen voor iedereen die zich bezig houdt met Design Systems.

Geplaatst op

Op Hackernews ontstaat een interessante discussie over 'realistische' webdesign inspiratie waar onder andere Pixelfika, Siteinspire, CSSline, Admire The Web en Mobbin getipt worden.

Geplaatst op

De Martime Deftons Type Foundy is een goedkoop (begint bij 19 euro) alternatief voor Google Fonts als je op zoek bent naar unieke fonts voor je volgende project.

Geplaatst op

Redmine is een gratis open source projectmanagement tool dat als vervanging kan dienen van bijvoorbeeld JIRA.

Geplaatst op

SVGmix is een verzameling van gratis SVG iconen en illustraties.

Geplaatst op

David Heinemeier Hanson, CTO bij 37 Signals, beargumenteert dat Figma een mooie tool is om te schetsen, maar als je ontwerpt voor het web moet je dit uiteindelijk toch met HTML, CSS en Javascript doen.

Geplaatst op

Louise North geeft op Web Designer Depot een mooie uitleg over de Bento UI trend. Onderdelen worden visueel netjes in vakjes ingedeeld zoals bij Japanse maaltijdboxen, waar de naam Bento vandaan komt.

Geplaatst op

Een verzameling van handige 'UX wetten' waar je rekening mee moet houden als je aan het ontwerpen bent.

Geplaatst op

Freefaces.gallery is een verzameling van gratis lettertypes. Ik ben vooral gecharmeerd van Outward.

Geplaatst op

Een interessante benadering van Chris How van Clearleft om in een spreadsheet te beginnen als je een redesign gaat doen. Hij deelt een methode om eerst de huidige content (tekst en afbeeldingen) te verzamelen en op basis van deze content designkeuzes te maken voor het nieuwe ontwerp.

Geplaatst op

Archives.design is een archief met (voornamelijk retro) graphic design gerelateerde boeken. Handig om inspiratie op de te doen.

Geplaatst op

svghub is een verzameling aan SVG krabbels, kronkels en vormen die je kan gebruiken om je design op te leuken.

Geplaatst op

Flowbite icons biedt een set van meer dan 400 gratis SVG iconen.

Geplaatst op

De rebranding van Team GB door thisaway is een mooi voorbeeld van maximalisme. Een welkome breuk van het strakke, simplistische (maar ook saaie?) minimalisme.

Geplaatst op

Een mooi collectie van de logo trends in 2023.

Geplaatst op

Adam Silver geeft goede argumenten waarom je geen tooltips moet gebruiken en wat mogelijk alternatieven zijn.

Geplaatst op
Geplaatst op

Een uitgebreide lijst met SVG background pattern generators. 

Geplaatst op

Set aan makkelijk te volgens design regels opgesteld door Anthony Hobday. Hiermee kunnen designers (en niet-designers) hun designs flink mee verbeteren.

Geplaatst op
Geplaatst op

Robin Rendle demonstreert hoe nieuwe CSS functies ervoor zorgen dat je geen hacks meer hoeft te passen voor om fatsoenlijke typografie te tonen op een website.

Geplaatst op
Geplaatst op

Artikel van de Washington Post over een wetenschappelijk onderzoek welke suggereert dat de grootste maaltijd hebt ontbijt moet zijn, gevolgd door een bescheiden lunch en een weinig avondeten.

Geplaatst op

Deze handige tool MuscleWiki laat je een spiergroep kiezen die je wil trainen en geeft je dan passende oefeningen. 

Geplaatst op

Waarom je niet  blindelings moet vertrouwen op hoe een browser native HTML elementen toont. In dit geval gaat het om Safari en het tonen van een datumveld wat voor problemen zorgt. Ook is te lezen hoe de developer het uiteindelijk heeft opgelost.

Geplaatst op

Tutorial om een cool skewed highlight effect te maken achter text. 

Geplaatst op

Uitgebreide patronen generator more.graphics (zoals gradients en geometrische vormen). Genereert ook SVG bestanden (dus kleine file sizes = duurzaam).

Geplaatst op

Cool CSS experiment met layering, filtering en masking door Jeff Zych.

Geplaatst op

Chris Coyer bejubelt de ondergang van specifieke publicatieformaten van grote tech bedrijven zoals Google (AMP) en Facebook (Instant articles), waar gebruikers door hoepels moesten springen om content op een bepaalde manier aan te bieden. Wat blijft er over? Het oude vertrouwde HTML formaat. Dit geeft maar weer eens aan hoe robuust de fundamenten van het internet zijn. 

Geplaatst op

Lucide: Een nette set aan open source iconen.

Geplaatst op

Wanneer gebruik je een link en wanneer maak je een button? Normaal gesproken zorgt een link ervoor dat je naar andere pagina op plek gaat en wordt een button gebruikt om een formulier te verzenden. Maar het ligt niet altijd zo voor de hand zoals Killian Valkhof ondervindt in deze blogpost.

Geplaatst op

Scott VandeHey laat door middel van een paar inspirerende demo's zien hoe je CSS blend modes kan gebruiken om tot unieke resultaten te komen. Ik ben vooral geïnteresseerd in de half tone filter die afbeeldingen een stripboekachtig effect geven.

Geplaatst op

Een eerste set aan color fonts zijn gepubliceerd op Google Fonts. Hoewel dit fonttype nog niet door alle browsers ondersteund wordt is het een eerste mooi stap richting een kleurrijker web.

Je kan de fonts bekijken door op Google Fonts 'Show only color fonts' aan te klikken.

Geplaatst op

Een uitgebreide roadmap, gemaakt door Andy Chan, die aangeeft welke skills je nodig hebt om UI/UX designer te worden.

Geplaatst op

CSS Doodle is een Javascript bibliotheek die het mogelijk maakt om patronen en illustraties te generen op basis van CSS.

Een goed alternatief voor (grote) afbeeldingen en video's waardoor een website minder CO2 uitstoot.

Geplaatst op

Matthias Ott bevestigt in deze blogpost iets waar ik de laatste tijd veel over aan nadenken ben: het maken van een HTML/CSS prototype is de beste manier om een design te maken.

Figma, Penpot en Adobe XD zijn oké maar er gaat niks boven een 'shitty' prototype als het gaat om interactiviteit en responsiveness. Ook kan de gebruiker het prototype direct gebruiken in plaats van dat het naar een paar plaatjes moet staren. 

Geplaatst op

Een interessante discussie op Hacker News over de schaalbaarheid van Penpot, het open source alternatief van Figma. De CEO van Penpot reageert ook en stelt twijfelaars gerust dat het met de schaalbaarheid van Penpot wel goed zit.

Geplaatst op

Gave CSS-only techniek die gebruik maakt van blend modes om hologram effecten te simuleren op afbeeldingen. Scrol maar eens naar onderen, dan zie je het vanzelf :)

Geplaatst op

Een interessante techniek waarbij je geen gebruik meer maakt van webfonts (zoals Google Fonts) maar uitgaat van de (systeem) fonts die geïnstalleerd staan op het apparaat.

Dit heeft als voordeel dat:
- De fonts direct geladen worden, ze staan immers al op het apparaat van de gebruiker
- Het is duurzaam omdat er geen fonts gedownload hoeven te worden (dus minder KB verspilling)
- Het een uniforme visuele ervaring geeft omdat de gebruiker het font herkend van andere (native) applicaties
- System fonts zijn altijd zeer uitgebreid qua stijlen en unicode. Iets waar het bij webfonts nog weleens aan schort

Geplaatst op

SVG illustraties hebben de toekomst. Ze zijn het lichtgewicht alternatief (aanzienlijk minder KB) voor afbeeldingen en video's. Wat betekent dat je website sneller laadt en het is duurzamer omdat je minder data verspilt. Je kan er ook hele gave dingen mee doen zoals verzameld door Smashing Magazine.

Geplaatst op

Is Google stervende? Volgens dkb.io is dit wel degelijk het geval.

Dit komt onder andere door:
- Steeds meer advertenties die de organische zoekresultaten wegdrukken
- SEO specialisten weten het algoritme steeds beter te bespelen waardoor niet de beste resultaten getoond worden maar de resultaten die het beste voldoen aan de regels.

Wat is het alternatief? Steeds meer mensen (inclusief mijzelf) voegen 'reddit' toe aan hun zoekopdracht. Hierdoor krijg je direct advies van echte mensen in plaats van SEO geoptimaliseerde content waarvan de betrouwbaarheid twijfelachtig is.

Geplaatst op

Wat hoort er allemaal thuis in je Design System? Brad Frost beargumenteert dat een Design System alleen bedoeld is voor User Interfaces. Dus als het gaat om branding, tone of voice, content, performance, persona's, etc. dan krijgt het alleen een plek in het Design System wanneer het van belang is voor de User Interface.

Geplaatst op

Figma is niet je Design System, aldus Robin Rendle. De front-end is de enige waarheid. Ik kan niet anders dan Rendle gelijk geven. Nu ik bezig ben met opzetten van een Design System voor RVO merk ik dat er niks gaat boven het ontwerpen en maken van componenten in HTML/CSS. Je ziet meteen hoe het component werkt in een daadwerkelijke website en waar de pijnpunten zitten. Iets wat lastig in te schatten is wanneer het een geïsoleerd component is in Figma of Storybook. 

Geplaatst op

Wil je onthouden wat je geleerd hebt tijdens het lezen? Het moment dat je een boek dichtslaat vervliegt het merendeel van alle opgedane kennis.

Niet als je gebruik maakt van Readwise. Je krijgt dagelijks een e-mail toegestuurd met daarin een x aantal (zelf in te stellen) van je highlights die je bijvoorbeeld op je Kindle hebt gemaakt. Hierdoor krijg je de voor jou meest waardevolle passages van een boek te zien en blijft de kennis bewaard.

Je betaalt er $4.49 per maand voor, maar dat is het voor mij meer dan waard.

Geplaatst op

Nathan Baschez maakt in dit artikel een interessant punt over hoe webdesign aan het evolueren is van het gebruik van grote foto's naar illustraties en animaties.

Tegenwoordig is het gemakkelijk en goedkoop om hoogstaande foto's te gebruiken op je website dankzij websites zoals Unsplash en Pexels. Door zelfgemaakte illustraties en animaties te gebruiken laat een organisatie zien dat zij de resources hebben om deze kostbare afbeeldingen te laten ontwikkelen. Hiermee geven ze het signaal af dat ze 'fit to survive' zijn.

Geplaatst op

"Quirky and minimalist interfaces don’t make users feel awesome — obvious, inclusive, and robust interfaces do." Adam Silver in Form Design Patterns.

Je kan een super gelikt formulier hebben met allemaal flashy interacties maar als het daardoor minder makkelijk te gebruiken is heb je er niks aan. Silver pleit in zijn boek Form Design Patterns voor het maken van duidelijke, inclusieve en robuuste formulieren die snel en makkelijk in te vullen zijn.

Geplaatst op

De toekomst van (web)fonts? Google heeft vorige week het aanpasbare lettertype Roboto Flex uitgebracht. Er zijn 12 verschillende manieren om het font te tweaken zoals dikte van de lijnen of de hoogte van de stammen van de letter 'p' of 'd'. Probeer het zelf.

Geplaatst op

Is het nodig om een progress indicator (de te nemen stappen) te tonen bij je formulier? Misschien niet zoals GOV.UK ondervond wanneer ze de stappen weg lieten en geen verschil zagen in het aantal ingevulde formulieren of de tijd die de gebruiker hiervoor nodig had.

Geplaatst op

De volgende grote ontwikkeling op het gebied van web/ux/ui design is het ontwerpen en ontwikkelen van klimaatvriendelijke en duurzame websites.

Je staat er misschien niet bij stil maar websites kunnen enorme energieverslinders zijn. Door slimmere keuzes te maken kun je als designer jouw websites aanzienlijk groener maken. Direct beginnen? Het boek Sustainable Web Design van Tom Greenwood is een goed startpunt.

Geplaatst op

Welk lettertype is online het beste leesbaar? Helaas geven recente onderzoeken geen uitsluitend antwoord. Het verschilt per gebruiker. Desalniettemin bevatten de onderzoekresultaten zeer bruikbare inzichten.

Geplaatst op

'Ruined by Design' door Mike Monteiro is voor elke designer verplichte kost. Het legt uit hoe wij, designers, kritische vragen moeten stellen bij alles wat wij ontwerpen. Of zoals Mike het zelf zegt: 'There is no such thing as neutral software. We all bring our own biases to the things we design—our own ethical code, and our own garbage.'

Geplaatst op